/* ============================================================
   骰子结果声明
   布局5模块化堆积 | 导航1置顶吸附 | 模块4,10,14,19,28,29
   排版2负空间镂空 | 弹性果冻cubic-bezier(0.68,-0.55,0.265,1.55)
   玻璃拟态backdrop-filter:blur | 留白4负空间穿插
   动效2滚动渐进IntersectionObserver | 彩蛋E8全息展台
   ============================================================ */
/* ===== CSS变量 - 主题色系统 ===== */
:root {
    /* 主色调 */
    --med-primary: #2B5797;
    --med-primary-dark: #1B365D;
    --med-primary-light: #E8F4FD;
    --med-primary-rgb: 43, 87, 151;
    /* 辅色调 */
    --med-accent: #FF8C42;
    --med-accent-dark: #E56D28;
    --med-accent-light: #FFF0E6;
    --med-accent-rgb: 255, 140, 66;
    /* 强调色 */
    --med-success: #28A745;
    --med-warning: #FFC107;
    --med-danger: #DC3545;
    --med-info: #17A2B8;
    /* 文字色 */
    --med-text: #2D3748;
    --med-text-secondary: #5A6C7D;
    --med-text-muted: #8899AA;
    --med-text-light: #FFFFFF;
    /* 背景色 */
    --med-bg: #FFFFFF;
    --med-bg-light: #F0F7FF;
    --med-bg-warm: #FFF8F3;
    --med-bg-dark: #1B365D;
    /* 玻璃拟态 */
    --med-glass: rgba(255, 255, 255, 0.75);
    --med-glass-border: rgba(255, 255, 255, 0.3);
    /* 阴影 */
    --med-shadow-sm: 0 2px 8px rgba(43, 87, 151, 0.08);
    --med-shadow: 0 4px 20px rgba(43, 87, 151, 0.12);
    --med-shadow-lg: 0 8px 40px rgba(43, 87, 151, 0.18);
    --med-shadow-accent: 0 4px 20px rgba(255, 140, 66, 0.25);
    /* 圆角 */
    --med-radius-sm: 6px;
    --med-radius: 12px;
    --med-radius-lg: 20px;
    --med-radius-xl: 28px;
    /* 过渡 */
    --med-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --med-transition-smooth: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* 间距 */
    --med-section-pad: 80px;
    --med-section-pad-sm: 40px;
}
/* ===== 全局基础 ===== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--med-text);
    background: var(--med-bg);
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
a { color: var(--med-primary); text-decoration: none; transition: var(--med-transition); }
a:hover { color: var(--med-accent); }
img { max-width: 100%; height: auto; }
::selection { background: var(--med-primary); color: #fff; }
/* ===== 滚动进度环 ===== */
.med-scroll-progress {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 48px;
    height: 48px;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    transform: translateY(20px);
    transition: var(--med-transition-smooth);
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 50%;
    border: 1px solid var(--med-glass-border);
    box-shadow: var(--med-shadow);
}
.med-scroll-progress.visible { opacity: 1; transform: translateY(0); }
.med-scroll-progress svg {
    position: absolute;
    top: 0; left: 0;
    width: 48px; height: 48px;
    transform: rotate(-90deg);
}
.med-scroll-progress circle {
    fill: none;
    stroke-width: 3;
}
.med-scroll-progress-bg { stroke: rgba(43, 87, 151, 0.1); }
.med-scroll-progress-bar {
    stroke: var(--med-primary);
    stroke-linecap: round;
    stroke-dasharray: 125.6;
    stroke-dashoffset: 125.6;
    transition: stroke-dashoffset 0.1s linear;
}
.med-scroll-progress .bi-arrow-up {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: var(--med-primary);
}
/* ===== 导航栏 ===== */
.med-navbar {
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--med-glass-border);
    transition: var(--med-transition-smooth);
    z-index: 1030;
}
.med-navbar.scrolled {
    box-shadow: var(--med-shadow);
    background: rgba(255, 255, 255, 0.95);
}
.med-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    transition: var(--med-transition);
}
.med-navbar.scrolled .med-nav-inner { height: 60px; }
.med-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--med-text);
}
.med-brand:hover { color: var(--med-text); text-decoration: none; }
.med-brand-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    border-radius: var(--med-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: var(--med-transition);
}
.med-brand:hover .med-brand-icon {
    transform: scale(1.05) rotate(-5deg);
    box-shadow: var(--med-shadow-accent);
}
.med-brand-text { display: flex; flex-direction: column; }
.med-brand-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--med-primary-dark);
}
.med-brand-slogan {
    font-size: 11px;
    color: var(--med-text-muted);
    line-height: 1.3;
}
/* 汉堡菜单 */
.med-hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1040;
}
.med-hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--med-primary);
    border-radius: 2px;
    transition: var(--med-transition);
}
.med-hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.med-hamburger.active span:nth-child(2) { opacity: 0; }
.med-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
/* 导航菜单 */
.med-nav-menu {
    display: flex;
    align-items: center;
    gap: 4px;
}
.med-nav-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}
.med-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    color: var(--med-text);
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--med-radius);
    position: relative;
    overflow: hidden;
}
.med-nav-link::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(135deg, var(--med-primary-light), var(--med-accent-light));
    opacity: 0;
    transition: var(--med-transition);
    border-radius: var(--med-radius);
}
.med-nav-link:hover::before,
.med-nav-link.active::before { opacity: 1; }
.med-nav-link:hover,
.med-nav-link.active {
    color: var(--med-primary);
    text-decoration: none;
}
.med-nav-text { position: relative; z-index: 1; }
.med-nav-dot {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 4px; height: 4px;
    background: var(--med-accent);
    border-radius: 50%;
    transition: var(--med-transition);
}
.med-nav-link:hover .med-nav-dot,
.med-nav-link.active .med-nav-dot { transform: translateX(-50%) scale(1); }
.med-nav-cta {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--med-radius);
    box-shadow: var(--med-shadow);
    transition: var(--med-transition);
}
.med-nav-cta:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--med-shadow-accent);
    text-decoration: none;
}
/* ===== 按钮系统 ===== */
.med-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--med-radius);
    border: none;
    cursor: pointer;
    transition: var(--med-transition);
    text-decoration: none;
}
.med-btn:hover { text-decoration: none; }
.med-btn-primary {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    box-shadow: var(--med-shadow);
}
.med-btn-primary:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: var(--med-shadow-accent);
}
.med-btn-outline {
    background: transparent;
    color: var(--med-primary);
    border: 2px solid var(--med-primary);
}
.med-btn-outline:hover {
    background: var(--med-primary);
    color: #fff;
    transform: translateY(-2px);
}
.med-btn-danger {
    background: linear-gradient(135deg, var(--med-danger), #FF6B6B);
    color: #fff;
    box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
}
.med-btn-danger:hover { color: #fff; transform: translateY(-2px); }
.med-btn-sm { padding: 8px 18px; font-size: 13px; }
.med-btn-lg { padding: 14px 36px; font-size: 15px; border-radius: var(--med-radius-lg); }
/* ===== 通用Section头 ===== */
.med-section-header { margin-bottom: 50px; }
.med-section-tag {
    display: inline-block;
    padding: 4px 16px;
    background: var(--med-accent-light);
    color: var(--med-accent);
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.med-section-title {
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 800;
    color: var(--med-primary-dark);
    margin-bottom: 12px;
    line-height: 1.3;
}
.med-section-desc {
    font-size: 15px;
    color: var(--med-text-secondary);
    max-width: 560px;
    margin: 0 auto;
}
/* 负空间镂空文字 */
.med-text-gradient {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* ===== 首屏Hero ===== */
.med-hero { position: relative; }
.med-hero-carousel { height: 600px; }
.med-hero-inner,
.med-hero-item,
.carousel-inner { height: 100%; }
.med-hero-item { position: relative; overflow: hidden; }
.med-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 8s ease;
}
.med-hero-item.active .med-hero-img { transform: scale(1.05); }
.med-hero-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(27, 54, 93, 0.85), rgba(43, 87, 151, 0.7));
}
.med-hero-content {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
    padding: 20px;
}
.med-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    border: 1px solid var(--med-glass-border);
    border-radius: 30px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 24px;
    animation: fadeInDown 0.8s ease;
}
.med-hero-title {
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.2;
    animation: fadeInUp 0.8s ease 0.2s both;
}
.med-hero-subtitle {
    font-size: clamp(14px, 2.5vw, 18px);
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 32px;
    animation: fadeInUp 0.8s ease 0.4s both;
}
.med-hero-subtitle strong {
    color: var(--med-accent);
    font-size: 1.3em;
}
.med-hero-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    animation: fadeInUp 0.8s ease 0.6s both;
}
.med-hero-actions .med-btn-outline {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}
.med-hero-actions .med-btn-outline:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
    color: #fff;
}
.med-hero-prev,
.med-hero-next {
    width: 50px; height: 50px;
    border-radius: 50%;
    background: var(--med-glass);
    backdrop-filter: blur(10px);
    border: 1px solid var(--med-glass-border);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--med-transition);
}
.med-hero:hover .med-hero-prev,
.med-hero:hover .med-hero-next { opacity: 1; }
.med-hero-indicators { bottom: 20px; }
.med-hero-indicators button {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    margin: 0 5px;
    transition: var(--med-transition);
}
.med-hero-indicators button.active {
    background: var(--med-accent);
    width: 30px;
    border-radius: 5px;
}
/* ===== 统计仪表盘 ===== */
.med-stats {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg-light);
}
.med-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.med-stat-item {
    text-align: center;
    padding: 32px 20px;
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    box-shadow: var(--med-shadow-sm);
    transition: var(--med-transition);
    position: relative;
    overflow: hidden;
}
.med-stat-item::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, var(--med-primary), var(--med-accent));
    transform: scaleX(0);
    transition: var(--med-transition);
}
.med-stat-item:hover {
    transform: translateY(-8px);
    box-shadow: var(--med-shadow);
}
.med-stat-item:hover::before { transform: scaleX(1); }
.med-stat-icon {
    width: 60px; height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin: 0 auto 16px;
    transition: var(--med-transition);
}
.med-stat-icon-primary { background: var(--med-primary-light); color: var(--med-primary); }
.med-stat-icon-success { background: rgba(40, 167, 69, 0.1); color: var(--med-success); }
.med-stat-icon-warning { background: rgba(255, 193, 7, 0.1); color: var(--med-warning); }
.med-stat-icon-info { background: rgba(23, 162, 184, 0.1); color: var(--med-info); }
.med-stat-item:hover .med-stat-icon { transform: scale(1.1) rotate(-5deg); }
.med-stat-number {
    font-size: 36px;
    font-weight: 800;
    color: var(--med-primary-dark);
    line-height: 1;
    margin-bottom: 8px;
}
.med-stat-suffix { color: var(--med-accent); }
.med-stat-label {
    font-size: 14px;
    color: var(--med-text-secondary);
}
/* ===== 核心服务 ===== */
.med-services {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg);
}
.med-service-card {
    padding: 36px 24px;
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
    text-align: center;
    transition: var(--med-transition);
    height: 100%;
    transform-style: preserve-3d;
    perspective: 1000px;
}
.med-service-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--med-shadow-lg);
    border-color: transparent;
}
.med-service-icon {
    width: 70px; height: 70px;
    border-radius: var(--med-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 20px;
    transition: var(--med-transition);
}
.med-service-card:hover .med-service-icon { transform: scale(1.1) rotateY(10deg); }
.med-service-card-1 .med-service-icon { background: var(--med-primary-light); color: var(--med-primary); }
.med-service-card-2 .med-service-icon { background: var(--med-accent-light); color: var(--med-accent); }
.med-service-card-3 .med-service-icon { background: rgba(40, 167, 69, 0.1); color: var(--med-success); }
.med-service-card-4 .med-service-icon { background: rgba(23, 162, 184, 0.1); color: var(--med-info); }
.med-service-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 10px;
}
.med-service-text {
    font-size: 13px;
    color: var(--med-text-secondary);
    line-height: 1.7;
    margin: 0;
}
/* ===== 产品展示（全息展台3D卡片） ===== */
.med-products {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg-light);
}
.med-product-card {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    overflow: hidden;
    box-shadow: var(--med-shadow-sm);
    transition: var(--med-transition);
    transform-style: preserve-3d;
    perspective: 1000px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.med-product-card:hover {
    transform: translateY(-12px);
    box-shadow: var(--med-shadow-lg);
}
.med-product-img-wrap {
    position: relative;
    padding-top: 66%;
    overflow: hidden;
}
.med-product-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.med-product-card:hover .med-product-img { transform: scale(1.08); }
.med-product-badge {
    position: absolute;
    top: 12px; right: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    background: var(--med-success);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    z-index: 2;
}
.med-product-badge-hot { background: var(--med-danger); }
.med-product-body {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.med-product-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 8px;
}
.med-product-desc {
    font-size: 13px;
    color: var(--med-text-secondary);
    line-height: 1.7;
    margin-bottom: 16px;
    flex: 1;
}
.med-product-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.med-product-features li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--med-text);
    margin-bottom: 6px;
}
.med-product-features li i { color: var(--med-success); font-size: 14px; }
/* ===== 服务流程 ===== */
.med-process {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg);
}
.med-process-timeline { position: relative; }
.med-process-line {
    position: absolute;
    top: 40px;
    left: 12.5%;
    width: 75%;
    height: 3px;
    background: linear-gradient(90deg, var(--med-primary), var(--med-accent));
    z-index: 0;
}
.med-process-step {
    text-align: center;
    position: relative;
    z-index: 1;
}
.med-process-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50%;
    margin-bottom: 16px;
    box-shadow: var(--med-shadow);
}
.med-process-icon {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: var(--med-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin: 0 auto 16px;
    box-shadow: var(--med-shadow-sm);
    color: var(--med-primary);
    transition: var(--med-transition);
}
.med-process-step:hover .med-process-icon {
    transform: scale(1.1);
    box-shadow: var(--med-shadow);
    background: var(--med-primary-light);
}
.med-process-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 8px;
}
.med-process-desc {
    font-size: 13px;
    color: var(--med-text-secondary);
    line-height: 1.7;
}
/* ===== 价格对比（数据解密效果） ===== */
.med-pricing {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg-warm);
}
.med-pricing-compare { max-width: 900px; margin: 0 auto; }
.med-pricing-card {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 32px;
    box-shadow: var(--med-shadow-sm);
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: var(--med-transition);
    border: 1px solid rgba(43, 87, 151, 0.08);
}
.med-pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--med-shadow);
}
.med-pricing-badge {
    position: absolute;
    top: 16px; right: 16px;
    padding: 4px 12px;
    background: linear-gradient(135deg, var(--med-danger), #FF6B6B);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 20px;
    animation: pulse 2s infinite;
}
.med-pricing-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--med-bg-light);
}
.med-pricing-header i { font-size: 28px; }
.med-pricing-card-hospital .med-pricing-header i { color: var(--med-text-muted); }
.med-pricing-card-us .med-pricing-header i { color: var(--med-success); }
.med-pricing-header h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin: 0;
}
.med-pricing-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--med-bg-light);
}
.med-pricing-label {
    font-size: 14px;
    color: var(--med-text-secondary);
}
.med-pricing-value {
    font-size: 16px;
    font-weight: 700;
    color: var(--med-text);
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
}
.med-price-highlight { color: var(--med-success); }
.med-price-final {
    font-size: 22px;
    background: linear-gradient(135deg, var(--med-success), #28C76F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.med-pricing-total {
    border-top: 2px solid var(--med-primary);
    border-bottom: none;
    margin-top: 8px;
    padding-top: 16px;
}
/* ===== 资讯卡片 ===== */
.med-news {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg);
}
.med-news-card {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    overflow: hidden;
    box-shadow: var(--med-shadow-sm);
    transition: var(--med-transition);
    height: 100%;
    border: 1px solid rgba(43, 87, 151, 0.06);
}
.med-news-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--med-shadow);
    border-color: transparent;
}
.med-news-card .med-news-link { display: block; color: var(--med-text); height: 100%; }
.med-news-card .med-news-link:hover { color: var(--med-text); text-decoration: none; }
.med-news-img-wrap {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
}
.med-news-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.med-news-card:hover .med-news-img { transform: scale(1.08); }
.med-news-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(43, 87, 151, 0.8), rgba(255, 140, 66, 0.6));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--med-transition);
}
.med-news-card:hover .med-news-overlay { opacity: 1; }
.med-news-overlay i {
    font-size: 32px;
    color: #fff;
    transform: scale(0);
    transition: var(--med-transition);
}
.med-news-card:hover .med-news-overlay i { transform: scale(1); }
.med-news-body { padding: 20px; }
.med-news-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 8px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.med-news-desc {
    font-size: 13px;
    color: var(--med-text-secondary);
    line-height: 1.6;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.med-news-meta {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--med-text-muted);
}
.med-news-meta i { margin-right: 4px; }
/* ===== 城市目录 ===== */
.med-cities {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg-light);
}
.med-cities-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.med-city-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--med-bg);
    color: var(--med-text);
    font-size: 13px;
    border-radius: var(--med-radius);
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
    transition: var(--med-transition);
}
.med-city-tag:hover {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    transform: translateY(-3px);
    box-shadow: var(--med-shadow);
    text-decoration: none;
}
.med-city-tag i { font-size: 12px; color: var(--med-accent); transition: var(--med-transition); }
.med-city-tag:hover i { color: #fff; }
.med-city-group { margin-bottom: 16px; }
.med-city-group-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--med-primary);
    margin-bottom: 10px;
}
.med-city-group-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* ===== FAQ ===== */
.med-faq {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg);
}
.med-faq-list { display: flex; flex-direction: column; gap: 12px; }
.med-faq-item {
    background: var(--med-bg);
    border-radius: var(--med-radius);
    border: 1px solid rgba(43, 87, 151, 0.1);
    overflow: hidden;
    transition: var(--med-transition);
}
.med-faq-item:hover { box-shadow: var(--med-shadow-sm); }
.med-faq-item[open] { box-shadow: var(--med-shadow); border-color: var(--med-primary-light); }
.med-faq-question {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: var(--med-primary-dark);
    list-style: none;
    transition: var(--med-transition);
}
.med-faq-question::-webkit-details-marker { display: none; }
.med-faq-question i:first-child {
    color: var(--med-accent);
    font-size: 18px;
    flex-shrink: 0;
}
.med-faq-question span { flex: 1; }
.med-faq-arrow {
    font-size: 14px;
    color: var(--med-text-muted);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.med-faq-item[open] .med-faq-arrow { transform: rotate(180deg); color: var(--med-primary); }
.med-faq-answer {
    padding: 0 20px 18px 50px;
    font-size: 14px;
    color: var(--med-text-secondary);
    line-height: 1.8;
    animation: faqSlideDown 0.3s ease;
}
.med-faq-answer p { margin: 0; }
/* ===== 客户评价 ===== */
.med-reviews {
    padding: var(--med-section-pad) 0;
    background: var(--med-bg-warm);
}
.med-review-card {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 28px;
    box-shadow: var(--med-shadow-sm);
    transition: var(--med-transition);
    height: 100%;
    border: 1px solid rgba(43, 87, 151, 0.06);
}
.med-review-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--med-shadow);
}
.med-review-card-alt { background: linear-gradient(135deg, var(--med-primary-dark), var(--med-primary)); color: #fff; }
.med-review-card-alt .med-review-text { color: rgba(255, 255, 255, 0.9); }
.med-review-card-alt .med-review-name { color: #fff; }
.med-review-card-alt .med-review-date { color: rgba(255, 255, 255, 0.6); }
.med-review-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    color: var(--med-warning);
    font-size: 14px;
}
.med-review-text {
    font-size: 14px;
    color: var(--med-text);
    line-height: 1.8;
    margin-bottom: 20px;
    font-style: italic;
}
.med-review-author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.med-review-avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--med-bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--med-primary);
}
.med-review-info { display: flex; flex-direction: column; }
.med-review-name { font-size: 14px; font-weight: 600; color: var(--med-primary-dark); }
.med-review-date { font-size: 12px; color: var(--med-text-muted); }
/* ===== 底部CTA ===== */
.med-cta {
    padding: var(--med-section-pad) 0;
    background: linear-gradient(135deg, var(--med-primary-dark), var(--med-primary));
}
.med-cta-inner {
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    border: 1px solid var(--med-glass-border);
    border-radius: var(--med-radius-xl);
    padding: 48px;
}
.med-cta-title {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}
.med-cta-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 16px;
}
.med-cta-features {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.med-cta-features span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
}
.med-cta-features i { color: var(--med-accent); }
.med-cta-phone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}
.med-cta-phone i { color: var(--med-accent); }
/* ===== 悬浮CTA ===== */
.med-sticky-cta {
    position: fixed;
    bottom: 0; left: 0;
    width: 100%;
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--med-glass-border);
    z-index: 1020;
    padding: 10px 0;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.med-sticky-cta.show { transform: translateY(0); }
.med-sticky-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 16px;
}
.med-sticky-cta-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--med-text);
}
.med-sticky-cta-text i { color: var(--med-accent); font-size: 18px; }
.med-sticky-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--med-radius);
    white-space: nowrap;
    flex-shrink: 0;
}
.med-sticky-cta-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: var(--med-shadow-accent); text-decoration: none; }
/* ===== 页脚 ===== */
.med-footer { background: var(--med-primary-dark); color: rgba(255, 255, 255, 0.7); }
.med-footer-main { padding: 60px 0 40px; }
.med-footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}
.med-footer-logo i {
    width: 36px; height: 36px;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    border-radius: var(--med-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.med-footer-desc {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.6);
}
.med-footer-social { display: flex; gap: 10px; }
.med-social-btn {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    transition: var(--med-transition);
}
.med-social-btn:hover {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    transform: translateY(-3px);
    text-decoration: none;
}
.med-footer-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.med-footer-list { list-style: none; padding: 0; margin: 0; }
.med-footer-list li { margin-bottom: 10px; }
.med-footer-list a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    transition: var(--med-transition);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.med-footer-list a:hover { color: var(--med-accent); padding-left: 4px; text-decoration: none; }
.med-footer-contact-list { list-style: none; padding: 0; margin: 0; }
.med-footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.med-footer-contact-list li i {
    color: var(--med-accent);
    font-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}
.med-footer-qrcode {
    margin-top: 16px;
    text-align: center;
}
.med-footer-qrcode img {
    width: 100px; height: 100px;
    border-radius: var(--med-radius-sm);
    margin-bottom: 6px;
}
.med-footer-qrcode span {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}
/* 友情链接 */
.med-footer-friends {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
}
.med-friends-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
}
.med-friends-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.med-friends-list a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    transition: var(--med-transition);
}
.med-friends-list a:hover { color: var(--med-accent); text-decoration: none; }
/* 底部版权 */
.med-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
}
.med-footer-bottom-inner {
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}
.med-footer-bottom a {
    color: rgba(255, 255, 255, 0.5);
    margin: 0 8px;
}
.med-footer-bottom a:hover { color: var(--med-accent); text-decoration: none; }
.med-footer-warning {
    margin-top: 8px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.3);
}
/* ===== 页面头部通用 ===== */
.med-page-header {
    position: relative;
    padding: 100px 0 60px;
    background: linear-gradient(135deg, var(--med-primary-dark), var(--med-primary));
    overflow: hidden;
}
.med-page-header-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.med-breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    gap: 8px;
    flex-wrap: wrap;
}
.med-breadcrumb-center { justify-content: center; }
.med-breadcrumb-item { font-size: 13px; }
.med-breadcrumb-item a { color: rgba(255, 255, 255, 0.7); }
.med-breadcrumb-item a:hover { color: var(--med-accent); text-decoration: none; }
.med-breadcrumb-item.active { color: rgba(255, 255, 255, 0.5); }
.med-breadcrumb-item + .med-breadcrumb-item::before {
    content: '/';
    margin-right: 8px;
    color: rgba(255, 255, 255, 0.3);
}
.med-page-title {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.2;
}
.med-page-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
}
/* ===== 资讯列表页 ===== */
.med-news-main { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
.med-news-list { display: flex; flex-direction: column; gap: 20px; }
.med-news-list-item {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    overflow: hidden;
    box-shadow: var(--med-shadow-sm);
    transition: var(--med-transition);
    border: 1px solid rgba(43, 87, 151, 0.06);
}
.med-news-list-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--med-shadow);
    border-color: transparent;
}
.med-news-list-img-link { display: block; height: 100%; }
.med-news-list-img-wrap {
    position: relative;
    height: 100%;
    min-height: 180px;
    overflow: hidden;
}
.med-news-list-img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.med-news-list-item:hover .med-news-list-img { transform: scale(1.05); }
.med-news-list-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(135deg, rgba(43, 87, 151, 0.7), rgba(255, 140, 66, 0.5));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--med-transition);
}
.med-news-list-item:hover .med-news-list-overlay { opacity: 1; }
.med-news-list-overlay i { font-size: 24px; color: #fff; }
.med-news-list-body { padding: 24px; }
.med-news-list-meta-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.med-news-list-category {
    display: inline-block;
    padding: 2px 10px;
    background: var(--med-accent-light);
    color: var(--med-accent);
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
}
.med-news-list-date {
    font-size: 12px;
    color: var(--med-text-muted);
}
.med-news-list-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.4;
}
.med-news-list-title a { color: var(--med-primary-dark); }
.med-news-list-title a:hover { color: var(--med-accent); text-decoration: none; }
.med-news-list-desc {
    font-size: 13px;
    color: var(--med-text-secondary);
    line-height: 1.7;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.med-news-list-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.med-news-list-views {
    font-size: 12px;
    color: var(--med-text-muted);
}
.med-news-list-readmore {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--med-primary);
    transition: var(--med-transition);
}
.med-news-list-readmore:hover { color: var(--med-accent); gap: 8px; text-decoration: none; }
/* 分页 */
.med-pagination-wrap { margin-top: 40px; display: flex; justify-content: center; }
/* ===== 侧边栏 ===== */
.med-sidebar { display: flex; flex-direction: column; gap: 24px; }
.med-sidebar-widget {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 24px;
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.06);
}
.med-sidebar-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--med-bg-light);
}
.med-sidebar-title i { color: var(--med-accent); }
.med-search-form .input-group { border-radius: var(--med-radius); overflow: hidden; }
.med-search-input {
    border: 2px solid var(--med-bg-light);
    font-size: 14px;
    padding: 10px 14px;
}
.med-search-input:focus {
    border-color: var(--med-primary);
    box-shadow: 0 0 0 3px rgba(43, 87, 151, 0.1);
}
.med-search-btn {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    border: none;
    padding: 10px 16px;
}
.med-sidebar-nav-list { list-style: none; padding: 0; margin: 0; }
.med-sidebar-nav-item { margin-bottom: 4px; }
.med-sidebar-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-radius: var(--med-radius-sm);
    font-size: 14px;
    color: var(--med-text);
    transition: var(--med-transition);
}
.med-sidebar-nav-link:hover,
.med-sidebar-nav-link.active {
    background: var(--med-primary-light);
    color: var(--med-primary);
    text-decoration: none;
}
.med-sidebar-nav-link i { font-size: 12px; color: var(--med-text-muted); }
.med-sidebar-news-list { display: flex; flex-direction: column; gap: 12px; }
.med-sidebar-news-item {
    display: flex;
    gap: 12px;
    color: var(--med-text);
    transition: var(--med-transition);
}
.med-sidebar-news-item:hover { color: var(--med-primary); text-decoration: none; }
.med-sidebar-news-img {
    width: 70px; height: 55px;
    border-radius: var(--med-radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}
.med-sidebar-news-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.med-sidebar-news-item:hover .med-sidebar-news-img img { transform: scale(1.1); }
.med-sidebar-news-body { flex: 1; min-width: 0; }
.med-sidebar-news-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.med-sidebar-news-date { font-size: 11px; color: var(--med-text-muted); }
.med-sidebar-contact-body { text-align: center; }
.med-sidebar-contact-body p { font-size: 13px; color: var(--med-text-secondary); margin-bottom: 16px; }
.med-sidebar-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px;
    background: var(--med-primary-light);
    border-radius: var(--med-radius-sm);
    color: var(--med-primary);
    font-size: 14px;
    font-weight: 600;
}
.med-sidebar-phone:hover { color: var(--med-primary); text-decoration: none; }
.med-sidebar-wechat { margin-top: 16px; }
.med-sidebar-wechat img { width: 120px; height: 120px; border-radius: var(--med-radius-sm); }
.med-sidebar-wechat span { display: block; margin-top: 6px; font-size: 12px; color: var(--med-text-muted); }
/* 标签云 */
.med-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.med-tag {
    display: inline-block;
    padding: 4px 12px;
    background: var(--med-bg-light);
    color: var(--med-text-secondary);
    font-size: 12px;
    border-radius: 20px;
    transition: var(--med-transition);
}
.med-tag:hover {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}
/* ===== 文章详情页 ===== */
.med-page-header-article { padding-bottom: 50px; }
.med-article-title {
    font-size: clamp(22px, 4vw, 32px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.3;
}
.med-article-meta {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.med-article-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}
.med-article-main { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
.med-article-content {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 40px;
    box-shadow: var(--med-shadow-sm);
}
.med-article-thumb { margin: -40px -40px 30px; border-radius: var(--med-radius-lg) var(--med-radius-lg) 0 0; overflow: hidden; }
.med-article-thumb img { width: 100%; }
.med-article-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--med-bg-light);
}
.med-article-tags > i { color: var(--med-accent); font-size: 14px; }
.med-article-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: var(--med-bg-light);
    color: var(--med-text-secondary);
    font-size: 12px;
    border-radius: 16px;
    transition: var(--med-transition);
}
.med-article-tag:hover {
    background: var(--med-primary-light);
    color: var(--med-primary);
    text-decoration: none;
}
/* 正文样式 */
.med-article-body {
    font-size: 15px;
    line-height: 1.9;
    color: var(--med-text);
}
.med-article-body p { margin-bottom: 20px; }
.med-article-body h2,
.med-article-body h3,
.med-article-body h4 {
    color: var(--med-primary-dark);
    font-weight: 700;
    margin: 32px 0 16px;
}
.med-article-body h2 { font-size: 22px; }
.med-article-body h3 { font-size: 18px; }
.med-article-body img {
    max-width: 100%;
    border-radius: var(--med-radius);
    margin: 20px 0;
}
.med-article-body ul,
.med-article-body ol { margin-bottom: 20px; padding-left: 24px; }
.med-article-body li { margin-bottom: 8px; }
.med-article-body strong { color: var(--med-primary-dark); }
.med-article-body blockquote {
    border-left: 4px solid var(--med-accent);
    padding: 16px 20px;
    background: var(--med-bg-light);
    border-radius: 0 var(--med-radius) var(--med-radius) 0;
    margin: 20px 0;
    font-style: italic;
    color: var(--med-text-secondary);
}
/* 文章操作 */
.med-article-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    margin-top: 30px;
    border-top: 1px solid var(--med-bg-light);
    flex-wrap: wrap;
    gap: 16px;
}
.med-article-share { display: flex; align-items: center; gap: 8px; }
.med-article-share-label { font-size: 13px; color: var(--med-text-muted); }
.med-share-btn {
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 1px solid var(--med-bg-light);
    background: var(--med-bg);
    color: var(--med-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--med-transition);
}
.med-share-btn:hover {
    background: var(--med-primary);
    color: #fff;
    border-color: var(--med-primary);
    transform: translateY(-2px);
}
.med-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--med-bg-light);
    background: var(--med-bg);
    color: var(--med-text-secondary);
    border-radius: 20px;
    cursor: pointer;
    transition: var(--med-transition);
    font-size: 13px;
}
.med-like-btn:hover,
.med-like-btn.liked {
    background: rgba(220, 53, 69, 0.1);
    color: var(--med-danger);
    border-color: rgba(220, 53, 69, 0.2);
}
.med-like-btn.liked i::before { content: "\f415"; }
/* 上一篇下一篇 */
.med-article-nav { margin-top: 30px; }
.med-article-nav-prev,
.med-article-nav-next {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px;
    background: var(--med-bg-light);
    border-radius: var(--med-radius);
    color: var(--med-text);
    transition: var(--med-transition);
    height: 100%;
}
.med-article-nav-prev:hover,
.med-article-nav-next:hover {
    background: var(--med-primary-light);
    color: var(--med-primary);
    text-decoration: none;
}
.med-article-nav-next { justify-content: flex-end; text-align: right; }
.med-article-nav-prev i,
.med-article-nav-next i { font-size: 20px; color: var(--med-accent); flex-shrink: 0; }
.med-article-nav-label { display: block; font-size: 12px; color: var(--med-text-muted); margin-bottom: 4px; }
.med-article-nav-title { display: block; font-size: 14px; font-weight: 600; line-height: 1.4; }
/* 评论 */
.med-comments { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--med-bg-light); }
.med-comments-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 20px;
}
.med-comments-title i { color: var(--med-accent); }
.med-comment-form .med-form-input,
.med-comment-form .med-form-textarea {
    border: 2px solid var(--med-bg-light);
    border-radius: var(--med-radius);
    padding: 12px 16px;
    font-size: 14px;
    transition: var(--med-transition);
}
.med-comment-form .med-form-input:focus,
.med-comment-form .med-form-textarea:focus {
    border-color: var(--med-primary);
    box-shadow: 0 0 0 3px rgba(43, 87, 151, 0.1);
    outline: none;
}
/* 侧边栏信息 */
.med-sidebar-info-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 16px;
}
.med-sidebar-info-header i { color: var(--med-accent); }
.med-sidebar-info-list { list-style: none; padding: 0; margin: 0; }
.med-sidebar-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--med-text-secondary);
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--med-bg-light);
}
.med-sidebar-info-list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.med-sidebar-info-list li i { color: var(--med-primary); font-size: 14px; margin-top: 2px; flex-shrink: 0; }
/* TOC */
.med-toc-list { font-size: 13px; }
.med-toc-list a {
    display: block;
    padding: 6px 0;
    color: var(--med-text-secondary);
    border-bottom: 1px solid var(--med-bg-light);
}
.med-toc-list a:hover { color: var(--med-primary); padding-left: 8px; text-decoration: none; }
.med-toc-placeholder { color: var(--med-text-muted); font-style: italic; }
/* 咨询卡片 */
.med-consult-card { text-align: center; }
.med-consult-icon {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 24px;
    color: #fff;
}
.med-consult-card h4 { font-size: 16px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 8px; }
.med-consult-card p { font-size: 13px; color: var(--med-text-secondary); margin-bottom: 16px; }
.med-consult-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    color: var(--med-primary);
    font-weight: 600;
    font-size: 14px;
}
.med-consult-phone:hover { text-decoration: none; }
.med-consult-wechat { margin-top: 16px; }
.med-consult-wechat img { width: 120px; height: 120px; border-radius: var(--med-radius-sm); }
.med-consult-wechat span { display: block; margin-top: 6px; font-size: 12px; color: var(--med-text-muted); }
/* ===== 关于我们页 ===== */
.med-about-intro { padding: var(--med-section-pad) 0; background: var(--med-bg); }
.med-about-img-wrap { position: relative; border-radius: var(--med-radius-lg); overflow: hidden; }
.med-about-img { width: 100%; border-radius: var(--med-radius-lg); }
.med-about-img-badge {
    position: absolute;
    bottom: 20px; right: 20px;
    background: var(--med-glass);
    backdrop-filter: blur(20px);
    border: 1px solid var(--med-glass-border);
    border-radius: var(--med-radius);
    padding: 16px 20px;
    text-align: center;
    box-shadow: var(--med-shadow);
}
.med-about-badge-num {
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: var(--med-primary);
    line-height: 1;
}
.med-about-badge-text {
    font-size: 12px;
    color: var(--med-text-secondary);
    line-height: 1.4;
}
.med-about-content .med-section-title { margin-bottom: 16px; }
.med-about-desc { font-size: 15px; color: var(--med-text-secondary); line-height: 1.8; margin-bottom: 28px; }
.med-about-features { display: flex; flex-direction: column; gap: 20px; }
.med-about-feature { display: flex; gap: 16px; }
.med-about-feature-icon {
    width: 48px; height: 48px;
    border-radius: var(--med-radius);
    background: var(--med-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--med-primary);
    flex-shrink: 0;
    transition: var(--med-transition);
}
.med-about-feature:hover .med-about-feature-icon { transform: scale(1.1) rotate(-5deg); background: linear-gradient(135deg, var(--med-primary), var(--med-accent)); color: #fff; }
.med-about-feature-body h4 { font-size: 16px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 4px; }
.med-about-feature-body p { font-size: 13px; color: var(--med-text-secondary); line-height: 1.7; margin: 0; }
/* 关于页统计 */
.med-about-stats { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
.med-stats-grid-alt { max-width: 900px; margin: 0 auto; }
/* 优势卡片 */
.med-advantages { padding: var(--med-section-pad) 0; background: var(--med-bg); }
.med-advantage-card {
    padding: 32px 24px;
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
    text-align: center;
    transition: var(--med-transition);
    height: 100%;
    transform-style: preserve-3d;
    perspective: 1000px;
}
.med-advantage-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--med-shadow);
    border-color: transparent;
}
.med-advantage-card-alt { background: linear-gradient(135deg, var(--med-primary-light), var(--med-accent-light)); border-color: transparent; }
.med-advantage-num {
    font-size: 12px;
    font-weight: 700;
    color: var(--med-accent);
    margin-bottom: 12px;
    letter-spacing: 2px;
}
.med-advantage-icon {
    width: 60px; height: 60px;
    border-radius: 50%;
    background: var(--med-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--med-primary);
    margin: 0 auto 16px;
    transition: var(--med-transition);
}
.med-advantage-card:hover .med-advantage-icon { transform: scale(1.1) rotateY(15deg); box-shadow: var(--med-shadow); }
.med-advantage-title { font-size: 17px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 8px; }
.med-advantage-desc { font-size: 13px; color: var(--med-text-secondary); line-height: 1.7; margin: 0; }
/* 流程 */
.med-about-process { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
/* 保障 */
.med-guarantee { padding: var(--med-section-pad) 0; background: var(--med-bg); }
.med-guarantee-card {
    text-align: center;
    padding: 32px 20px;
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
    transition: var(--med-transition);
    height: 100%;
}
.med-guarantee-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--med-shadow);
    border-color: var(--med-primary-light);
}
.med-guarantee-icon {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--med-primary-light), var(--med-accent-light));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--med-primary);
    margin: 0 auto 16px;
    transition: var(--med-transition);
}
.med-guarantee-card:hover .med-guarantee-icon { transform: scale(1.1); background: linear-gradient(135deg, var(--med-primary), var(--med-accent)); color: #fff; }
.med-guarantee-card h4 { font-size: 16px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 8px; }
.med-guarantee-card p { font-size: 13px; color: var(--med-text-secondary); line-height: 1.7; margin: 0; }
/* ===== 联系我们页 ===== */
.med-contact-info { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
.med-contact-card {
    text-align: center;
    padding: 32px 20px;
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
    transition: var(--med-transition);
    height: 100%;
}
.med-contact-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--med-shadow);
    border-color: var(--med-primary-light);
}
.med-contact-card-alt { background: linear-gradient(135deg, var(--med-primary-dark), var(--med-primary)); color: #fff; }
.med-contact-card-alt .med-contact-desc { color: rgba(255, 255, 255, 0.7); }
.med-contact-card-alt .med-contact-title { color: #fff; }
.med-contact-card-alt .med-contact-text { color: rgba(255, 255, 255, 0.9); }
.med-contact-card-alt .med-contact-link { color: var(--med-accent); }
.med-contact-icon {
    width: 56px; height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 0 auto 16px;
    transition: var(--med-transition);
}
.med-contact-icon-primary { background: var(--med-primary-light); color: var(--med-primary); }
.med-contact-icon-success { background: rgba(40, 167, 69, 0.1); color: var(--med-success); }
.med-contact-icon-warning { background: rgba(255, 193, 7, 0.1); color: var(--med-warning); }
.med-contact-icon-info { background: rgba(23, 162, 184, 0.1); color: var(--med-info); }
.med-contact-card:hover .med-contact-icon { transform: scale(1.1) rotate(-5deg); }
.med-contact-title { font-size: 16px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 8px; }
.med-contact-desc { font-size: 13px; color: var(--med-text-secondary); margin-bottom: 12px; }
.med-contact-link { font-size: 15px; font-weight: 700; color: var(--med-primary); }
.med-contact-link:hover { color: var(--med-accent); text-decoration: none; }
.med-contact-text { font-size: 14px; font-weight: 600; color: var(--med-text); }
/* 表单 */
.med-contact-main { padding: var(--med-section-pad) 0; background: var(--med-bg); }
.med-contact-form-wrap { background: var(--med-bg); }
.med-form-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--med-primary-dark);
    margin-bottom: 8px;
}
.med-form-label i { color: var(--med-accent); font-size: 13px; }
.med-form-input,
.med-form-textarea {
    border: 2px solid var(--med-bg-light);
    border-radius: var(--med-radius);
    padding: 12px 16px;
    font-size: 14px;
    transition: var(--med-transition);
    width: 100%;
}
.med-form-input:focus,
.med-form-textarea:focus {
    border-color: var(--med-primary);
    box-shadow: 0 0 0 4px rgba(43, 87, 151, 0.1);
    outline: none;
}
.med-form-privacy {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--med-bg-light);
    border-radius: var(--med-radius-sm);
    font-size: 13px;
    color: var(--med-text-secondary);
}
.med-form-privacy i { color: var(--med-success); }
/* 提交成功 */
.med-form-success { text-align: center; padding: 40px; }
.med-form-success-icon {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: rgba(40, 167, 69, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 40px;
    color: var(--med-success);
    animation: scaleIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.med-form-success h3 { font-size: 22px; font-weight: 700; color: var(--med-primary-dark); margin-bottom: 12px; }
.med-form-success p { font-size: 14px; color: var(--med-text-secondary); margin-bottom: 24px; }
/* 侧边 */
.med-contact-side { display: flex; flex-direction: column; gap: 24px; }
.med-wechat-card {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 28px;
    box-shadow: var(--med-shadow-sm);
    text-align: center;
    border: 1px solid rgba(43, 87, 151, 0.08);
}
.med-wechat-header { margin-bottom: 16px; }
.med-wechat-header i { font-size: 32px; color: var(--med-success); margin-bottom: 8px; display: block; }
.med-wechat-header h3 { font-size: 16px; font-weight: 700; color: var(--med-primary-dark); margin: 0; }
.med-wechat-qrcode { margin-bottom: 12px; }
.med-wechat-qrcode img { width: 160px; height: 160px; border-radius: var(--med-radius); }
.med-wechat-tip { font-size: 13px; color: var(--med-text-secondary); margin-bottom: 8px; }
.med-wechat-id { font-size: 13px; color: var(--med-text-muted); }
.med-wechat-id strong { color: var(--med-primary); }
.med-phone-card {
    background: linear-gradient(135deg, var(--med-primary), var(--med-accent));
    border-radius: var(--med-radius-lg);
    padding: 28px;
    text-align: center;
    color: #fff;
}
.med-phone-icon { font-size: 36px; margin-bottom: 12px; }
.med-phone-card h3 { font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.med-phone-number {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
}
.med-phone-number:hover { color: #fff; text-decoration: none; }
.med-phone-tip { font-size: 13px; color: rgba(255, 255, 255, 0.8); margin: 0; }
.med-service-hours {
    background: var(--med-bg);
    border-radius: var(--med-radius-lg);
    padding: 24px;
    box-shadow: var(--med-shadow-sm);
    border: 1px solid rgba(43, 87, 151, 0.08);
}
.med-service-hours h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--med-primary-dark);
    margin-bottom: 16px;
}
.med-service-hours h4 i { color: var(--med-accent); }
.med-service-hours ul { list-style: none; padding: 0; margin: 0; }
.med-service-hours li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--med-bg-light);
    font-size: 13px;
    color: var(--med-text-secondary);
}
.med-service-hours li:last-child { border-bottom: none; }
/* 城市 */
.med-contact-cities { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
.med-cities-grid-alt { max-width: 900px; margin: 0 auto; }
/* 紧急联系 */
.med-emergency { padding: var(--med-section-pad) 0; background: var(--med-bg); }
.med-emergency-inner {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(255, 107, 107, 0.1));
    border: 2px solid rgba(220, 53, 69, 0.2);
    border-radius: var(--med-radius-lg);
    padding: 32px;
}
.med-emergency-content {
    display: flex;
    align-items: center;
    gap: 16px;
}
.med-emergency-content > i { font-size: 36px; color: var(--med-danger); flex-shrink: 0; }
.med-emergency-content h3 { font-size: 18px; font-weight: 700; color: var(--med-danger); margin-bottom: 4px; }
.med-emergency-content p { font-size: 14px; color: var(--med-text-secondary); margin: 0; }
/* ===== 相关阅读 ===== */
.med-related-read,
.med-related-news { padding: var(--med-section-pad) 0; background: var(--med-bg-light); }
/* ===== 动画 ===== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn {
    from { transform: scale(0); }
    to { transform: scale(1); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
@keyframes faqSlideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ===== AOS动画降级 ===== */
[data-aos] { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
[data-aos].aos-animate { opacity: 1; transform: translateY(0); }
[data-aos="fade-left"] { transform: translateX(30px); }
[data-aos="fade-left"].aos-animate { transform: translateX(0); }
[data-aos="fade-right"] { transform: translateX(-30px); }
[data-aos="fade-right"].aos-animate { transform: translateX(0); }
[data-aos="zoom-in"] { transform: scale(0.9); }
[data-aos="zoom-in"].aos-animate { transform: scale(1); }
/* ===== 响应式 ===== */
@media (max-width: 991px) {
    :root { --med-section-pad: 50px; }
    .med-nav-menu {
        position: fixed;
        top: 0; right: -100%;
        width: 80%; max-width: 320px;
        height: 100vh;
        background: var(--med-bg);
        flex-direction: column;
        padding: 80px 24px 24px;
        transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.1);
        z-index: 1035;
    }
    .med-nav-menu.open { right: 0; }
    .med-nav-list { flex-direction: column; width: 100%; gap: 0; }
    .med-nav-link { padding: 12px 0; border-bottom: 1px solid var(--med-bg-light); border-radius: 0; }
    .med-nav-link::before { display: none; }
    .med-nav-link:hover,
    .med-nav-link.active { background: none; color: var(--med-primary); padding-left: 8px; }
    .med-nav-contact { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--med-bg-light); }
    .med-nav-phone {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        background: var(--med-primary-light);
        border-radius: var(--med-radius);
        color: var(--med-primary);
        font-weight: 600;
    }
    .med-hero-carousel { height: 500px; }
    .med-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .med-stat-number { font-size: 28px; }
    .med-process-line { display: none; }
    .med-cta-inner { padding: 32px 24px; }
    .med-cta-title { font-size: 22px; }
    .med-article-content { padding: 24px; }
    .med-article-thumb { margin: -24px -24px 24px; }
    .med-scroll-progress { bottom: 80px; right: 12px; width: 40px; height: 40px; }
    .med-scroll-progress svg { width: 40px; height: 40px; }
    .med-footer-main .row > div { margin-bottom: 24px; }
    .med-sticky-cta-inner { padding: 0 12px; }
    .med-sticky-cta-text { font-size: 12px; }
    .med-sticky-cta-btn { padding: 8px 16px; font-size: 12px; }
}
@media (max-width: 575px) {
    :root { --med-section-pad: 36px; }
    .med-hero-carousel { height: 420px; }
    .med-hero-actions { flex-direction: column; gap: 10px; }
    .med-hero-actions .med-btn { width: 100%; }
    .med-stats-grid { gap: 12px; }
    .med-stat-item { padding: 20px 12px; }
    .med-stat-icon { width: 48px; height: 48px; font-size: 18px; }
    .med-stat-number { font-size: 24px; }
    .med-service-card { padding: 24px 16px; }
    .med-service-icon { width: 56px; height: 56px; font-size: 22px; }
    .med-service-name { font-size: 15px; }
    .med-service-text { font-size: 12px; }
    .med-product-body { padding: 16px; }
    .med-product-name { font-size: 15px; }
    .med-news-list-body { padding: 16px; }
    .med-news-list-img-wrap { min-height: 140px; }
    .med-faq-question { padding: 14px 16px; font-size: 14px; }
    .med-faq-answer { padding: 0 16px 14px 42px; }
    .med-review-card { padding: 20px; }
    .med-advantage-card { padding: 24px 16px; }
    .med-guarantee-card { padding: 24px 16px; }
    .med-contact-card { padding: 24px 16px; }
    .med-sidebar-widget { padding: 20px; }
    .med-city-tag { padding: 6px 12px; font-size: 12px; }
    .med-emergency-inner { padding: 20px; }
    .med-emergency-content { flex-direction: column; text-align: center; }
    .med-pricing-card { padding: 20px; }
    .med-cta-features { gap: 12px; }
    .med-article-nav-prev,
    .med-article-nav-next { padding: 14px; }
}
/* ===== 打印样式 ===== */
@media print {
    .med-navbar, .med-footer, .med-sticky-cta, .med-scroll-progress,
    .med-sidebar, .med-article-actions, .med-comments, .med-cta,
    .med-news-more, .med-pagination-wrap { display: none !important; }
    .med-article-content { box-shadow: none; padding: 0; }
}
/* ===== prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    [data-aos] { opacity: 1; transform: none; }
}
