*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --brand:#0066ff;
  --brand-dark:#004ecb;
  --ink:#1f2733;
  --muted:#5b6b7f;
  --line:#e6ebf2;
  --bg-soft:#f5f8fc;
  --white:#fff;
}
html{scroll-behavior:smooth;}
body{font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;}

/* ========== 顶部导航（响应式） ========== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s;background:transparent;}
.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 1px 12px rgba(15,45,90,.08);backdrop-filter:blur(6px);}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff;letter-spacing:.5px;}
.brand .mark{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;}
.site-header.scrolled .brand{color:var(--brand);}
.site-header.scrolled .brand .mark{background:var(--brand);color:#fff;}
.desktop-nav{display:flex;align-items:center;gap:34px;}
.desktop-nav > li{position:relative;}
.desktop-nav a{color:#fff;font-size:15px;font-weight:500;transition:color .2s;padding:6px 0;}
.site-header.scrolled .desktop-nav a{color:var(--ink);}
.desktop-nav a:hover,.site-header.scrolled .desktop-nav a:hover{color:var(--brand);}
/* 子菜单 */
.has-sub > .caret{font-size:10px;margin-left:4px;opacity:.8;}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border-radius:12px;box-shadow:0 12px 34px rgba(15,45,90,.16);padding:8px;min-width:200px;opacity:0;visibility:hidden;transition:all .2s;}
.has-sub:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown a{display:block;color:var(--ink)!important;padding:10px 14px;border-radius:8px;font-size:14px;}
.dropdown a:hover{background:var(--bg-soft);color:var(--brand)!important;}
.nav-cta{background:var(--brand);color:#fff!important;padding:9px 20px!important;border-radius:8px;font-weight:600;}
.nav-cta:hover{background:var(--brand-dark)!important;color:#fff!important;}
/* 汉堡按钮（仅移动端） */
.menu-toggle{display:none;width:42px;height:42px;border:none;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:8px;}
.menu-toggle span{display:block;height:2.5px;width:24px;border-radius:2px;background:#fff;transition:all .3s;}
.site-header.scrolled .menu-toggle span{background:var(--ink);}
/* 移动端全屏抽屉菜单 */
.mobile-menu{position:fixed;inset:0;z-index:200;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;}
.mobile-menu.open{visibility:visible;opacity:1;}
.mobile-menu .scrim{position:absolute;inset:0;background:rgba(8,18,36,.55);}
.mobile-menu .drawer{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);background:#fff;padding:24px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.mobile-menu.open .drawer{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.drawer-head .brand{color:var(--brand);}
.drawer-head .brand .mark{background:var(--brand);color:#fff;}
.drawer-close{width:36px;height:36px;border:none;background:var(--bg-soft);border-radius:9px;font-size:18px;color:var(--ink);cursor:pointer;}
.mobile-nav{flex:1;overflow-y:auto;}
.mobile-nav > li{border-bottom:1px solid var(--line);}
.mobile-nav > li > a{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:16px;font-weight:600;color:var(--ink);}
.mobile-sub{overflow:hidden;max-height:0;transition:max-height .3s ease;}
.mobile-sub.open{max-height:400px;}
.mobile-sub a{display:block;padding:11px 4px 11px 18px;color:var(--muted);font-size:15px;}
.mobile-sub a:before{content:"·";margin-right:8px;color:var(--brand);}
.mobile-cta{margin-top:14px;background:var(--brand);color:#fff;text-align:center;padding:14px;border-radius:10px;font-weight:700;}

/* ========== 首屏 Hero 轮播 ========== */
.hero{position:relative;height:100vh;min-height:640px;max-height:900px;overflow:hidden;background:#0b3f8f;}
.slides{height:100%;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:center;}
.slide.active{opacity:1;}
.slide-bg{position:absolute;inset:0;background:linear-gradient(120deg,#0a3d8f 0%,#0f63c9 55%,#2f8be8 100%);}
.slide-bg .deco{position:absolute;border-radius:50%;background:rgba(255,255,255,.08);}
.slide-bg .d1{width:420px;height:420px;top:-120px;right:-80px;}
.slide-bg .d2{width:260px;height:260px;bottom:-90px;left:18%;}
.slide-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:120px 24px 60px;width:100%;color:#fff;}
.slide-content .tag{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:6px 14px;border-radius:999px;font-size:13px;letter-spacing:2px;margin-bottom:20px;}
.slide-content h1{font-size:clamp(30px,5vw,54px);line-height:1.2;font-weight:800;margin-bottom:18px;letter-spacing:1px;}
.slide-content p{font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,.92);max-width:560px;margin-bottom:30px;}
.slide-content .cta-row{display:flex;gap:16px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:10px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;}
.btn-solid{background:#fff;color:var(--brand);box-shadow:0 8px 24px rgba(0,0,0,.15);}
.btn-solid:hover{transform:translateY(-2px);}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.7);}
.btn-ghost:hover{background:rgba(255,255,255,.2);}
.slide-art{display:none;}
/* 轮播指示点 */
.slides-nav{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:9px;z-index:5;}
.slides-nav button{width:10px;height:10px;border-radius:999px;border:none;background:rgba(255,255,255,.45);cursor:pointer;transition:all .3s;padding:0;}
.slides-nav button.active{width:28px;background:#fff;}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer;transition:background .2s;}
.slide-arrow:hover{background:rgba(255,255,255,.25);}
.slide-arrow.prev{left:18px;}
.slide-arrow.next{right:18px;}

/* ========== 图标亮点 ========== */
.features{padding:64px 0;background:var(--white);}
.features .container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.feat{text-align:center;padding:14px 6px;}
.feat .icon{width:64px;height:64px;margin:0 auto 14px;border-radius:16px;background:var(--bg-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.feat .icon svg{width:30px;height:30px;}
.feat h3{font-size:17px;font-weight:700;margin-bottom:4px;}
.feat h3 em{font-style:normal;color:var(--brand);}
.feat p{font-size:13px;color:var(--muted);}

/* ========== 通用区块 ========== */
.section{padding:72px 0;}
.sec-head{text-align:center;max-width:680px;margin:0 auto 48px;}
.sec-head .kicker{color:var(--brand);font-weight:700;font-size:14px;letter-spacing:3px;margin-bottom:10px;}
.sec-head h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;margin-bottom:12px;}
.sec-head p{color:var(--muted);font-size:15px;}
.bg-soft{background:var(--bg-soft);}

/* ========== 主题产品卡片 ========== */
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.theme-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.theme-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,45,90,.12);}
.theme-cover{position:relative;aspect-ratio:16/10;background:linear-gradient(145deg,#eef4ff,#dce9ff);display:flex;align-items:center;justify-content:center;color:#8aa5cf;}
.theme-cover .badge{position:absolute;top:12px;right:12px;background:var(--brand);color:#fff;font-size:12px;padding:3px 10px;border-radius:999px;}
.theme-cover .badge.gray{background:#8899b3;}
.theme-info{padding:18px;}
.theme-info h3{font-size:17px;font-weight:700;margin-bottom:6px;}
.theme-info p{font-size:13.5px;color:var(--muted);margin-bottom:14px;min-height:42px;}
.theme-info .row{display:flex;align-items:center;justify-content:space-between;}
.theme-info .price{color:var(--brand);font-weight:800;font-size:16px;}
.theme-info .price small{font-size:12px;font-weight:500;color:var(--muted);}
.text-link{color:var(--brand);font-weight:600;font-size:14px;}
.sec-more{text-align:center;margin-top:40px;}

/* ========== 核心系统 ========== */
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sys{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center;transition:transform .2s;}
.sys:hover{transform:translateY(-4px);}
.sys .icon{width:54px;height:54px;margin:0 auto 14px;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;}
.sys .icon svg{width:26px;height:26px;}
.sys h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.sys p{font-size:13px;color:var(--muted);}

/* ========== VIP 会员 ========== */
.vip{padding:76px 0;background:linear-gradient(120deg,#0a3d8f,#0f63c9 60%,#2f8be8);color:#fff;}
.vip .sec-head h2{color:#fff;}
.vip .sec-head p{color:rgba(255,255,255,.85);}
.vip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:920px;margin:0 auto;}
.vip-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:34px 30px;backdrop-filter:blur(4px);}
.vip-card .tier{font-size:14px;letter-spacing:1px;opacity:.85;}
.vip-card h3{font-size:24px;font-weight:800;margin:6px 0 6px;}
.vip-card .desc{font-size:14px;opacity:.85;margin-bottom:20px;}
.vip-card .price{font-size:40px;font-weight:800;margin-bottom:22px;}
.vip-card .price small{font-size:16px;font-weight:500;opacity:.85;}
.btn-light{background:#fff;color:var(--brand);box-shadow:0 8px 24px rgba(0,0,0,.18);}
.vip-card.hot{background:rgba(255,255,255,.2);border-color:#fff;}

/* ========== 优势 ========== */
.adv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.adv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 20px;}
.adv .icon{width:48px;height:48px;border-radius:12px;background:var(--bg-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.adv .icon svg{width:24px;height:24px;}
.adv h3{font-size:16px;font-weight:700;margin-bottom:8px;}
.adv p{font-size:13px;color:var(--muted);}

/* ========== 文档 / 动态 / 更新 ========== */
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.doc-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;}
.doc-col h3{font-size:18px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.doc-col h3::before{content:"";width:4px;height:18px;background:var(--brand);border-radius:2px;}
.doc-col li{border-bottom:1px solid var(--line);}
.doc-col li a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;font-size:14px;color:var(--ink);}
.doc-col li a span{color:var(--muted);font-size:12px;white-space:nowrap;}
.doc-col li a:hover{color:var(--brand);}
.doc-col .more{display:inline-block;margin-top:14px;color:var(--brand);font-weight:600;font-size:14px;}

/* ========== 页脚 ========== */
footer{background:#0d1b33;color:#9fb0c8;padding:60px 0 30px;}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-top .brand{color:#fff;margin-bottom:16px;}
.footer-top .brand .mark{background:var(--brand);color:#fff;}
.footer-top p{font-size:14px;margin-bottom:10px;}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:16px;}
.footer-col a{display:block;font-size:14px;padding:6px 0;}
.footer-col a:hover{color:#fff;}
.footer-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding-top:26px;font-size:13px;}
.toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);background:#111f38;color:#fff;padding:12px 22px;border-radius:10px;font-size:14px;opacity:0;visibility:hidden;transition:all .3s;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

/* ========== 响应式断点 ========== */
@media(max-width:1024px){
  .theme-grid{grid-template-columns:repeat(2,1fr);}
  .system-grid{grid-template-columns:repeat(2,1fr);}
  .features .container{grid-template-columns:repeat(3,1fr);}
  .adv-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .desktop-nav{display:none;}
  .menu-toggle{display:flex;}
  .features .container{grid-template-columns:repeat(2,1fr);gap:12px;}
  .vip-grid{grid-template-columns:1fr;}
  .doc-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;gap:30px;}
  .slide-arrow{display:none;}
  .hero{min-height:560px;}
  .slide-content{padding-top:110px;}
}
@media(max-width:480px){
  .features .container{grid-template-columns:1fr 1fr;}
  .adv-grid,.system-grid{grid-template-columns:1fr;}
  .theme-grid{grid-template-columns:1fr;}
}

/* ========== 内页通用：页头 Banner + 面包屑 ========== */
.page-hero{position:relative;padding:150px 0 70px;background:linear-gradient(120deg,#0a3d8f,#0f63c9 60%,#2f8be8);color:#fff;text-align:center;overflow:hidden;}
.page-hero .deco{position:absolute;border-radius:50%;background:rgba(255,255,255,.07);}
.page-hero .ph1{width:320px;height:320px;top:-110px;right:-60px;}
.page-hero .ph2{width:220px;height:220px;bottom:-80px;left:12%;}
.page-hero .container{position:relative;z-index:2;}
.page-hero .crumb{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:5px 14px;border-radius:999px;font-size:13px;margin-bottom:18px;}
.page-hero .crumb a{opacity:.85;}
.page-hero .crumb a:hover{opacity:1;}
.page-hero h1{font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:14px;}
.page-hero p{color:rgba(255,255,255,.9);font-size:16px;max-width:640px;margin:0 auto;}
.inner{padding:70px 0;}

/* 导航 active 高亮 */
.desktop-nav a.active,.site-header.scrolled .desktop-nav a.active{color:var(--brand);font-weight:700;}
.mobile-nav > li.active > a{color:var(--brand);}

/* ========== 主题列表页 ========== */
.theme-list-card .tag-line{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.theme-list-card .tag-line span{font-size:12px;background:var(--bg-soft);color:var(--brand);padding:2px 9px;border-radius:999px;}
.theme-list-card .theme-info .row{margin-top:2px;}

/* ========== 主题详情页 ========== */
.detail-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start;}
.detail-preview{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#eef4ff,#dce9ff);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:#8aa5cf;font-size:18px;position:relative;}
.detail-preview .badge{position:absolute;top:16px;left:16px;background:var(--brand);color:#fff;font-size:13px;padding:4px 12px;border-radius:999px;}
.detail-info .tag-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.detail-info .tag-line span{background:var(--brand);color:#fff;font-size:13px;padding:4px 12px;border-radius:999px;}
.detail-info h1{font-size:clamp(24px,3vw,32px);font-weight:800;margin-bottom:12px;}
.detail-info .lead{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:20px;}
.detail-info .price{font-size:30px;color:var(--brand);font-weight:800;margin-bottom:22px;}
.detail-info .price small{font-size:15px;font-weight:500;color:var(--muted);}
.detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.meta-list{border-top:1px solid var(--line);padding-top:18px;}
.meta-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px;}
.meta-list li b{font-weight:600;color:var(--ink);}
.meta-list li span{color:var(--muted);}
.detail-section{padding:60px 0;}
.detail-section h2{font-size:24px;font-weight:800;margin-bottom:26px;display:flex;align-items:center;gap:12px;}
.detail-section h2::before{content:"";width:5px;height:22px;background:var(--brand);border-radius:3px;}
.feat-check{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.feat-check li{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:14px;color:var(--ink);}
.feat-check li svg{flex:none;width:18px;height:18px;color:var(--brand);margin-top:2px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

/* ========== 新闻列表页 ========== */
.news-list{max-width:880px;margin:0 auto;display:grid;gap:18px;}
.news-item{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px;transition:transform .2s,box-shadow .2s;}
.news-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,45,90,.1);}
.news-item .date{flex:none;text-align:center;width:64px;height:64px;background:var(--bg-soft);color:var(--brand);border-radius:12px;display:flex;flex-direction:column;justify-content:center;line-height:1.1;}
.news-item .date b{font-size:22px;font-weight:800;}
.news-item .date span{font-size:12px;color:var(--muted);}
.news-item .body{flex:1;}
.news-item .body h3{font-size:17px;font-weight:700;margin-bottom:6px;color:var(--ink);}
.news-item .body p{font-size:14px;color:var(--muted);}
.news-item .cat{flex:none;background:var(--brand);color:#fff;font-size:13px;padding:4px 12px;border-radius:999px;}

/* ========== 新闻详情页 ========== */
.article{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:48px 54px;}
.article .art-meta{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:14px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px;}
.article h1{font-size:clamp(22px,3vw,30px);font-weight:800;margin-bottom:20px;line-height:1.4;}
.article h2{font-size:21px;font-weight:700;margin:28px 0 12px;}
.article h3{font-size:18px;font-weight:700;margin:22px 0 10px;}
.article p{font-size:15.5px;line-height:1.9;color:#33404f;margin-bottom:16px;}
.article ul,.article ol{margin:0 0 16px 22px;line-height:1.9;color:#33404f;font-size:15.5px;}
.article blockquote{border-left:4px solid var(--brand);background:var(--bg-soft);padding:14px 20px;border-radius:0 10px 10px 0;margin:20px 0;color:#5b6b7f;font-style:italic;}
.article code{background:#eef1f6;padding:2px 7px;border-radius:6px;font-size:14px;}
.article pre{background:#0d1b33;color:#d5e0f2;padding:18px;border-radius:12px;overflow-x:auto;margin:16px 0;font-size:14px;line-height:1.7;}
.art-nav{display:flex;justify-content:space-between;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);}

/* ========== 关于我们 ========== */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.about-intro .text h2{font-size:28px;font-weight:800;margin-bottom:18px;}
.about-intro .text p{color:var(--muted);font-size:15.5px;line-height:1.9;margin-bottom:14px;}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 20px;text-align:center;}
.stat b{display:block;font-size:34px;font-weight:800;color:var(--brand);}
.stat span{font-size:14px;color:var(--muted);}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.value{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;}
.value .icon{width:50px;height:50px;border-radius:13px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.value .icon svg{width:24px;height:24px;}
.value h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.value p{font-size:14px;color:var(--muted);line-height:1.7;}
.contact-box{background:linear-gradient(120deg,#0a3d8f,#0f63c9 60%,#2f8be8);color:#fff;border-radius:18px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.contact-box h3{font-size:22px;font-weight:800;margin-bottom:12px;}
.contact-box p{color:rgba(255,255,255,.9);font-size:15px;margin-bottom:10px;}
.contact-box .big{font-size:26px;font-weight:800;}

/* ========== 内页响应式 ========== */
@media(max-width:1024px){
  .detail-wrap,.about-intro{grid-template-columns:1fr;gap:30px;}
  .feat-check{grid-template-columns:repeat(2,1fr);}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .contact-box{grid-template-columns:1fr;padding:34px;}
}
@media(max-width:768px){
  .page-hero{padding:120px 0 56px;}
  .article{padding:30px 22px;}
  .news-item{flex-wrap:wrap;padding:16px;}
  .news-item .cat{display:none;}
}
@media(max-width:480px){
  .feat-check{grid-template-columns:1fr;}
  .related-grid,.stat-row,.values-grid{grid-template-columns:1fr;}
}


/* ---- 分页 ---- */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:42px;flex-wrap:wrap;}
.pagination button{min-width:38px;height:38px;padding:0 12px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#5a6b8c;font-size:14px;line-height:1;cursor:pointer;transition:.2s;}
.pagination button:hover:not(:disabled):not(.active){border-color:var(--brand);color:var(--brand);}
.pagination button.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;}
.pagination button:disabled{opacity:.4;cursor:not-allowed;}
@media (max-width:480px){.pagination{gap:6px;margin-top:32px;}.pagination button{min-width:34px;height:34px;padding:0 10px;}}

/* ---- 商务合作页 ---- */
.coop-grid{gap:22px;}
.coop-grid .adv{padding:26px 22px;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px;}
.step{background:#fff;border:1px solid #edf1f8;border-radius:16px;padding:28px 24px;position:relative;transition:.25s;}
.step:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,102,255,.10);border-color:var(--brand);}
.step .num{font-size:34px;font-weight:800;background:linear-gradient(120deg,var(--brand),#39f);-webkit-background-clip:text;background-clip:text;color:transparent;}
.step h3{font-size:17px;margin:14px 0 8px;}
.step p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;}
@media (max-width:1024px){.steps{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.steps{grid-template-columns:1fr;}.coop-grid .adv{padding:20px 18px;}}

/* ================= 科技感视觉升级 ================= */
:root{
  --brand:#2f7dff;
  --brand-dark:#004ecb;
  --accent:#22d3ee;
  --deep:#050e24;
  --deep-2:#0d1b3f;
}
body{background:#fbfdff;}

/* 全局轻噪点（印刷质感，低透明度） */
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* 导航：透明 → 深色玻璃 */
.site-header{background:linear-gradient(180deg,rgba(5,14,36,.5),transparent);}
.site-header.scrolled{background:rgba(6,14,34,.82);box-shadow:0 10px 34px rgba(2,8,28,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.site-header.scrolled .brand{color:#fff;}
.site-header.scrolled .brand .mark{background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;}
.site-header.scrolled .desktop-nav a{color:rgba(255,255,255,.88);}
.site-header.scrolled .desktop-nav a:hover,.site-header.scrolled .desktop-nav a.active{color:var(--accent);}
.site-header.scrolled .menu-toggle span{background:#fff;}
.desktop-nav a.active{color:var(--accent)!important;}
.brand .mark{background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;}
.nav-cta{background:linear-gradient(120deg,var(--brand),var(--accent));box-shadow:0 6px 18px rgba(0,102,255,.35);}

/* Hero：沉浸深色 + 网格 + 光晕 + 渐变标题 */
.hero{background:var(--deep);}
.slide-bg{background:radial-gradient(120% 120% at 20% 0%,#0d2a5e 0%,#081836 46%,#050e24 100%);}
.slide-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 35% 40%,#000,transparent 78%);-webkit-mask-image:radial-gradient(circle at 35% 40%,#000,transparent 78%);}
.slide-bg::after{content:"";position:absolute;top:-160px;right:-120px;width:640px;height:640px;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,rgba(34,211,238,.26),transparent 70%);}
.slide-bg .d1,.slide-bg .d2{background:radial-gradient(circle,rgba(47,125,255,.45),transparent 70%);filter:blur(8px);}
.slide-content h1{background:linear-gradient(90deg,#fff 8%,#d9ecff 65%,#8fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.slide-content .tag{border-color:rgba(34,211,238,.5);color:#c9f4ff;background:rgba(34,211,238,.1);letter-spacing:3px;}
/* Hero 入场动效（仅首屏） */
.slide.active .tag,.slide.active h1,.slide.active p,.slide.active .cta-row{animation:heroIn .8s cubic-bezier(.22,1,.36,1) both;}
.slide.active h1{animation-delay:.1s;}
.slide.active p{animation-delay:.22s;}
.slide.active .cta-row{animation-delay:.34s;}
@keyframes heroIn{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}

.btn-solid{background:linear-gradient(120deg,var(--brand),#22a5ff);color:#fff;box-shadow:0 12px 30px rgba(0,102,255,.42);}
.btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,102,255,.5);}
.slides-nav button.active{background:var(--accent);}

/* 区块标题渐变 */
.sec-head .kicker{color:var(--accent);letter-spacing:4px;}
.sec-head h2{background:linear-gradient(90deg,#0a2a6b,#0066ff 55%,#22a5ff);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 卡片 hover 发光 */
.theme-card,.sys,.adv,.doc-col,.news-item,.step,.value{transition:transform .25s,box-shadow .25s,border-color .25s;}
.theme-card:hover,.sys:hover,.adv:hover,.doc-col:hover,.news-item:hover,.step:hover,.value:hover{border-color:rgba(34,211,238,.55);box-shadow:0 16px 44px rgba(0,90,255,.16),0 0 0 1px rgba(34,211,238,.4);}
.sys .icon,.value .icon{background:linear-gradient(120deg,var(--brand),var(--accent));box-shadow:0 8px 20px rgba(0,110,255,.3);}

/* VIP / 联系卡：深色网格统一 */
.vip,.contact-box{background:radial-gradient(120% 120% at 20% 0%,#0d2a5e 0%,#081836 46%,#050e24 100%);position:relative;overflow:hidden;}
.vip::before,.contact-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 30% 30%,#000,transparent 80%);-webkit-mask-image:radial-gradient(circle at 30% 30%,#000,transparent 80%);}
.vip .sec-head h2{background:linear-gradient(90deg,#fff,#cfeaff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vip-card{border-color:rgba(34,211,238,.35);}

/* 内页 Banner 深色网格 */
.page-hero{background:radial-gradient(120% 130% at 30% 0%,#0d2a5e 0%,#081836 46%,#050e24 100%);}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 30% 30%,#000,transparent 80%);-webkit-mask-image:radial-gradient(circle at 30% 30%,#000,transparent 80%);}
.page-hero .crumb{border-color:rgba(34,211,238,.5);color:#c9f4ff;background:rgba(34,211,238,.1);}
.page-hero h1{background:linear-gradient(90deg,#fff 10%,#d9ecff 70%,#8fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 页脚：更深 + 顶部光条 */
footer{background:#030917;}
footer::before{content:"";display:block;height:1px;max-width:1400px;margin:0 auto 44px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),transparent);}

/* 移动端抽屉科技化 */
.mobile-menu .scrim{background:rgba(4,10,26,.66);}
.mobile-nav > li > a{color:var(--deep-2);}

/* reduced-motion 兜底 */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .slide-content h1,.sec-head h2,.page-hero h1{background:none;-webkit-text-fill-color:currentColor;color:#fff;}
}

/* ================= 首页内容丰富化 ================= */
/* Hero 两列布局（左文右样机） */
.slide{display:flex;align-items:center;gap:clamp(20px,4vw,60px);padding:0 5vw;}
.slide-content{flex:1 1 52%;max-width:none;margin:0;width:auto;padding:130px 0 96px;}
.slide-visual{flex:0 1 42%;min-width:300px;position:relative;z-index:2;}

/* 科技样机面板 */
.mock{position:relative;border-radius:18px;border:1px solid rgba(120,170,255,.28);background:rgba(13,27,63,.55);backdrop-filter:blur(6px);box-shadow:0 30px 70px rgba(2,10,30,.5),0 0 0 1px rgba(34,211,238,.12),0 0 60px rgba(0,102,255,.28);overflow:hidden;transform:perspective(1100px) rotateY(-6deg);}
.mock-bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(120,170,255,.14);}
.mock-bar span{width:10px;height:10px;border-radius:50%;background:rgba(120,170,255,.28);}
.mock-bar span:first-child{background:#ff5f57;}
.mock-bar span:nth-child(2){background:#febc2e;}
.mock-bar span:nth-child(3){background:#28c840;}
.mock-body{display:grid;grid-template-columns:44px 1fr;min-height:250px;}
.mock-side{border-right:1px solid rgba(120,170,255,.12);display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:18px;}
.mock-side span{width:18px;height:18px;border-radius:5px;background:rgba(120,170,255,.22);}
.mock-side span:first-child{background:linear-gradient(120deg,#2f7dff,#22d3ee);}
.mock-main{padding:22px;}
.mock-title{width:38%;height:12px;border-radius:6px;background:linear-gradient(90deg,#2f7dff,#22d3ee);margin-bottom:14px;}
.mock-line{height:7px;border-radius:4px;background:rgba(160,195,255,.22);margin-bottom:8px;}
.mock-line.short{width:60%;}
.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;}
.mock-cards span{height:54px;border-radius:9px;background:rgba(120,170,255,.16);border:1px solid rgba(120,170,255,.16);}
.mock-chart{display:flex;align-items:flex-end;gap:12px;height:84px;}
.mock-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(47,125,255,.9),rgba(34,211,238,.5));}

/* Hero 数据统计条 */
.hero-stats{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);display:flex;gap:clamp(28px,6vw,72px);z-index:5;padding:14px clamp(24px,4vw,48px);background:rgba(6,14,34,.4);border:1px solid rgba(120,170,255,.18);border-radius:16px;backdrop-filter:blur(6px);}
.hstat{text-align:center;}
.hstat b{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:800;color:#fff;line-height:1;}
.hstat b small{font-size:.55em;color:var(--accent);font-weight:700;}
.hstat span{font-size:12.5px;color:rgba(190,215,255,.75);margin-top:4px;display:block;}

/* 生态兼容 */
.ecosystem{padding:34px 0;background:linear-gradient(180deg,#f6faff,#eef5ff);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.eco-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;text-align:center;}
.eco-label{font-size:13px;color:var(--muted);letter-spacing:2px;}
.eco-badges{display:flex;align-items:center;gap:14px;}
.eco-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3ecfa;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;color:var(--ink);box-shadow:0 6px 16px rgba(0,102,255,.08);}
.eco-ico{width:26px;height:26px;border-radius:7px;background:linear-gradient(120deg,#2f7dff,#22d3ee);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.eco-plus{color:#9db6d8;font-weight:800;font-size:18px;}
.eco-desc{width:100%;font-size:13.5px;color:var(--muted);}

/* 用户评价 */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.review{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;}
.review:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.5);box-shadow:0 14px 34px rgba(0,90,255,.12);}
.review-stars{color:#f5a623;letter-spacing:2px;font-size:15px;margin-bottom:14px;}
.review>p{font-size:14.5px;color:#45546a;line-height:1.8;margin-bottom:20px;}
.review-user{display:flex;align-items:center;gap:12px;}
.review-user .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(120deg,#2f7dff,#22d3ee);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;}
.review-user b{display:block;font-size:15px;color:var(--ink);}
.review-user em{font-style:normal;font-size:12.5px;color:var(--muted);}

/* 底部 CTA */
.cta-banner{padding:90px 0;background:radial-gradient(120% 130% at 30% 0%,#0d2a5e 0%,#081836 46%,#050e24 100%);color:#fff;text-align:center;}
.cta-inner h2{font-size:clamp(24px,3.6vw,38px);font-weight:800;margin-bottom:14px;}
.cta-inner p{color:rgba(190,215,255,.85);font-size:16px;margin-bottom:32px;}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* 响应式 */
@media(max-width:900px){
  .slide-visual{display:none;}
  .slide{padding:0 5vw;}
  .slide-content{flex:1 1 100%;}
}
@media(max-width:768px){
  .hero-stats{bottom:112px;gap:22px;padding-left:20px;padding-right:20px;}
  .hstat span{font-size:11px;}
  .review-grid{grid-template-columns:1fr;}
  .ecosystem{padding:28px 0;}
}
@media(max-width:480px){
  .hero-stats{flex-wrap:wrap;max-width:90%;gap:12px;justify-content:center;}
  .hstat{flex:0 0 42%;}
}

.review-stars{display:flex;gap:3px;margin-bottom:14px;}
.review-stars svg{width:15px;height:15px;fill:#f5a623;flex:none;}

/* Hero 左右顺序：标题在左、样机在右 */
.slide-content{order:1;}
.slide-visual{order:2;}

/* ================= 内页丰富化 ================= */
/* 页头增强：光晕 + 更大标题 */
.page-hero::after{content:"";position:absolute;top:-140px;right:-80px;width:520px;height:520px;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,rgba(34,211,238,.22),transparent 70%);}
.page-hero h1{font-size:clamp(30px,4.6vw,46px);letter-spacing:1px;}
.page-hero p{max-width:680px;}

/* 服务保障条（主题列表） */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px;}
.trust{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.25s;}
.trust:hover{border-color:rgba(34,211,238,.5);box-shadow:0 10px 26px rgba(0,90,255,.1);}
.trust .ticon{width:42px;height:42px;border-radius:11px;background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
.trust .ticon svg{width:21px;height:21px;}
.trust b{display:block;font-size:15px;color:var(--ink);}
.trust span{font-size:12.5px;color:var(--muted);}

/* 新闻分类标签 */
.news-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px;}
.news-filter a{padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:14px;font-weight:600;transition:.2s;}
.news-filter a:hover,.news-filter a.active{background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(0,102,255,.25);}

/* 内页数字统计条 */
.inner-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.istat{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 14px;}
.istat b{display:block;font-size:30px;font-weight:800;background:linear-gradient(120deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.istat span{font-size:13.5px;color:var(--muted);margin-top:6px;display:block;}

/* 发展历程时间轴（三列：时间 / 轴 / 内容） */
.timeline{max-width:900px;margin:0 auto;}
.tl-item{display:grid;grid-template-columns:150px 60px 1fr;align-items:start;}
.tl-year{font-size:17px;font-weight:800;color:var(--brand);text-align:right;padding-top:2px;}
.tl-axis{position:relative;}
.tl-axis::before{content:"";position:absolute;left:50%;top:8px;bottom:-8px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,var(--brand),rgba(34,211,238,.2));}
.tl-dot{justify-self:center;position:relative;top:8px;width:16px;height:16px;border-radius:50%;background:linear-gradient(120deg,var(--brand),var(--accent));box-shadow:0 0 0 5px rgba(47,125,255,.15);z-index:2;}
.tl-body{padding:0 0 36px 20px;}
.tl-body h3{font-size:17px;font-weight:700;margin-bottom:6px;}
.tl-body p{font-size:14px;color:var(--muted);max-width:500px;}

/* 内页响应式 */
@media(max-width:1024px){
  .trust-strip,.inner-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .tl-item{grid-template-columns:90px 40px 1fr;}
  .tl-year{font-size:15px;}
}
@media(max-width:480px){
  .trust-strip,.inner-stats{grid-template-columns:1fr;}
  .tl-item{grid-template-columns:1fr;gap:6px;}
  .tl-axis{display:none;}
  .tl-year{text-align:left;padding-left:0;}
}

/* ================= 新闻页宽布局重设计 ================= */
/* 列表页两栏：主列表 + 侧栏 */
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start;}
.news-main{min-width:0;}
.news-list{max-width:none;}
.news-item{padding:24px 26px;gap:22px;}
.news-item .date{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;}
.news-item .date span{color:rgba(255,255,255,.85);}
.news-item .body h3{font-size:18px;}

/* 侧栏 */
.news-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px;}
.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:.25s;}
.side-card h3{font-size:16px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:9px;}
.side-card h3::before{content:"";width:4px;height:16px;background:linear-gradient(120deg,var(--brand),var(--accent));border-radius:2px;}
.side-hot li{border-bottom:1px dashed var(--line);}
.side-hot li:last-child{border-bottom:none;}
.side-hot li a{display:block;padding:11px 0;}
.side-hot li a b{display:block;font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.5;}
.side-hot li a span{font-size:12.5px;color:var(--muted);}
.side-hot li a:hover b{color:var(--brand);}
.side-theme li{border-bottom:1px dashed var(--line);}
.side-theme li:last-child{border-bottom:none;}
.side-theme li a{display:flex;align-items:center;gap:12px;padding:11px 0;}
.side-theme .tico{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#eef4ff,#dce9ff);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:none;}
.side-theme li a b{font-size:14.5px;color:var(--ink);font-weight:600;display:block;}
.side-theme li a span{font-size:12px;color:var(--brand);font-weight:700;}
.side-contact{background:linear-gradient(135deg,#0d2a5e,#081836);color:#fff;border:none;}
.side-contact h3{color:#fff;}
.side-contact p{font-size:13.5px;color:rgba(190,215,255,.85);margin-bottom:8px;}
.side-contact .big{font-size:17px;font-weight:800;color:#fff;}
.side-contact .cta{margin-top:14px;display:inline-block;background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;padding:10px 18px;border-radius:9px;font-weight:700;font-size:14px;}

/* 详情页两栏：正文 + 侧栏 */
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start;}
.article{max-width:none;}

/* 响应式 */
@media(max-width:1100px){
  .news-layout,.detail-layout{grid-template-columns:1fr;}
  .news-side{position:static;}
}

/* 主题封面图 */
.theme-cover{position:relative;overflow:hidden;}
.theme-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.detail-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
/* 主题列表筛选工具条 */
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:34px;}
.theme-filter{display:flex;flex-wrap:wrap;gap:10px;}
.theme-filter button{padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:.2s;}
.theme-filter button:hover,.theme-filter button.active{background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(0,102,255,.25);}
.toolbar-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);}
.toolbar-sort select{height:38px;padding:0 12px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:var(--ink);font-size:14px;cursor:pointer;}
@media(max-width:560px){.list-toolbar{justify-content:flex-start;}.toolbar-sort{width:100%;}}
/* 详情页：多图轮播 - 上方大图 + 下方缩略图 */
.detail-main{min-width:0;}
.detail-preview{position:relative;}
.pv-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(120,170,255,.4);background:rgba(6,14,34,.6);color:#fff;font-size:20px;cursor:pointer;z-index:3;transition:.2s;}
.pv-nav:hover{background:rgba(47,125,255,.6);border-color:var(--accent);}
#pvPrev{left:14px;}
#pvNext{right:14px;}
.thumb-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.thumb-bar button{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:10px;border:1px solid rgba(120,170,255,.4);background:rgba(6,14,34,.72);color:#d5e0f2;font-size:12px;cursor:pointer;transition:.2s;}
.thumb-bar button img{width:44px;height:28px;border-radius:6px;object-fit:cover;flex:none;}
.thumb-bar button.active{border-color:var(--accent);color:#fff;background:rgba(47,125,255,.55);}
.thumb-bar button span{line-height:1;}

/* 详情页：更新日志 */
.changelog{max-width:760px;}
.changelog li{display:grid;grid-template-columns:96px 92px 1fr;gap:16px;align-items:baseline;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 20px;margin-bottom:12px;}
.changelog li b{font-size:15px;color:var(--brand);font-weight:800;}
.changelog li time{font-size:12.5px;color:var(--muted);}
.changelog li p{font-size:14px;color:var(--ink);margin:0;}
@media(max-width:600px){.changelog li{grid-template-columns:1fr;gap:4px;}}

/* 弹窗 */
.modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;}
.modal.open{visibility:visible;opacity:1;}
.modal-scrim{position:absolute;inset:0;background:rgba(4,10,26,.66);}
.modal-card{position:relative;width:100%;max-width:440px;background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 70px rgba(2,10,30,.4);}
.modal-card h3{font-size:20px;font-weight:800;margin-bottom:10px;}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;background:var(--bg-soft);border-radius:9px;font-size:16px;color:var(--ink);cursor:pointer;}
.modal-tip{font-size:13.5px;color:var(--muted);margin-bottom:18px;line-height:1.7;}
.modal-card input{width:100%;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 14px;font-size:15px;margin-bottom:16px;outline:none;}
.modal-card input:focus{border-color:var(--brand);}
.modal-card input.err{border-color:#e5484d;}
.modal-submit{width:100%;justify-content:center;}
.doc-steps{counter-reset:step;margin:0;}
.doc-steps li{position:relative;padding:8px 0 8px 38px;font-size:14.5px;color:var(--ink);border-bottom:1px dashed var(--line);counter-increment:step;}
.doc-steps li:last-child{border-bottom:none;}
.doc-steps li::before{content:counter(step);position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.doc-steps code{background:#eef1f6;padding:2px 6px;border-radius:6px;font-size:13px;}
/* 免费模板专区 */
.badge.free{background:#16a34a;}
.theme-card .price.free{color:#16a34a;font-size:18px;font-weight:800;}
.detail-info .price .free-price{font-size:26px;font-weight:900;color:#16a34a;}
/* 免费模板列表 - 源码平台风格 */
.free-filter{padding:30px 0 8px;}
.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap;}
.filter-title{font-size:20px;font-weight:900;}
.filter-count{font-size:14px;color:var(--muted);}
.filter-count b{color:var(--brand);font-size:17px;}
.filter-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;flex-wrap:wrap;}
.filter-label{font-size:14px;color:var(--muted);padding-top:8px;min-width:56px;}
.filter-opts{display:flex;flex-wrap:wrap;gap:8px;}
.filter-opts button{padding:6px 15px;font-size:13.5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:.2s;}
.filter-opts button:hover{border-color:var(--brand);color:var(--brand);}
.filter-opts button.active{background:var(--brand);color:#fff;border-color:var(--brand);}
.free-list{padding:16px 0 70px;}
.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.source-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:.25s;}
.source-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,60,150,.12);border-color:rgba(47,125,255,.4);}
.source-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.source-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.source-card:hover .source-cover img{transform:scale(1.04);}
.source-badge{position:absolute;top:10px;right:10px;padding:3px 10px;font-size:12px;font-weight:800;color:#fff;border-radius:6px;background:#16a34a;}
.source-badge.sold{background:#8899b3;}
.source-info{padding:14px 16px 16px;}
.source-info h3{font-size:16.5px;font-weight:800;margin-bottom:4px;}
.source-no{font-size:12.5px;color:var(--muted);}
.source-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.source-tags span{font-size:12px;color:#2f7dff;background:rgba(47,125,255,.08);padding:3px 9px;border-radius:6px;font-weight:600;}
.source-tags span.sold{color:var(--muted);background:var(--bg-soft);}
@media(max-width:1024px){.source-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){.source-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.source-grid{grid-template-columns:1fr;}}
/* 案例展示 */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:10px 0 60px;}
.case-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;transition:.25s;}
.case-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,60,150,.13);border-color:rgba(47,125,255,.4);}
.case-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.case-card:hover .case-cover img{transform:scale(1.05);}
.case-badge{position:absolute;top:10px;left:10px;padding:3px 10px;font-size:12px;font-weight:800;color:#fff;border-radius:6px;background:linear-gradient(120deg,var(--brand),var(--accent));}
.case-info{padding:16px 18px 18px;}
.case-tag{font-size:12px;color:var(--brand);font-weight:700;}
.case-info h3{font-size:18px;font-weight:800;margin:4px 0 8px;}
.case-info p{font-size:13.5px;color:var(--muted);}
.case-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);}
.case-foot span{font-size:13px;color:var(--muted);}
.case-foot a{font-size:14px;color:var(--brand);font-weight:700;}
.case-foot a::after{content:" →";}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr;}}
/* 案例详情弹窗 */
.modal-card.case-modal{max-width:860px;padding:0;overflow:hidden;}
.case-modal-body{display:grid;grid-template-columns:1.4fr 1fr;gap:0;}
.case-modal-body .cm-img{overflow:hidden;background:var(--bg-soft);}
.case-modal-body .cm-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;}
.case-modal-body .cm-c{position:relative;padding:34px 34px 30px;}
.case-modal-body .cm-tag{font-size:12.5px;color:var(--brand);font-weight:700;}
.case-modal-body h3{font-size:24px;font-weight:900;margin:6px 0 10px;}
.case-modal-body .cm-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.case-modal-body .cm-meta span{font-size:12.5px;color:var(--muted);border:1px solid var(--line);padding:3px 10px;border-radius:6px;}
.case-modal-body p{font-size:14.5px;color:var(--ink);line-height:1.8;}
.case-modal-body .cm-link{display:inline-block;margin-top:18px;background:var(--brand);color:#fff;padding:11px 26px;border-radius:8px;font-weight:700;font-size:14.5px;}
.case-modal-body .cm-contact{display:block;margin-top:12px;font-size:13.5px;color:var(--muted);}
@media(max-width:640px){.case-modal-body{grid-template-columns:1fr;}.case-modal-body .cm-c{padding:24px 20px;}}
/* 案例详情页 */
.case-article{max-width:860px;font-size:15.5px;line-height:1.9;color:var(--ink);}