@charset "UTF-8";

/* ============================================================
   IIPC 官方网站 - 主样式表 v3
   设计风格：科技编辑风 — Tech-Editorial
   深色非对称Hero、蓝紫渐变主强调、金色克制点缀、
   Slate系浅色背景、400/600字重两极、编辑级留白
   ============================================================ */

/* === CSS 变量 === */
:root {
    /* ── 深空色调（Hero / Footer / 深色区）── */
    --space-950: #060D1A;
    --space-900: #0A1226;
    --space-800: #0F1D38;
    --space-700: #162850;
    --space-600: #1D3A6E;

    /* ── 蓝紫渐变主强调 ── */
    --blue-400: #63B3ED;
    --blue-500: #4299E1;
    --indigo-400: #818CF8;
    --indigo-500: #6366F1;
    --accent-from: #63B3ED;
    --accent-to: #818CF8;

    /* ── 金色（编辑级点缀）── */
    --gold: #C8A96E;
    --gold-light: #DAC08A;
    --gold-pale: #F0E6D2;

    /* ── 金色渐变 ── */
    --gradient-gold: linear-gradient(135deg, var(--gold-light), var(--gold));
    --gradient-gold-hover: linear-gradient(135deg, var(--gold), #B8944F);

    /* ── Slate 中性系统 ── */
    --white: #FFFFFF;
    --slate-50: #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-200: #E2E8F0;
    --slate-300: #CBD5E1;
    --slate-400: #94A3B8;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1E293B;
    --slate-900: #0F172A;

    /* ── 语义变量 ── */
    --c-text: var(--slate-800);
    --c-text-secondary: var(--slate-500);
    --c-text-light: var(--slate-400);
    --c-bg: var(--slate-50);
    --c-bg-white: var(--white);
    --c-border: var(--slate-200);
    --c-border-light: var(--slate-100);

    /* ── 渐变 ── */
    --gradient-accent: linear-gradient(135deg, var(--accent-from), var(--accent-to));
    --gradient-accent-hover: linear-gradient(135deg, var(--blue-500), var(--indigo-500));
    --gradient-hero-overlay: linear-gradient(
        170deg,
        rgba(6,13,26,0.94) 0%,
        rgba(10,18,38,0.78) 30%,
        rgba(15,29,56,0.55) 60%,
        rgba(22,40,80,0.25) 100%
    );
    --gradient-cta: linear-gradient(160deg, var(--space-900) 0%, #0F1D3A 50%, #131C4A 100%);
    --gradient-card-dark: linear-gradient(160deg, var(--space-800), var(--space-600));

    /* ── 阴影 ── */
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.04);
    --shadow-md: 0 1px 3px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.04);
    --shadow-lg: 0 1px 3px rgba(15,23,42,0.06), 0 12px 40px rgba(15,23,42,0.10);
    --shadow-xl: 0 20px 60px rgba(6,13,26,0.18);
    --shadow-btn: 0 4px 20px rgba(99,179,237,0.28);
    --shadow-btn-hover: 0 8px 32px rgba(99,179,237,0.40);

    /* ── 圆角 ── */
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;

    /* ── 动效 ── */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --duration-fast: 0.2s;
    --duration: 0.4s;
    --duration-slow: 0.7s;

    /* ── 字体 ── */
    --font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-cn: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
    --font-en: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* === 重置 === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{
    font-family:var(--font-cn);
    color:var(--c-text);
    line-height:1.75;
    background:var(--c-bg);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

/* ── 编辑级装饰线 ── */
.editorial-rule{
    display:block;width:40px;height:1px;
    background:var(--gold);
    margin-bottom:24px;
}
.editorial-rule.accent{background:var(--accent-from)}
.editorial-rule.center{margin-left:auto;margin-right:auto}

/* === 排版工具 === */
.en{font-family:var(--font-en);letter-spacing:-0.01em}
.text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ============================================================
   TOPBAR — 完全匹配 CIPS 结构、样式与交互
   背景 #5d5d58 | Row1 35px Language Dropdown | Row2 41px topbarli
   ============================================================ */
.topbar{
    width:100%;background-color:#5d5d58;
    position:relative;z-index:1001;
    min-height:41px;
    font-family:'PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;
}
.topbar .container{position:relative;min-height:41px}

/* Row 1: 35px — 地球图标 + Language 下拉，绝对定位居右 */
.topbar-grid{
    position:absolute;right:32px;top:0;z-index:1;
    display:flex;align-items:center;
    height:35px;font-size:15px;color:#eee;
}
.topbar-left{
    font-size:15px;height:35px;line-height:35px;
    display:inline-flex;align-items:center;gap:4px;
}
.topbar-globe-icon{
    width: 16px;height:16px;opacity:0.85;flex-shrink:0;
}

/* Language 下拉按钮 */
.topbar-lang-dropdown{position:relative;display:inline-block}
.topbar-lang-btn{
    background:#5d5d58;border:0 none;color:#eee;
    font-size:15px;padding:0;line-height:1;cursor:pointer;
    display:inline-flex;align-items:center;gap:3px;
    font-family:inherit;margin-top:-2px;
}
.topbar-lang-btn:hover{color:#fff}
.topbar-lang-arrow{
    width:10px;height:10px;transition:transform 0.2s;
}
.topbar-lang-dropdown.open .topbar-lang-arrow{transform:rotate(180deg)}

/* Language 下拉菜单 */
.topbar-lang-menu{
    position:absolute;top:calc(100% + 6px);right:0;
    background:#fff;min-width:110px;
    list-style:none;padding:4px 0;margin:0;
    border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,0.18);
    opacity:0;visibility:hidden;
    transform:translateY(4px);
    transition:all 0.2s ease;
    z-index:2000;
}
.topbar-lang-dropdown.open .topbar-lang-menu{
    opacity:1;visibility:visible;transform:translateY(0);
}
.topbar-lang-menu li a{
    display:block;padding:6px 18px;color:#333;
    text-decoration:none;font-size:14px;line-height:1.6;
    transition:background 0.15s;
}
.topbar-lang-menu li a:hover{background:#f5f5f5;color:#000}
.topbar-lang-divider{
    height:1px;background:#e8e8e8;margin:3px 12px;
}

/* Row 2: topbarli — 组织归属链接 41px */
.topbarli{
    height:41px;line-height:41px;
    position:absolute;left:0;top:0;
}
.topbarli ul{list-style:none;margin:0;padding:0}
.topbarli ul li{float:left}
.topbarli ul li a{
    display:block;padding:0 20px;color:#eee;font-size:16px;
    height:41px;line-height:41px;text-decoration:none;
    transition:background 0.2s,color 0.2s;
}
.topbarli ul li a:hover{background:#333;color:#ccc !important}
.topbarli ul li a:focus{outline:0 none}
.topbarli ul li.current{background:white}
.topbarli ul li.current a{color:#333333}
.topbarli ul li.current a:hover{color:#333 !important;background:white}

/* ============================================================
   HEADER — 粘性定位，下滑隐藏，上滑显示
   ============================================================ */
.header{
    position:sticky;top:0;z-index:1000;
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    border-bottom:1px solid transparent;
    transition:transform var(--duration) var(--ease-out),
               background var(--duration) var(--ease-out),
               box-shadow var(--duration) var(--ease-out),
               border-color var(--duration) var(--ease-out);
}
.header.scrolled{border-bottom-color:rgba(0,0,0,0.04);box-shadow:0 1px 0 rgba(15,23,42,0.06),0 4px 16px rgba(15,23,42,0.04)}
.header.header-hidden{transform:translateY(-100%)}

/* 首页深色 Header */
.header-transparent{
    background:rgba(6,13,26,0.6);
    backdrop-filter:blur(16px) saturate(120%);
    -webkit-backdrop-filter:blur(16px) saturate(120%);
    border-bottom-color:rgba(255,255,255,0.05);
}
.header-transparent .header-logo-zh{color:var(--white)}
.header-transparent .hamburger span{background:var(--white)}
.header-transparent .nav-link{color:rgba(255,255,255,0.6)}
.header-transparent .nav-link:hover{color:var(--white);background:rgba(255,255,255,0.06)}
.header-transparent .nav-link.active{color:var(--white)}
.header-transparent .nav-link::after{background:var(--accent-from)}
.header-transparent .header-lang{color:rgba(255,255,255,0.45);border-color:rgba(255,255,255,0.12)}
.header-transparent .header-lang:hover{color:var(--white);border-color:rgba(255,255,255,0.35)}
.header-transparent .btn{box-shadow:var(--shadow-btn)}

/* 滚动后恢复白色毛玻璃 */
.header-transparent.scrolled{
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    border-bottom-color:rgba(0,0,0,0.04);
    box-shadow:0 1px 0 rgba(15,23,42,0.06),0 4px 16px rgba(15,23,42,0.04);
}
.header-transparent.scrolled .header-logo-zh{color:var(--slate-900)}
.header-transparent.scrolled .hamburger span{background:var(--slate-900)}
.header-transparent.scrolled .nav-link{color:var(--slate-600)}
.header-transparent.scrolled .nav-link:hover{color:var(--space-700);background:rgba(29,58,110,0.04)}
.header-transparent.scrolled .nav-link.active{color:var(--space-700)}
.header-transparent.scrolled .nav-link::after{background:var(--gold)}
.header-transparent.scrolled .header-lang{color:var(--slate-400);border-color:var(--slate-200)}
.header-transparent.scrolled .header-lang:hover{border-color:var(--space-700);color:var(--space-700)}

.header-inner{
    display:flex;align-items:center;
    height:120px;gap:32px;
}
.header-logo{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.header-logo img{height:78px;width:auto}
.header-logo-zh{
    font-size:26px;font-weight:600;color:var(--slate-900);
    white-space:nowrap;letter-spacing:0.4px;
}
.header nav{margin-left:auto}

/* 导航 */
.nav{display:flex;align-items:center;gap:0;list-style:none}
.nav>li{position:relative}
.nav-link{
    display:block;padding:14px 15px;font-size:16px;font-weight:400;
    color:var(--slate-600);text-decoration:none;
    border-radius:var(--r-sm);transition:all var(--duration-fast);
    white-space:nowrap;cursor:pointer;position:relative;
}
.nav-link:hover{color:var(--space-700);background:rgba(29,58,110,0.04)}
.nav-link.active{color:var(--space-700);font-weight:400}
.nav-link::after{
    content:'';position:absolute;bottom:5px;left:50%;
    transform:translateX(-50%) scaleX(0);
    width:14px;height:1.5px;
    background:var(--accent-from);
    transition:transform var(--duration-fast) var(--ease-out);
}
.nav-link:hover::after,
.nav-link.active::after{transform:translateX(-50%) scaleX(1)}

/* 下拉菜单 */
.nav-dropdown{
    position:absolute;top:calc(100% + 4px);left:50%;
    transform:translateX(-50%) translateY(6px);
    background:var(--white);min-width:160px;
    border-radius:var(--r-md);box-shadow:0 16px 48px rgba(15,23,42,0.12);
    padding:6px;list-style:none;
    opacity:0;visibility:hidden;
    transition:all var(--duration-fast) var(--ease-out);
    z-index:100;border:1px solid var(--c-border);
}
.nav>li:hover .nav-dropdown{
    opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.nav-dropdown li a{
    display:block;padding:9px 14px;font-size:14px;color:var(--slate-600);
    text-decoration:none;border-radius:var(--r-sm);
    transition:all var(--duration-fast);white-space:nowrap;
}
.nav-dropdown li a:hover{color:var(--space-700);background:rgba(29,58,110,0.04)}

/* 头部操作区 */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-lang{
    font-size:11px;color:var(--slate-400);text-decoration:none;
    padding:5px 9px;border:1px solid var(--slate-200);
    border-radius:var(--r-sm);font-family:var(--font-en);
    transition:all var(--duration-fast);font-weight:500;
}
.header-lang:hover{border-color:var(--space-700);color:var(--space-700)}

/* 汉堡菜单 */
.hamburger{
    display:none;flex-direction:column;justify-content:center;
    width:24px;height:16px;background:none;border:none;cursor:pointer;gap:4px;
}
.hamburger span{
    display:block;height:2px;width:100%;background:var(--slate-900);
    border-radius:1px;transition:all var(--duration-fast);
}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}

/* 移动端导航 */
.mobile-nav{
    position:fixed;top:0;right:-320px;width:300px;height:100vh;
    background:var(--white);padding:100px 28px 28px;
    transition:right var(--duration) var(--ease-out);
    z-index:1001;overflow-y:auto;
    box-shadow:-8px 0 40px rgba(15,23,42,0.08);
}
.mobile-nav.active{right:0}
.mobile-nav-overlay{
    position:fixed;inset:0;background:rgba(6,13,26,0.5);
    opacity:0;pointer-events:none;
    transition:opacity var(--duration) var(--ease-out);
    z-index:1000;
}
.mobile-nav-overlay.active{opacity:1;pointer-events:auto}
.mobile-nav-link{
    display:block;padding:15px 0;font-size:16px;font-weight:400;
    color:var(--slate-900);text-decoration:none;
    border-bottom:1px solid var(--c-border);
    transition:color var(--duration-fast);
}
.mobile-nav-link:hover,
.mobile-nav-link.active{color:var(--space-700)}
.mobile-cta{margin-top:28px}
.mobile-cta .btn{width:100%}

/* ============================================================
   按钮系统
   ============================================================ */
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:11px 26px;border-radius:var(--r-sm);font-weight:600;
    font-size:13px;text-decoration:none;cursor:pointer;
    transition:all var(--duration) var(--ease-out);
    border:1.5px solid transparent;
    font-family:var(--font-cn);white-space:nowrap;
    letter-spacing:0.3px;line-height:1.4;
}
.btn-primary{
    background:var(--gradient-accent);color:var(--white);
    box-shadow:var(--shadow-btn);
}
.btn-primary:hover{
    background:var(--gradient-accent-hover);
    transform:translateY(-2px);
    box-shadow:var(--shadow-btn-hover);
}
.btn-gold{
    background:var(--gradient-gold);color:var(--white);
    box-shadow:0 4px 20px rgba(200,169,110,0.28);
}
.btn-gold:hover{
    background:var(--gradient-gold-hover);
    transform:translateY(-2px);
    box-shadow:0 8px 32px rgba(200,169,110,0.40);
}
.btn-outline{
    background:transparent;color:var(--space-700);
    border-color:var(--slate-300);
}
.btn-outline:hover{
    background:var(--space-700);color:var(--white);
    border-color:var(--space-700);transform:translateY(-2px);
}
.btn-outline-white{
    background:transparent;color:var(--white);
    border-color:rgba(255,255,255,0.2);
}
.btn-outline-white:hover{
    background:var(--white);color:var(--space-900);
    border-color:var(--white);transform:translateY(-2px);
}
.btn-lg{padding:16px 40px;font-size:15px;border-radius:var(--r-md)}
.btn:focus-visible{
    outline:2px solid var(--accent-from);
    outline-offset:2px;
}

/* ============================================================
   HERO — 非对称双栏布局 · 科技编辑风
   ============================================================ */
.hero{
    position:relative;min-height:90vh;overflow:hidden;
    background:var(--space-950);
}
.hero-slides{position:absolute;inset:0}
.hero-slide{
    position:absolute;inset:0;display:flex;align-items:center;
    opacity:0;transition:opacity 1.2s var(--ease-in-out);z-index:1;
}
.hero-slide.active{opacity:1;z-index:2}
.hero-slide-bg{position:absolute;inset:0}
.hero-slide-bg img{
    width:100%;height:100%;object-fit:cover;object-position:center center;
}
.hero-slide-overlay{
    position:absolute;inset:0;z-index:2;
    background:var(--gradient-hero-overlay);
}
/* .hero-slide-overlay::after{
    content:'';position:absolute;inset:0;opacity:0.1;
    background-image:
        linear-gradient(90deg,rgba(255,255,255,0.3) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,0.3) 1px,transparent 1px);
    background-size:80px 80px;
} */
/* ── 环境光效（蓝紫 + 金色微光）── */
.hero-ambient-glow{
    position:absolute;inset:0;z-index:3;pointer-events:none;
}
.hero-ambient-glow::before{
    content:'';position:absolute;
    top:-30%;right:-15%;width:70%;height:100%;
    background:radial-gradient(ellipse at center,rgba(99,179,237,0.08) 0%,transparent 60%);
}
.hero-ambient-glow::after{
    content:'';position:absolute;
    bottom:-20%;left:-10%;width:50%;height:70%;
    background:radial-gradient(ellipse at center,rgba(129,140,248,0.05) 0%,transparent 60%);
}

/* ── 科技网格线 ── */
.hero-grid-lines{
    position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0.08;
    background-image:
        linear-gradient(0deg,transparent 0%,rgba(99,179,237,0.9) 1px,transparent 1px),
        linear-gradient(90deg,transparent 0%,rgba(99,179,237,0.9) 1px,transparent 1px);
    background-size:100px 100px,140px 140px;
    animation:grid-drift 24s linear infinite;
}
@keyframes grid-drift{
    0%{transform:translate(0,0)}
    100%{transform:translate(100px,100px)}
}

/* ── Hero 内容：居中单栏 ── */
.hero-content{
    position:relative;z-index:5;
    text-align:center;
    max-width:800px;margin:0 auto;padding:0 32px;
}

/* ── 日期标签 ── */
.hero-kicker{
    display:inline-flex;align-items:center;gap:10px;
    font-size:11px;color:var(--accent-from);font-weight:600;
    letter-spacing:5px;text-transform:uppercase;
    margin-bottom:32px;
    padding:6px 18px;
    border:1px solid rgba(99,179,237,0.18);
    border-radius:100px;
    background:rgba(99,179,237,0.05);
    backdrop-filter:blur(8px);
    font-family:var(--font-en);
}
.hero-kicker::before{
    content:'';width:5px;height:5px;
    background:var(--accent-from);border-radius:50%;
    box-shadow:0 0 10px var(--accent-from);
    animation:kicker-pulse 2.4s ease-in-out infinite;
}
@keyframes kicker-pulse{
    0%,100%{box-shadow:0 0 6px var(--accent-from)}
    50%{box-shadow:0 0 18px var(--accent-from),0 0 36px rgba(99,179,237,0.4)}
}

/* ── 主标题 ── */
.hero-title{
    font-size:58px;font-weight:700;color:var(--white);line-height:1.12;
    margin-bottom:18px;letter-spacing:-0.5px;
}
.hero-title-accent{
    background:linear-gradient(135deg,var(--accent-from),var(--accent-to));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
}
.hero-title-en{
    font-size:15px;color:rgba(255,255,255,0.38);
    font-family:var(--font-en);font-weight:400;
    margin-bottom:10px;letter-spacing:2px;
}
.hero-location{
    font-size:14px;color:rgba(255,255,255,0.5);
    margin-bottom:40px;font-weight:400;
    display:flex;align-items:center;gap:8px;justify-content: center;
}
.hero-location::before{
    /* content:'';width:1px;height:12px; */
    background:rgba(255,255,255,0.15);
}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content: center;}

/* 第2、3屏背景 */
.hero-slide:nth-child(2) .hero-slide-bg{
    background:linear-gradient(160deg,var(--space-950) 0%,var(--space-800) 45%,var(--space-700) 100%);
}
.hero-slide:nth-child(2) .hero-slide-bg::before{
    content:'';position:absolute;inset:0;opacity:0.3;
    background-image:radial-gradient(rgba(99,179,237,0.06) 1px,transparent 1px);
    background-size:50px 50px;
}
.hero-slide:nth-child(3) .hero-slide-bg{
    background:linear-gradient(160deg,var(--space-950) 0%,var(--space-800) 45%,var(--space-700) 100%);
}
.hero-slide:nth-child(3) .hero-slide-bg::before{
    content:'';position:absolute;inset:0;opacity:0.2;
    background-image:
        linear-gradient(90deg,rgba(99,179,237,0.04) 1px,transparent 1px),
        linear-gradient(180deg,rgba(99,179,237,0.04) 1px,transparent 1px);
    background-size:70px 70px;
}

/* Hero 导航点 */
.hero-nav{
    position:absolute;bottom:48px;left:50%;transform:translateX(-50%);
    z-index:5;display:flex;gap:10px;
}
.hero-dot{
    width:7px;height:7px;border-radius:50%;
    border:1.5px solid rgba(255,255,255,0.2);
    background:transparent;cursor:pointer;
    transition:all var(--duration-fast);
}
.hero-dot.active,.hero-dot:hover{
    background:var(--accent-from);border-color:var(--accent-from);
    box-shadow:0 0 10px rgba(99,179,237,0.5);
}

/* Hero 箭头 */
.hero-arrow{
    position:absolute;top:50%;transform:translateY(-50%);z-index:5;
    width:56px;height:72px;
    background:none;border:none;
    color:rgba(255,255,255,0.35);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:color var(--duration-fast);
    font-size:40px;line-height:1;
}
.hero-arrow:hover{color:var(--white)}
.hero-arrow-prev{left:4px}
.hero-arrow-next{right:4px}

/* 滚动指示器 */
.hero-scroll{
    position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
    z-index:5;color:rgba(255,255,255,0.25);
    animation:scroll-bounce 2s ease-in-out infinite;cursor:pointer;
}
@keyframes scroll-bounce{
    0%,100%{transform:translateX(-50%) translateY(0)}
    50%{transform:translateX(-50%) translateY(6px)}
}

/* Hero 底部过渡线 */
.hero::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:1px;z-index:6;
    background:linear-gradient(90deg,transparent,rgba(99,179,237,0.25),transparent);
}

/* ============================================================
   STATS — 编辑级数字栏
   ============================================================ */
.stats{
    padding:0;position:relative;z-index:10;
    background:var(--white);
    border-bottom:1px solid var(--c-border);
}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat-item{
    padding:52px 28px 44px;text-align:center;
    position:relative;transition:background var(--duration);
    overflow:hidden;
}
.stat-item:not(:last-child){border-right:1px solid var(--c-border-light)}

/* 背景水印数字 */
.stat-item::before{
    content:attr(data-index);
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    font-size:120px;font-weight:700;font-family:var(--font-en);
    color:var(--slate-100);z-index:0;line-height:1;
    pointer-events:none;
}

/* hover 底部蓝紫线 */
.stat-item::after{
    content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:0;height:2px;
    background:var(--gradient-accent);
    transition:width var(--duration) var(--ease-out);
}
.stat-item:hover{background:var(--slate-50)}
.stat-item:hover::after{width:48px}
.stat-number{
    position:relative;z-index:1;
    font-size:52px;font-weight:700;font-family:var(--font-en);
    margin-bottom:6px;line-height:1;
    letter-spacing:-0.02em;
    background:linear-gradient(180deg,var(--space-900) 0%,var(--space-600) 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
}
.stat-label{
    position:relative;z-index:1;
    font-size:12px;color:var(--c-text-secondary);font-weight:400;letter-spacing:1.5px;
}

/* ============================================================
   区域布局
   ============================================================ */
.section-header{text-align:center;margin-bottom:72px}
.section-label{
    font-size:10px;font-weight:600;color:var(--accent-from);
    text-transform:uppercase;letter-spacing:6px;
    margin-bottom:20px;font-family:var(--font-en);
}
.section-title{
    font-size:40px;font-weight:600;color:var(--slate-900);
    margin-bottom:16px;letter-spacing:-0.3px;line-height:1.15;
}
.section-subtitle{
    font-size:15px;color:var(--c-text-secondary);
    max-width:540px;margin:0 auto;font-weight:400;
}

/* ============================================================
   倒计时 — 大会开幕倒计时
   ============================================================ */
.countdown{padding:100px 0;background:var(--c-bg);position:relative;overflow:hidden}
.countdown-header{text-align:center;margin-bottom:52px;position:relative;z-index:1}
.countdown .section-label{color:var(--accent-from)}
.countdown .section-title{color:var(--c-text)}
.countdown-grid{
    display:flex;align-items:center;justify-content:center;gap:20px;
    position:relative;z-index:1;
}
.countdown-item{text-align:center}
.countdown-number{
    display:flex;align-items:center;justify-content:center;
    width:110px;height:110px;
    background:var(--white);
    border:1px solid var(--c-border);
    border-radius:var(--r-lg);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
}
.countdown-digit{
    display:block;
    font-size:48px;font-weight:700;font-family:var(--font-en);
    color:var(--space-700);letter-spacing:2px;
}
.countdown-digit.flip{
    animation:countFlip 0.5s cubic-bezier(0.4,0,0.2,1);
}
@keyframes countFlip{
    0%   {transform:translateY(0);opacity:1}     /* 当前数字 */
    35%  {transform:translateY(28px);opacity:0}  /* 旧数字向下消失 */
    65%  {transform:translateY(-22px);opacity:0} /* 新数字从上方准备 */
    100% {transform:translateY(0);opacity:1}      /* 新数字落位 */
}
.countdown-label{
    margin-top:12px;font-size:14px;color:var(--c-text-secondary);
    letter-spacing:2px;font-weight:400;
}
.countdown-separator{
    font-size:40px;font-weight:300;color:var(--slate-300);
    padding-bottom:28px;
}

/* ============================================================
   大会亮点 — 2×2 编辑卡片
   ============================================================ */
.highlights{padding:140px 0;background:var(--white);position:relative}
.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--c-border-light)}
.highlight-card{
    background:var(--white);padding:52px 44px 48px;
    position:relative;transition:all var(--duration) var(--ease-out);
    cursor:default;overflow:hidden;
}

/* 左上角编号 */
.highlight-card[data-n]::before{
    content:attr(data-n);
    position:absolute;top:28px;right:36px;
    font-size:56px;font-weight:700;font-family:var(--font-en);
    color:var(--slate-100);line-height:1;pointer-events:none;
    transition:color var(--duration);
}

/* hover 左侧装饰条 */
.highlight-card::after{
    content:'';position:absolute;left:0;top:20%;height:60%;width:2px;
    background:var(--gradient-accent);
    transform:scaleY(0);transform-origin:top;
    transition:transform var(--duration) var(--ease-out);
}
.highlight-card:hover{background:var(--slate-50)}
.highlight-card:hover::after{transform:scaleY(1)}
.highlight-card[data-n]:hover::before{color:var(--slate-200)}
.highlight-card:hover .highlight-icon{transform:translateY(-3px)}
.highlight-card:hover .highlight-icon svg{color:var(--accent-from)}

.highlight-icon{
    width:48px;height:48px;margin-bottom:28px;
    display:flex;align-items:center;justify-content:center;
    transition:transform var(--duration) var(--ease-out);
    position:relative;z-index:1;
}
.highlight-icon svg{width:26px;height:26px;color:var(--space-700);transition:color var(--duration-fast)}
.highlight-card h3{
    font-size:18px;font-weight:600;color:var(--slate-900);
    margin-bottom:10px;letter-spacing:0.3px;position:relative;z-index:1;
}
.highlight-card p{
    font-size:14px;color:var(--c-text-secondary);line-height:1.8;
    max-width:320px;font-weight:400;position:relative;z-index:1;
}

/* ============================================================
   关于大会 — 非对称图文
   ============================================================ */
.about-summary{padding:120px 0;background:var(--c-bg)}
.about-summary-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.about-summary-text .section-label{margin-bottom:20px}
.about-summary-text .section-title{text-align:left;margin-bottom:24px}
.about-summary-text p{
    font-size:15px;color:var(--c-text-secondary);margin-bottom:20px;
    line-height:1.85;font-weight:400;
}
.about-summary-visual{
    position:relative;height:380px;
    background:linear-gradient(160deg,var(--space-900) 0%,var(--space-800) 50%,#0F1D3A 100%);
    border-radius:var(--r-xl);overflow:hidden;
    box-shadow:var(--shadow-xl);
    display:flex;align-items:center;justify-content:center;
}
/* 点阵纹理 */
.about-summary-visual::before{
    content:'';position:absolute;inset:0;opacity:0.2;
    background-image:radial-gradient(rgba(255,255,255,0.08) 1px,transparent 1px);
    background-size:36px 36px;
}
/* 蓝紫发光带 */
.about-summary-visual::after{
    content:'';position:absolute;top:50%;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(99,179,237,0.35),rgba(129,140,248,0.35),transparent);
    transform:translateY(-50%);
}
.about-summary-visual-inner{position:relative;text-align:center;color:var(--white);padding:40px}
.about-summary-visual-inner .en{
    font-family:var(--font-en);font-size:52px;font-weight:700;
    opacity:0.06;margin-bottom:6px;letter-spacing:4px;
}
.about-summary-visual-inner .zh{
    font-size:24px;font-weight:300;letter-spacing:10px;opacity:0.8;
}

/* ============================================================
   新闻动态 — 非对称三栏
   ============================================================ */
.news-preview{padding:120px 0;background:var(--white)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.news-card{
    background:var(--white);border-radius:var(--r-lg);overflow:hidden;
    border:1px solid var(--c-border-light);
    transition:all var(--duration) var(--ease-out);
    position:relative;
}
.news-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg);
    border-color:rgba(99,179,237,0.12);
}
.news-card-image-link{display:block}
.news-card-image{
    height:180px;
    background:var(--gradient-card-dark);
    position:relative;overflow:hidden;
}
.news-card-image::after{
    content:'';position:absolute;inset:0;opacity:0.1;
    background-image:
        linear-gradient(90deg,rgba(255,255,255,0.3) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,0.3) 1px,transparent 1px);
    background-size:20px 20px;
}
.news-card-body{padding:26px 26px 30px}
.news-card-meta{display:flex;gap:12px;align-items:center;margin-bottom:14px;font-size:11px}
.news-card-date{color:var(--c-text-light);font-family:var(--font-en);font-weight:400;font-size:11px}
.news-card-tag{
    color:var(--accent-from);font-weight:600;font-size:10px;
    background:rgba(99,179,237,0.07);padding:2px 10px;border-radius:100px;
    letter-spacing:0.5px;text-transform:uppercase;font-family:var(--font-en);
}
.news-card-title{font-size:17px;font-weight:600;color:var(--slate-900);margin-bottom:8px;line-height:1.4}
.news-card-excerpt{
    font-size:14px;color:var(--c-text-secondary);line-height:1.7;margin-bottom:16px;font-weight:400;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card-link{
    font-size:13px;font-weight:600;color:var(--space-700);text-decoration:none;
    transition:color var(--duration-fast);
    display:inline-flex;align-items:center;gap:4px;
}
.news-card-link:hover{color:var(--accent-from)}
.news-footer{text-align:center;margin-top:52px}

/* ============================================================
   CTA — 行动号召
   ============================================================ */
.cta{
    padding:150px 0;text-align:center;position:relative;overflow:hidden;
    background:var(--space-950);
}
/* 视差背景层 */
.cta-parallax-bg{
    position:absolute;top:-15%;left:-5%;width:110%;height:130%;
    background:url('../images/cta-bg.jpg') center center / cover no-repeat;
    will-change:transform;z-index:0;
}
/* 深色叠加层 — 保证文字可读性 */
.cta-parallax-overlay{
    position:absolute;inset:0;
    background:linear-gradient(
        180deg,
        rgba(6,13,26,0.60) 0%,
        rgba(6,13,26,0.45) 50%,
        rgba(6,13,26,0.60) 100%
    );
    z-index:1;pointer-events:none;
}
/* 顶部金色细线 — 与深色 footer 形成边界 */
.cta::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(200,169,110,0.35),transparent);
    pointer-events:none;z-index:2;
}
.cta-content{position:relative;z-index:2}
.cta h2{font-size:44px;font-weight:600;color:var(--white);margin-bottom:16px;letter-spacing:-0.3px}
.cta p{font-size:16px;color:var(--slate-300);margin-bottom:44px;font-weight:400}

/* ============================================================
   页脚
   ============================================================ */
.footer{
    background:var(--space-950);color:var(--white);
    padding:80px 0 0;position:relative;
}
.footer::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(99,179,237,0.35),transparent);
}
.footer-grid{
    display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:52px;
    padding-bottom:52px;
    border-bottom:1px solid rgba(255,255,255,0.04);
}
.footer-info .footer-logo{height:40px;margin-bottom:18px;opacity:0.85}
.footer-info p{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.8;font-weight:400}
.footer-col h4{font-size:13px;font-weight:600;margin-bottom:22px;color:rgba(255,255,255,0.7);letter-spacing:0.5px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:12px}
.footer-col ul li a{
    color:rgba(255,255,255,0.6);text-decoration:none;font-size:13px;font-weight:400;
    transition:color var(--duration-fast);
}
.footer-col ul li a:hover{color:var(--accent-from)}
.footer-contact-item{
    display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;
    font-size:13px;color:rgba(255,255,255,0.6);font-weight:400;
}
.footer-contact-item svg{flex-shrink:0;margin-top:2px;opacity:0.25}
.footer-bottom{padding:24px 0;text-align:center;font-size:11px;color:rgba(255,255,255,0.4);font-weight:400}

/* ============================================================
   内页 — 共享样式
   ============================================================ */

/* 页面横幅 */
.page-banner{
    padding:120px 0;
    background:var(--gradient-cta);
    text-align:center;position:relative;overflow:hidden;
}
/* 背景图片层 */
.page-banner-bg{
    position:absolute;inset:0;
    background:center center / cover no-repeat;
    z-index:0;
}
/* 深色叠加层 — 保证文字可读 */
.page-banner-overlay{
    position:absolute;inset:0;
    background:linear-gradient(
        180deg,
        rgba(6,13,26,0.65) 0%,
        rgba(6,13,26,0.50) 100%
    );
    z-index:1;pointer-events:none;
}
.page-banner::before{
    content:'';position:absolute;inset:0;opacity:0.2;
    background-image:radial-gradient(rgba(99,179,237,0.05) 1px,transparent 1px);
    background-size:44px 44px;
    z-index:2;pointer-events:none;
}
.page-banner::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(99,179,237,0.35),transparent);
    z-index:2;pointer-events:none;
}
.page-banner-title{font-size:42px;font-weight:600;color:var(--white);position:relative;z-index:3;margin-bottom:14px;letter-spacing:-0.3px}
.page-banner-subtitle{font-size:15px;color:rgba(255,255,255,0.4);position:relative;z-index:3;font-weight:400}
.page-banner .breadcrumb{position:relative;z-index:3;font-size:12px;color:var(--accent-from);margin-bottom:22px;font-family:var(--font-en);letter-spacing:1px}
.page-banner .breadcrumb a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color var(--duration-fast)}
.page-banner .breadcrumb a:hover{color:var(--white)}
.page-banner .breadcrumb span{margin:0 8px;color:rgba(255,255,255,0.15)}

/* 缩短版 banner（仅面包屑，无标题） */
.page-banner-sm{padding:100px 0 52px}
.page-banner-sm .breadcrumb{margin-bottom:0}

.page-content{padding:80px 0}
.page-section{margin-bottom:80px}
.page-section:last-child{margin-bottom:0}
.content-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.content-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.content-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}

/* 内页通用卡片 */
.card{
    background:var(--white);border-radius:var(--r-lg);padding:36px 30px;
    border:1px solid var(--c-border-light);box-shadow:var(--shadow-md);
    transition:all var(--duration) var(--ease-out);
}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}

/* ============================================================
   关于IIPC页
   ============================================================ */
.about-hero-text{max-width:680px;margin:0 auto;font-size:15px;color:var(--c-text-secondary);line-height:2;font-weight:400}
.about-hero-text p{margin-bottom:18px}

/* 形式卡片 */
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-border-light)}
.format-card{
    background:var(--white);padding:48px 30px 44px;text-align:center;
    position:relative;transition:all var(--duration) var(--ease-out);
    cursor:default;overflow:hidden;
}
.format-card[data-n]::before{
    content:attr(data-n);
    position:absolute;top:24px;right:28px;
    font-size:48px;font-weight:700;font-family:var(--font-en);
    color:var(--slate-100);line-height:1;pointer-events:none;
    transition:color var(--duration);
}
.format-card::after{
    content:'';position:absolute;left:0;top:15%;height:70%;width:2px;
    background:var(--gradient-accent);
    transform:scaleY(0);transform-origin:top;
    transition:transform var(--duration) var(--ease-out);
}
.format-card:hover{background:var(--slate-50)}
.format-card:hover::after{transform:scaleY(1)}
.format-card[data-n]:hover::before{color:var(--slate-200)}
.format-card:hover .format-icon{transform:translateY(-2px)}
.format-icon{
    width:56px;height:56px;margin:0 auto 24px;
    display:flex;align-items:center;justify-content:center;
    transition:transform var(--duration) var(--ease-out);
    position:relative;z-index:1;
}
.format-icon svg{width:28px;height:28px;color:var(--space-700)}
.format-card h3{font-size:17px;font-weight:600;color:var(--slate-900);margin-bottom:10px;position:relative;z-index:1}
.format-card p{font-size:14px;color:var(--c-text-secondary);line-height:1.7;max-width:260px;margin:0 auto;font-weight:400;position:relative;z-index:1}

/* 价值列表 */
.value-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.value-item{
    display:flex;gap:16px;align-items:flex-start;padding:22px;
    background:var(--c-bg);border-radius:var(--r-md);
    transition:background var(--duration-fast);
}
.value-item:hover{background:var(--slate-100)}
.value-item svg{flex-shrink:0;color:var(--accent-from);margin-top:2px}
.value-item h4{font-size:15px;font-weight:600;color:var(--slate-900);margin-bottom:4px}
.value-item p{font-size:13px;color:var(--c-text-secondary);line-height:1.7;font-weight:400}

/* 参会群体 */
.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--c-border-light)}
.audience-card{
    background:var(--white);padding:40px 22px 36px;text-align:center;
    position:relative;transition:all var(--duration) var(--ease-out);
    overflow:hidden;
}
.audience-card::after{
    content:'';position:absolute;left:0;top:15%;height:70%;width:2px;
    background:var(--gradient-accent);
    transform:scaleY(0);transform-origin:top;
    transition:transform var(--duration) var(--ease-out);
}
.audience-card:hover{background:var(--slate-50)}
.audience-card:hover::after{transform:scaleY(1)}
.audience-card .num{font-size:11px;color:var(--accent-from);font-weight:600;letter-spacing:2px;margin-bottom:12px;font-family:var(--font-en);position:relative;z-index:1}
.audience-card h4{font-size:16px;font-weight:600;color:var(--slate-900);margin-bottom:6px;position:relative;z-index:1}
.audience-card p{font-size:13px;color:var(--c-text-secondary);line-height:1.7;font-weight:400;position:relative;z-index:1}

/* ============================================================
   会议日程页
   ============================================================ */
.schedule-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:52px}
.schedule-tab{
    padding:13px 36px;background:var(--white);
    border:1.5px solid var(--slate-200);border-radius:100px;
    font-size:14px;font-weight:400;color:var(--c-text-secondary);
    cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-cn);
}
.schedule-tab:hover{border-color:var(--space-700);color:var(--space-700)}
.schedule-tab.active{
    background:var(--gradient-accent);color:var(--white);border-color:transparent;
    box-shadow:var(--shadow-btn);
}
.schedule-list{max-width:680px;margin:0 auto;display:none}
.schedule-list.active{display:block}
.schedule-item{display:flex;gap:36px;padding:28px 0;border-bottom:1px solid var(--c-border-light)}
.schedule-item:last-child{border-bottom:none}
.schedule-time{min-width:140px;font-size:14px;font-weight:600;color:var(--space-700);padding-top:2px;font-family:var(--font-en)}
.schedule-detail h4{font-size:17px;font-weight:600;color:var(--slate-900);margin-bottom:6px}
.schedule-detail .speaker{font-size:14px;color:var(--c-text-secondary);font-weight:400}
.schedule-detail .venue{font-size:12px;color:var(--c-text-light);margin-top:4px;font-weight:400}

/* ============================================================
   组织机构页
   ============================================================ */
.org-card{
    background:var(--white);border-radius:var(--r-lg);overflow:hidden;
    border:1px solid var(--c-border-light);box-shadow:var(--shadow-md);
    margin-bottom:36px;transition:box-shadow var(--duration);
}
.org-card:hover{box-shadow:var(--shadow-lg)}
.org-card-header{
    padding:32px;border-bottom:1px solid var(--c-border-light);
    display:flex;align-items:center;gap:22px;
}
.org-card-logo{
    width:72px;height:72px;
    background:var(--gradient-card-dark);
    border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;
    color:var(--white);font-size:10px;font-weight:600;text-align:center;flex-shrink:0;
    font-family:var(--font-en);line-height:1.3;
    box-shadow:0 6px 20px rgba(6,13,26,0.15);
}
.org-card-name{font-size:19px;font-weight:600;color:var(--slate-900);margin-bottom:4px}
.org-card-subtitle{font-size:13px;color:var(--c-text-light);font-weight:400}
.org-card-body{padding:32px}
.org-card-body p{font-size:14px;color:var(--c-text-secondary);line-height:1.8;margin-bottom:22px;font-weight:400}
.org-honors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none}
.org-honors li{
    font-size:13px;color:var(--c-text-secondary);padding:10px 14px;font-weight:400;
    background:var(--c-bg);border-radius:var(--r-sm);line-height:1.6;
}
/* 直接针对 li 内部的 p 标签设置样式 */
.org-honors li p {
    font-size: 13px !important;
    color: var(--c-text-secondary);
    padding: 0;
    font-weight: 400;
    background: transparent;
    border-radius: 0;
    line-height: 1.6;
    margin-bottom: 0;
}

/* ============================================================
   注册报名页
   ============================================================ */
.service-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:52px;flex-wrap:wrap}
.service-tab{
    padding:15px 40px;background:var(--white);
    border:1.5px solid var(--slate-200);border-radius:var(--r-md);
    font-size:15px;font-weight:400;color:var(--c-text-secondary);
    cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-cn);
}
.service-tab:hover{border-color:var(--space-700);color:var(--space-700)}
.service-tab.active{
    background:var(--gradient-accent);color:var(--white);border-color:transparent;
    box-shadow:var(--shadow-btn);
}
.service-panel{display:none}
.service-panel.active{display:block}
.service-panel-inner{
    background:var(--white);border-radius:var(--r-lg);padding:48px;
    box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 1fr;gap:52px;
}
.service-panel-info h3{font-size:21px;font-weight:600;color:var(--slate-900);margin-bottom:18px}
.service-panel-info p{font-size:14px;color:var(--c-text-secondary);line-height:1.8;margin-bottom:12px;font-weight:400}
.service-panel-info ul{list-style:none}
.service-panel-info ul li{
    font-size:14px;color:var(--c-text-secondary);font-weight:400;
    padding:6px 0 6px 20px;position:relative;
}
.service-panel-info ul li::before{
    content:'';position:absolute;left:0;top:13px;
    width:5px;height:5px;background:var(--accent-from);border-radius:50%;
}

/* 表单 */
.form-group{margin-bottom:22px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--slate-900);margin-bottom:7px}
.form-group input,.form-group select,.form-group textarea{
    width:100%;padding:13px 15px;border:1.5px solid var(--slate-200);
    border-radius:var(--r-sm);font-size:14px;font-family:var(--font-cn);font-weight:400;
    transition:border-color var(--duration-fast);background:var(--c-bg);
    color:var(--c-text);
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
    outline:none;border-color:var(--accent-from);background:var(--white);
    box-shadow:0 0 0 3px rgba(99,179,237,0.1);
}
.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){
    border-color:#ef4444;background:#fef2f2;
}
.form-group input:invalid:not(:placeholder-shown):focus,.form-group textarea:invalid:not(:placeholder-shown):focus{
    box-shadow:0 0 0 3px rgba(239,68,68,0.12);
}
.form-group .required{color:#ef4444;font-weight:400;margin-left:2px}
.form-group .error-msg{
    display:none;font-size:12px;color:#ef4444;margin-top:4px;
}
.form-group.has-error .error-msg{display:block}

/* ============================================================
   新闻中心页
   ============================================================ */
.news-layout{display:grid;grid-template-columns:1fr 260px;gap:52px;align-items:start}

/* ── 资讯列表 — 图文横排卡片 ── */
.news-card-h{
    display:flex;gap:0;background:var(--white);
    border-radius:var(--r-lg);overflow:hidden;
    border:1px solid var(--c-border-light);
    box-shadow:var(--shadow-sm);
    transition:box-shadow var(--duration),transform var(--duration);
    margin-bottom:20px;
}
.news-card-h:hover{
    box-shadow:var(--shadow-lg);transform:translateY(-2px);
}
.news-card-h-thumb{
    display:block;width:220px;min-height:160px;flex-shrink:0;
    position:relative;overflow:hidden;background:var(--gradient-card-dark);
}
.news-card-h-thumb img{
    width:100%;height:100%;object-fit:cover;position:absolute;inset:0;
    transition:transform var(--duration-slow) var(--ease-out);
}
.news-card-h:hover .news-card-h-thumb img{transform:scale(1.05)}
.news-card-h-body{
    flex:1;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;
}
.news-card-h-meta{
    display:flex;align-items:center;gap:10px;margin-bottom:10px;
}
.news-card-h-tag{
    font-size:10px;color:var(--accent-from);font-weight:600;
    background:rgba(99,179,237,0.07);padding:2px 10px;border-radius:100px;
    letter-spacing:0.5px;font-family:var(--font-en);
}
.news-card-h-date{
    font-size:12px;color:var(--c-text-light);font-family:var(--font-en);font-weight:400;
}
.news-card-h-title{
    font-size:18px;font-weight:600;color:var(--slate-900);
    line-height:1.4;margin-bottom:8px;text-decoration:none;display:block;
    transition:color var(--duration-fast);
}
.news-card-h-title:hover{color:var(--accent-from)}
.news-card-h-excerpt{
    font-size:14px;color:var(--c-text-secondary);line-height:1.7;font-weight:400;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* 无图卡片 — 左侧色带替代缩略图 */
.news-card-h.no-thumb .news-card-h-body{
    padding-left:28px;position:relative;
}
.news-card-h.no-thumb .news-card-h-body::before{
    content:'';position:absolute;left:0;top:20%;height:60%;width:3px;
    background:var(--gradient-accent);border-radius:2px;
    opacity:0.5;
}
.news-card-h.no-thumb:hover .news-card-h-body::before{opacity:0.9}

.news-sidebar-card{
    background:var(--white);border-radius:var(--r-lg);padding:26px;
    border:1px solid var(--c-border-light);margin-bottom:24px;
}
.news-sidebar-card h4{
    font-size:14px;font-weight:600;color:var(--slate-900);
    margin-bottom:18px;padding-bottom:12px;
    border-bottom:1px solid var(--accent-from);
}
.news-sidebar-card ul{list-style:none}
.news-sidebar-card ul li a{
    display:block;padding:9px 12px;font-size:13px;color:var(--c-text-secondary);font-weight:400;
    text-decoration:none;border-radius:var(--r-sm);transition:all var(--duration-fast);
}
.news-sidebar-card ul li a:hover,.news-sidebar-card ul li a.active{
    background:rgba(29,58,110,0.03);color:var(--space-700);font-weight:600;
}

/* ============================================================
   联系我们页
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px}
.contact-info-cards{display:flex;flex-direction:column;gap:24px}
.contact-info-card{
    background:var(--white);border-radius:var(--r-lg);padding:30px;
    border:1px solid var(--c-border-light);box-shadow:var(--shadow-md);
    transition:box-shadow var(--duration);
}
.contact-info-card:hover{box-shadow:var(--shadow-lg)}
.contact-info-card h4{
    font-size:16px;font-weight:600;color:var(--slate-900);
    margin-bottom:18px;padding-bottom:12px;
    border-bottom:1px solid var(--accent-from);
}
.contact-info-card .info-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:14px;color:var(--c-text-secondary);font-weight:400}
.contact-info-card .info-row svg{flex-shrink:0;color:var(--space-700);margin-top:2px}
.contact-form-card{
    background:var(--white);border-radius:var(--r-lg);padding:44px;
    border:1px solid var(--c-border-light);box-shadow:var(--shadow-md);
}
.contact-form-card h3{font-size:21px;font-weight:600;color:var(--slate-900);margin-bottom:28px}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* ============================================================
   动画
   ============================================================ */
.anim-up{
    opacity:0;transform:translateY(28px);
    transition:all 0.7s var(--ease-out);
}
.anim-up.visible{opacity:1;transform:translateY(0)}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:0.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:0.01ms!important;
    }
    .anim-up{opacity:1;transform:none;transition:none}
}

/* ============================================================
   背景工具类
   ============================================================ */
.bg-white{background:var(--white)}
.bg-light{background:var(--c-bg)}

/* ============================================================
   新闻详情页 — 文章头部 + UEeditor 内容样式
   兼容 jeecms + 百度 UEeditor 产出的 HTML
   所有选择器限定在 .news-detail-* 内，不影响站内其他区域
   ============================================================ */

/* 文章标题区 */
.news-detail-header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--c-border-light)}
.news-detail-title{
    font-size:30px;font-weight:700;color:var(--slate-900);
    line-height:1.35;margin-bottom:14px;letter-spacing:0.1px;
}
.news-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--c-text-light);font-weight:400}
.news-detail-meta-sep{color:var(--slate-300)}
.news-detail-tag{
    display:inline-block;font-size:10px;font-weight:600;color:var(--accent-from);
    background:rgba(99,179,237,0.07);padding:2px 10px;border-radius:100px;
    letter-spacing:0.5px;font-family:var(--font-en);text-transform:uppercase;
}

/* 正文 */
.news-detail-body{font-size:15px;color:var(--c-text);line-height:1.9;font-weight:400}
.news-detail-body p{margin-bottom:20px}
.news-detail-body strong,.news-detail-body b{font-weight:600;color:var(--slate-900)}

/* 标题 h2-h4 — UEeditor 通常产出 h2 作为正文二级标题 */
.news-detail-body h2{
    font-size:22px;font-weight:600;color:var(--slate-900);
    margin:40px 0 16px;padding-left:14px;border-left:3px solid var(--accent-from);
    line-height:1.4;letter-spacing:0.2px;
}
.news-detail-body h3{
    font-size:18px;font-weight:600;color:var(--slate-900);
    margin:32px 0 12px;line-height:1.4;
}
.news-detail-body h4{
    font-size:16px;font-weight:600;color:var(--slate-800);
    margin:24px 0 10px;line-height:1.4;
}

/* 链接 */
.news-detail-body a{
    color:var(--accent-from);text-decoration:none;
    transition:color var(--duration-fast);
}
.news-detail-body a:hover{color:var(--blue-500);text-decoration:underline}

/* 图片 */
.news-detail-body img{
    max-width:100%;height:auto;border-radius:var(--r-md);
    display:block;
}

/* 列表 */
.news-detail-body ul,.news-detail-body ol{margin:16px 0 20px;padding-left:24px}
.news-detail-body ul{list-style:disc}
.news-detail-body ol{list-style:decimal}
.news-detail-body li{margin-bottom:8px;font-size:15px;color:var(--c-text);line-height:1.8}
.news-detail-body li::marker{color:var(--accent-from)}

/* 引用块 */
.news-detail-body blockquote{
    margin:32px 0;padding:24px 28px;
    background:linear-gradient(135deg,var(--slate-50) 0%,var(--white) 100%);
    border-left:4px solid var(--gold);
    border-radius:0 var(--r-md) var(--r-md) 0;
    position:relative;
}
.news-detail-body blockquote::before{
    content:'\201C';position:absolute;top:-8px;left:12px;
    font-size:48px;color:var(--gold);opacity:0.2;font-family:Georgia,serif;
    line-height:1;pointer-events:none;
}
.news-detail-body blockquote p{font-size:15px;color:var(--c-text);font-style:italic;margin-bottom:8px}
.news-detail-body blockquote cite{
    display:block;font-size:13px;color:var(--c-text-light);font-style:normal;
    margin-top:8px;text-align:right;
}

/* 水平线 */
.news-detail-body hr{
    border:none;height:1px;margin:40px 0;
    background:linear-gradient(90deg,transparent,var(--c-border-light),transparent);
}

/* 表格 */
.news-detail-body table{
    width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;
    border:1px solid var(--c-border-light);
    border-radius:var(--r-md);overflow:hidden;
}
.news-detail-body thead{background:var(--gradient-card-dark)}
.news-detail-body thead th{
    padding:14px 18px;text-align:left;font-weight:600;font-size:13px;
    color:var(--white);letter-spacing:0.3px;font-family:var(--font-en);
}
.news-detail-body tbody td{
    padding:13px 18px;border-bottom:1px solid var(--c-border-light);
    color:var(--c-text);font-weight:400;
}
.news-detail-body tbody tr:nth-child(even){background:var(--slate-50)}
.news-detail-body tbody tr:hover{background:rgba(99,179,237,0.04)}
.news-detail-body tbody tr:last-child td{border-bottom:none}

/* 代码 */
.news-detail-body code{
    background:var(--slate-100);color:var(--slate-800);
    padding:2px 8px;border-radius:4px;font-size:13px;
    font-family:'Consolas','Menlo','Monaco',monospace;
}
.news-detail-body pre{
    background:var(--space-900);color:var(--slate-200);
    padding:20px 24px;border-radius:var(--r-md);overflow-x:auto;
    font-size:13px;line-height:1.7;margin:24px 0;
    font-family:'Consolas','Menlo','Monaco',monospace;
}
.news-detail-body pre code{
    background:transparent;color:inherit;padding:0;font-size:inherit;border-radius:0;
}

/* 配图说明 — UEeditor 图片后常跟居中灰色小字 */
.news-detail-body .figcaption,
.news-detail-body figcaption{
    text-align:center;font-size:13px;color:var(--c-text-light);margin-top:-12px;margin-bottom:24px;
}

/* 分享按钮 hover */
.news-share-btn:hover{
    background:var(--space-700)!important;color:var(--white)!important;
    border-color:var(--space-700)!important;
}

/* ============================================================
   翻页 — Pagination
   ============================================================ */
.pagination{
    display:flex;align-items:center;justify-content:center;
    gap:6px;margin-top:40px;padding-top:24px;
    border-top:1px solid var(--c-border-light);
}
.pagination-prev,.pagination-next{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:var(--r-md);
    font-size:14px;color:var(--c-text-secondary);
    background:var(--white);border:1px solid var(--c-border-light);
    text-decoration:none;transition:all var(--duration-fast);
    cursor:pointer;
}
.pagination-prev:hover,.pagination-next:hover{
    border-color:var(--accent-from);color:var(--accent-from);
    background:rgba(99,179,237,0.04);
}
.pagination-num{
    display:flex;align-items:center;justify-content:center;
    min-width:36px;height:36px;border-radius:var(--r-md);
    font-size:14px;font-weight:500;color:var(--c-text-secondary);
    background:var(--white);border:1px solid var(--c-border-light);
    text-decoration:none;transition:all var(--duration-fast);
    padding:0 10px;
}
.pagination-num:hover{
    border-color:var(--accent-from);color:var(--accent-from);
    background:rgba(99,179,237,0.04);
}
.pagination-num.active{
    background:var(--gradient-accent);color:var(--white);
    border-color:transparent;box-shadow:var(--shadow-btn);
    font-weight:600;
}
.pagination-ellipsis{
    display:flex;align-items:center;justify-content:center;
    min-width:36px;height:36px;font-size:14px;color:var(--c-text-light);
}

/* ============================================================
   降级方案
   ============================================================ */
@supports not (backdrop-filter: blur(1px)) {
    .header { background: var(--white); }
    .header.scrolled { background: rgba(255,255,255,0.98); }
    .header-transparent { background: rgba(6,13,26,0.92); }
    .header-transparent.scrolled { background: rgba(255,255,255,0.98); }
}


/* ================================================================
   Toast 通知
   ============================================================ */
.iipc-toast {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translate(-50%, -120%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 12px;
    background: rgba(15, 25, 50, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    z-index: 9999;
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
    opacity: 0;
    pointer-events: none;
}
.iipc-toast--show {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.iipc-toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.iipc-toast--success .iipc-toast-icon {
    background: rgba(82, 196, 26, 0.15);
    color: #73d13d;
}
.iipc-toast--error .iipc-toast-icon {
    background: rgba(255, 77, 79, 0.15);
    color: #ff7875;
}
.iipc-toast-text {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.02em;
    line-height: 1.4;
}