:root{--bg:#0A0E1A;--surface:#131B2E;--surface-2:#182238;--line:rgba(160,180,255,0.1);--line-strong:rgba(160,180,255,0.2);--text:#EAF0FF;--text-dim:#9AA8C7;--text-faint:#66718F;--acc-1:#7C6CFF;--acc-2:#3FD0FF;--grad:linear-gradient(120deg,#7C6CFF 0%,#3FD0FF 100%);--green:#3DDC97;--amber:#FFB454;--red:#FF6B7A;--radius:16px;--font:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
img{vertical-align:middle;max-width:100%;}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1200px 600px at 50% -10%,rgba(124,108,255,0.14),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(63,208,255,0.1),transparent 60%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 100%,100% 100%,44px 44px,44px 44px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);}

/* ===== 顶栏 ===== */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(10,14,26,0.72);border-bottom:1px solid var(--line);}
.nav{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px;}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(124,108,255,0.4));}
.brand .logo{display:block;width:auto;height:34px;object-fit:contain;}
.brand-name{font-size:20px;font-weight:800;letter-spacing:1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:baseline;gap:1px;}
@media (max-width:640px){
  .brand-name{font-size:18px;}
}
ul.nav-links{list-style:none;margin:0 0 0 auto;padding:0;}
.navbar-item > ul{list-style:none;margin:0;}
ul.mmenu-nav{list-style:none;margin:0;padding:0;}
.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.nav-links > li.navbar-item > a:not(.dropdown-toggle){font-size:14px;color:var(--text-dim);padding:8px 15px;border:1px solid var(--line);border-radius:999px;transition:0.2s;display:inline-flex;align-items:center;gap:6px;}
.nav-links > li.navbar-item > a:not(.dropdown-toggle):hover,.nav-links > li.navbar-item.on > a:not(.dropdown-toggle){color:var(--text);border-color:var(--acc-1);background:rgba(124,108,255,0.08);}
.nav-links > li.nav-search-item > a:before{width:15px;height:15px;display:block;content:'';background:url(images/search.svg) no-repeat center center;background-size:contain;}
@media (max-width:640px){
  .nav-links > li.navbar-item > a:not(.dropdown-toggle){padding:10px 14px;min-height:44px;}
  .brand{padding:6px 0;min-height:44px;}
  .nav{padding:12px 16px;gap:10px;}
}

/* ===== 汉堡包（移动端） ===== */
.hamburger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0;flex-shrink:0;transition:border-color 0.2s;}
.hamburger span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:0.25s;}
.hamburger:hover{border-color:var(--acc-1);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:820px){
  .hamburger{display:inline-flex;}
  .nav-links > li.navbar-item:not(.nav-search-item){display:none;}
  .nav-links{gap:8px;}
}

/* ===== 分类下拉 ===== */
.navbar-item{position:relative;}
.dropdown-toggle{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,rgba(124,108,255,0.2),rgba(63,208,255,0.12));border:1px solid rgba(124,108,255,0.45);color:var(--text);font-weight:600;padding:8px 17px;border-radius:999px;font-size:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),0 0 18px rgba(124,108,255,0.15);transition:0.2s;text-decoration:none;}
.dropdown-toggle:before,.dropdown-toggle:after{display:block;content:'';background:no-repeat center center;background-size:contain;}
.dropdown-toggle:before{width:15px;height:15px;background-image:url(images/category.svg);}
.dropdown-toggle:after{width:13px;height:13px;background-image:url(images/arrow-down.svg);transition:transform 0.2s;}
.navbar-item.open .dropdown-toggle{border-color:var(--acc-1);box-shadow:0 0 24px rgba(124,108,255,0.3);}
.navbar-item.open .dropdown-toggle:after{transform:rotate(180deg);}
.navbar-item > ul{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:14px;padding:8px;box-shadow:0 20px 50px rgba(4,8,20,0.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:0.18s;z-index:60;}
.navbar-item.open > ul{opacity:1;visibility:visible;transform:none;}
.navbar-item > ul > li.navbar-item > a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:9px;font-size:14.5px;color:var(--text-dim);transition:0.15s;min-height:44px;}
.navbar-item > ul > li.navbar-item > a:hover{background:rgba(124,108,255,0.12);color:var(--text);}
.navbar-item > ul > li.navbar-item > a .cnt{font-size:11.5px;color:var(--text-faint);}
.navbar-item > ul > li.navbar-item > a:not([data-cat]):after{content:"›";color:var(--text-faint);}

/* 「浏览全部」入口：由 JS 自动插入到有二级菜单的下拉末尾 */
.navbar-item > ul > li.dd-foot-item > a{margin-top:4px;padding:9px 14px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--acc-2);font-weight:600;display:block;}
.dd-mask{position:fixed;inset:0;background:rgba(4,8,20,0.5);opacity:0;visibility:hidden;transition:0.2s;z-index:54;}
@media (max-width:820px){
  .navbar-item > ul{position:fixed;left:16px;right:16px;top:auto;bottom:0;min-width:0;border-radius:18px 18px 0 0;padding:12px 14px;transform:translateY(105%);max-height:70vh;overflow:auto;z-index:56;}
  .navbar-item.open > ul{transform:none;}
  .dd-mask.on{opacity:1;visibility:visible;}
}

/* ===== 移动端汉堡包菜单 ===== */
.mmenu-mask{position:fixed;inset:0;background:rgba(4,8,20,0.55);opacity:0;visibility:hidden;transition:0.2s;z-index:64;}
.mmenu-mask.on{opacity:1;visibility:visible;}
.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(300px,86vw);background:var(--surface-2);border-left:1px solid var(--line-strong);z-index:70;display:none;flex-direction:column;padding:18px 20px 26px;overflow:auto;box-shadow:-20px 0 60px rgba(4,8,20,0.5);}
.mobile-menu.open{display:flex;animation:slideIn 0.28s ease;}
@keyframes slideIn{
  from{transform:translateX(105%);}
  to{transform:none;}
}
.mmenu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 16px;border-bottom:1px solid var(--line);margin-bottom:12px;}
.mmenu-close{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--text-dim);display:grid;place-items:center;transition:0.2s;}
.mmenu-close:hover{color:var(--text);border-color:var(--acc-1);}
.mmenu-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;}
.mmenu-nav{display:flex;flex-direction:column;gap:4px;}

/* 一级项（含原 .mmenu-group 分组项，现统一为 .navbar-item） */
.mmenu-nav > li.navbar-item > a{padding:13px 12px;border-radius:10px;font-size:15.5px;color:var(--text-dim);font-weight:600;transition:0.15s;display:flex;align-items:center;justify-content:space-between;min-height:46px;}
.mmenu-nav > li.navbar-item > a:hover{background:rgba(124,108,255,0.1);color:var(--text);}
.mmenu-nav > li.navbar-item > a:after{content:"›";color:var(--acc-2);font-size:13px;}

/* 分组内的子列表：重置桌面端“下拉绝对定位”样式，恢复为普通纵向列表 */
.mmenu-nav > li.navbar-item > ul{position:static;display:flex;flex-direction:column;gap:2px;min-width:0;background:none;border:0;border-radius:0;padding:0;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:none;overflow:visible;z-index:auto;}
.mmenu-nav > li.navbar-item > ul > li.navbar-item > a,.mmenu-nav > li.navbar-item > ul > li.dd-foot-item > a{padding:11px 12px 11px 22px;font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:0.15s;min-height:44px;background:none;gap:12px;}
.mmenu-nav > li.navbar-item > ul > li.navbar-item > a{border-radius:10px;color:var(--text-dim);}
.mmenu-nav > li.navbar-item > ul > li.navbar-item > a:hover{background:rgba(124,108,255,0.1);color:var(--text);}
.mmenu-nav > li.navbar-item > ul > li.navbar-item > a .cnt{font-size:11px;color:var(--text-faint);}
.mmenu-nav > li.navbar-item > ul > li.dd-foot-item > a{border-top:none;margin-top:0;}
.mmenu-nav > li.navbar-item > ul > li.dd-foot-item > a:after{content:"›";color:var(--acc-2);font-size:13px;}
.mmenu-nav > li.navbar-item.has-child:after{height:1px;background:var(--line);margin:10px 4px;display:block;content:'';}

/* ===== Hero ===== */
.hero{position:relative;max-width:1180px;margin:0 auto;padding:60px 24px 26px;text-align:center;isolation:isolate;}
.hero-canvas{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--acc-2);border:1px solid rgba(63,208,255,0.28);background:rgba(63,208,255,0.07);padding:6px 14px;border-radius:999px;margin-bottom:20px;letter-spacing:1px;}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc-2);box-shadow:0 0 10px var(--acc-2);}
.hero .title{font-size:clamp(30px,6vw,50px);font-weight:800;line-height:1.2;letter-spacing:-1px;}
.hero .title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .sub{margin:14px auto 0;color:var(--text-dim);font-size:clamp(15px,2vw,17px);}
.hero-stats{display:flex;gap:34px;justify-content:center;margin-top:24px;flex-wrap:wrap;}
.hero-stats div{text-align:center;}
.hero-stats b{display:block;font-size:27px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-stats span{font-size:12.5px;color:var(--text-faint);}
.hero-search{max-width:560px;margin:24px auto 0;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:14px 18px;transition:0.2s;position:relative;overflow:hidden;}
.hero-search.nomax{max-width:none;}
.hero-search:focus-within{border-color:var(--acc-1);box-shadow:0 0 0 4px rgba(124,108,255,0.15);}
.hero-search .text{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:16px;font-family:inherit;padding-right:50px;}
.hero-search .text::placeholder{color:var(--text-faint);}
.hero-search .button{display:block;position:absolute;right:0;top:0;width:54px;height:100%;background:url(images/search.svg) no-repeat center center;background-size:35.18518519% auto;border:none;cursor:pointer;z-index:2;}
/*searchResults*/
#searchResults {margin-top:20px;}
/* ===== 区块容器 ===== */
.wrap{max-width:1180px;margin:0 auto;padding:26px 24px 56px;}
.block{margin-bottom:44px;}
.block:last-child{margin-bottom:0;}
.block-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.block-head .bar{width:5px;height:24px;border-radius:3px;background:var(--grad);}
.block-head h2{font-size:25px;font-weight:800;letter-spacing:0.5px;}
.block-head .en{font-size:12px;color:var(--text-faint);letter-spacing:1px;margin-left:auto;}

/* ===== 首页轮播 ===== */
.swipe{position:relative;margin:0 0 30px;}
.swipe-viewport{overflow:hidden;border-radius:20px;border:1px solid var(--line-strong);background:var(--surface);}
.swipe-track{display:flex;transition:transform 0.55s cubic-bezier(0.4,0,0.2,1);touch-action:pan-y;}
.swipe-track.is-dragging,.swipe-track.is-dragging .swipe-slide{cursor:grabbing;}
.swipe-slide{position:relative;flex:0 0 100%;min-width:100%;display:block;overflow:hidden;aspect-ratio:16/9;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}
.swipe-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);-webkit-user-drag:none;user-select:none;pointer-events:none;}
.swipe-slide:hover img{transform:scale(1.035);}
.swipe-arrows{position:absolute;top:50%;left:14px;right:14px;z-index:5;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;}
.swipe-arrow{pointer-events:auto;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--line-strong);background-color:rgba(19,27,46,0.74);background-repeat:no-repeat;background-position:center;background-size:18px;color:var(--text);cursor:pointer;transition:0.2s;backdrop-filter:blur(6px);}
.swipe-arrow:hover{color:#fff;border-color:var(--acc-1);}
.swipe-prev{background-image:url(images/swipe_prev.svg);}
.swipe-next{background-image:url(images/swipe_next.svg);}
.swipe-dots{position:absolute;left:50%;bottom:14px;z-index:5;display:flex;gap:7px;transform:translateX(-50%);}
.swipe-dot{width:22px;height:6px;padding:0;border:none;border-radius:3px;background:rgba(160,180,255,0.25);cursor:pointer;transition:0.25s;}
.swipe-dot.on{width:30px;background:var(--grad);}
@media (max-width:640px){
  .swipe-arrows{left:7px;right:7px;}
  .swipe-arrow{width:34px;height:34px;background-size:16px;}
}

/* ===== 分类筛选 ===== */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.chips-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;}
.chips-scroll::-webkit-scrollbar{display:none;}
.chip{font-size:14px;color:var(--text-dim);padding:9px 17px;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:0.2s;min-height:40px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;}
.chip:hover{color:var(--text);border-color:var(--acc-1);}
.chip.active{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 4px 16px rgba(124,108,255,0.3);}
.chip .cnt{font-size:11px;opacity:0.7;}

/* ===== 分类工具 ===== */
.grids-list .list{display:none;}
.grids-list .list.active{display:block;}

/* ===== 工具卡片 ===== */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform 0.25s,border-color 0.25s,box-shadow 0.25s,background 0.25s;overflow:hidden;cursor:pointer;text-align:left;}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad);opacity:0;transition:opacity 0.25s;}
.card:hover{transform:translateY(-5px);border-color:var(--line-strong);background:var(--surface-2);box-shadow:0 18px 40px rgba(4,8,20,0.5),0 0 0 1px rgba(124,108,255,0.12);}
.card:hover::before{opacity:1;}
.card-top{display:flex;align-items:flex-start;gap:13px;}
.avatar{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:19px;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15),0 6px 16px rgba(0,0,0,0.35);}
.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;margin-left:auto;}
.badge.hot{color:var(--green);background:rgba(61,220,151,0.12);border:1px solid rgba(61,220,151,0.3);}
.badge.new{color:var(--amber);background:rgba(255,180,84,0.12);border:1px solid rgba(255,180,84,0.3);}
.badge.free{color:var(--acc-2);background:rgba(63,208,255,0.1);border:1px solid rgba(63,208,255,0.25);}
.card h3{font-size:17px;font-weight:700;padding-right:2.94117647em;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card h3 .go{opacity:0;transform:translate(-0.4em,-50%);transition:0.25s;color:var(--acc-2);font-size:0.73529412em;white-space:nowrap;position:absolute;right:0;top:50%;}
.card:hover h3 .go{opacity:1;transform:translate(0,-50%);}
.card p{font-size:14px;color:var(--text-dim);flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card .cat-tag{font-size:12.5px;color:var(--text-faint);}
@media (max-width:1020px){
  .grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:820px){
  .nav{padding:12px 18px;}
  .hero{padding:46px 20px 22px;}
  .wrap{padding:20px 18px 48px;}
}
@media (max-width:640px){
  .grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .card{padding:16px;}
  .avatar{width:40px;height:40px;font-size:17px;}
  .card p{font-size:14px;}
  .hero-search input{font-size:16px;}
  .chip{min-height:44px;}
}
@media (max-width:420px){
  .grid{grid-template-columns:1fr;}
}
.cat-empty{grid-column:1/-1;text-align:center;padding:44px 20px;color:var(--text-faint);border:1px dashed var(--line-strong);border-radius:var(--radius);font-size:14px;}

/* ===== 分类锚点（分类视图） ===== */
.cat-jump{position:sticky;top:63px;z-index:40;background:rgba(10,14,26,0.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cat-jump-inner{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;gap:10px;flex-wrap:wrap;}
.jump-link{font-size:13px;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:7px 14px;transition:0.2s;background:var(--surface);}
.jump-link:hover{color:var(--text);border-color:var(--acc-1);}
.jump-link .cnt{font-size:11px;color:var(--text-faint);margin-left:3px;}
.cat-section{scroll-margin-top:140px;margin-bottom:44px;}
.cat-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.cat-head .c-dot{width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 12px rgba(124,108,255,0.6);align-self:center;}
.cat-head h2{font-size:22px;font-weight:800;letter-spacing:0.5px;}
.cat-head .c-count{font-size:12.5px;color:var(--text-faint);background:rgba(255,255,255,0.06);border-radius:999px;padding:2px 10px;}
.cat-head .c-desc{margin-left:auto;font-size:12.5px;color:var(--text-faint);}
@media (max-width:640px){
  .cat-jump{top:62px;}
  .cat-jump-inner{padding:10px 16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .cat-jump-inner::-webkit-scrollbar{display:none;}
  .jump-link{padding:9px 14px;min-height:44px;flex-shrink:0;}
  .cat-head .c-desc{display:none;}
  .cat-head h2{font-size:19px;}
}

/* ===== 资讯卡片 ===== */
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ns-item{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:0.25s;}
.ns-item:hover{transform:translateY(-5px);border-color:var(--line-strong);background:var(--surface-2);}
.ns-item .ns-top{display:flex;align-items:center;justify-content:space-between;}
.ns-cat{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;}
.ns-cat.model{color:var(--acc-2);background:rgba(63,208,255,0.1);border:1px solid rgba(63,208,255,0.28);}
.ns-cat.finance{color:var(--green);background:rgba(61,220,151,0.1);border:1px solid rgba(61,220,151,0.28);}
.ns-cat.policy{color:var(--amber);background:rgba(255,180,84,0.1);border:1px solid rgba(255,180,84,0.28);}
.ns-cat.app{color:#C08BFF;background:rgba(192,139,255,0.1);border:1px solid rgba(192,139,255,0.28);}
.ns-item .ns-t{font-size:15.5px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ns-item .ns-s{font-size:13.5px;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ns-item .ns-d{font-size:12px;color:var(--text-faint);}
.ns-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--acc-2);font-weight:600;margin-top:16px;padding:10px 18px;border:1px solid rgba(63,208,255,0.25);border-radius:999px;transition:0.2s;min-height:44px;}
.ns-more:hover{background:rgba(63,208,255,0.08);}
@media (max-width:1020px){
  .news-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .news-grid{grid-template-columns:1fr;}
}

/* ===== 工具详情 ===== */
.detail{max-width:940px;margin:0 auto;padding:30px 24px 56px;}
.d-head{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:34px 38px;position:relative;overflow:hidden;}
.d-head::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);}
.d-head-top{display:flex;gap:18px;}
.d-avatar{width:76px;height:76px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15),0 10px 30px rgba(0,0,0,0.4);}
.d-infor{flex:1;}
.d-infor .intro{font-size:12.5px;color:var(--text-faint);}
.d-infor h1{font-size:clamp(24px,4vw,32px);font-weight:800;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px;}
.d-tagline{color:var(--acc-2);font-size:15px;font-weight:600;}
.d-meta{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;}
.meta-tag{font-size:12px;color:var(--text-dim);border:1px solid var(--line-strong);border-radius:999px;padding:5px 13px;background:rgba(255,255,255,0.03);}
.meta-tag b{color:var(--text);}
.meta-tag .url{color:var(--acc-2);}
.d-intro{color:var(--text-dim);font-size:14.5px;line-height:1.9;margin-top:20px;}
.d-actions{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;font-weight:700;font-size:14.5px;border-radius:12px;padding:13px 24px;border:none;box-shadow:0 8px 24px rgba(124,108,255,0.35);transition:0.2s;min-height:48px;}
.btn:hover{transform:translateY(-2px);}
.btn svg{width:16px;height:16px;}
.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);box-shadow:none;min-height:48px;}
.btn.ghost:hover{border-color:var(--acc-1);}
.d-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;margin-top:18px;}
.d-section > h3{font-size:17px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.d-section > h3 .bar{width:4px;height:18px;border-radius:2px;background:var(--grad);}
.d-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.feat{display:flex;gap:10px;font-size:13.5px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
.feat:before{width:1.11111111em;height:1.11111111em;flex-shrink:0;content:'';background:url(images/yes.svg) no-repeat center center;background-size:contain;margin-top:0.31851852em;}
.d-audience{display:flex;gap:10px;flex-wrap:wrap;}
.aud{font-size:13px;color:var(--acc-2);border:1px solid rgba(63,208,255,0.25);border-radius:999px;padding:7px 15px;background:rgba(63,208,255,0.06);}
.d-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pc-card{border-radius:12px;padding:16px 18px;border:1px solid;}
.pc-card.pro{background:rgba(61,220,151,0.06);border-color:rgba(61,220,151,0.25);}
.pc-card.con{background:rgba(255,107,122,0.06);border-color:rgba(255,107,122,0.25);}
.pc-card b{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px;}
.pc-card b:before{content:'';display:block;width:1.07142857em;height:1.07142857em;background:no-repeat center center;background-size:contain;}
.pc-card.pro b{color:var(--green);}
.pc-card.pro b:before{background-image:url(images/yes.svg);}
.pc-card.con b{color:var(--red);}
.pc-card.con b:before{background-image:url(images/no.svg);}
.pc-card ul{list-style:none;}
.pc-card li{font-size:13px;color:var(--text-dim);padding-left:16px;position:relative;margin-top:5px;}
.pc-card li::before{content:"·";position:absolute;left:2px;color:var(--text-faint);}
.d-back{margin:6px 0 22px;display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13.5px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;transition:0.2s;min-height:44px;}
.d-back:hover{color:var(--text);border-color:var(--acc-1);}
.d-nav{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;}
.d-nav a{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:13px;color:var(--text-faint);transition:0.2s;}
.d-nav a:hover{border-color:var(--acc-1);}
.d-nav a small{display:block;font-size:11.5px;color:var(--text-faint);margin-bottom:3px;}
.d-nav a b{color:var(--text);font-size:14px;}
@media (max-width:640px){
  .detail{padding:22px 18px 48px;}
  .d-head{padding:24px 22px;}
  .d-section{padding:20px 18px;}
  .d-pc{grid-template-columns:1fr;}
  .d-features{grid-template-columns:1fr;}
}

/* ===== 资讯列表 ===== */
.news-main{display:grid;grid-template-columns:1fr 300px;gap:22px;}
.news-list{display:flex;flex-direction:column;gap:14px;}
.news-row{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;transition:0.25s;cursor:pointer;text-align:left;}
.news-row:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2);}
.news-row .nd{font-size:13px;color:var(--text-faint);flex-shrink:0;padding-top:3px;}
.news-row .nb{flex:1;}
.news-row .nb .ns-cat{display:inline-flex;margin-bottom:9px;}
.news-row .nb h4{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:7px;}
.news-row .nb p{font-size:14px;color:var(--text-dim);line-height:1.7;}
.news-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px;align-self:start;}
.nd-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);}
.nd-badge b{font-size:17px;font-weight:800;color:var(--acc-2);line-height:1.1;}
.nd-badge small{font-size:11px;color:var(--text-faint);margin-top:2px;}
.pager{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:26px;flex-wrap:wrap;}
.pager .button{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text-dim);font-size:14px;padding:9px 15px;min-height:44px;min-width:44px;transition:0.2s;display:inline-flex;align-items:center;justify-content:center;}
.pager .button:hover{color:var(--text);border-color:var(--acc-1);}
.pager .button.now-page{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(124,108,255,0.3);}
.pager .button:disabled{opacity:0.4;cursor:not-allowed;}
.pager .pg-info{font-size:13px;color:var(--text-faint);}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}
.side-card h4{font-size:14.5px;font-weight:700;margin-bottom:14px;}
.side-card .side-num{font-size:34px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.side-card .side-lb{font-size:12.5px;color:var(--text-faint);}
.textwidget a{display:block;}
.textwidget img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;}
.hot-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.hot-list li{display:flex;gap:10px;align-items:flex-start;}
.hot-list .idx{font-size:12px;font-weight:700;color:#2FD4FF;flex-shrink:0;min-width:20px;line-height:1.55;}
.hot-list a{font-size:13.5px;color:var(--text-dim);line-height:1.55;}
.hot-list a:hover{color:var(--text);}
@media (max-width:860px){
  .news-main{grid-template-columns:1fr;}
  .news-row{flex-direction:column;gap:8px;}
}
@media (max-width:640px){
  .news-row{padding:18px;}
  .news-row .nb h4{font-size:15px;}
}
@media (max-width:820px){
  .hot-list a{display:inline-block;padding:5px 0;min-height:24px;}
}

/*divPrevious*/
.divPrevious{list-style:none;display:flex;flex-direction:column;gap:12px;}
.divPrevious li{position:relative;font-size:13.5px;gap:10px;display:flex;}
.divPrevious li:before{width:0.35em;height:0.4em;background-color:#2FD4FF;border-radius:50%;display:block;content:'';margin-top:0.59259259em;}
.divPrevious li a{display:block;color:var(--text-dim);line-height:1.55;}

/*divTags*/
.divTags{display:flex;gap:9px;flex-wrap:wrap;}
.divTags li{list-style:none;}
.divTags a{font-size:12px;font-weight:600;padding:0.26086957em 0.86956522em;border-radius:999em;color:var(--green);background-color:rgba(61,220,151,0.1);border:1px solid rgba(61,220,151,0.28);display:inline-flex;}
.divTags a:hover{border-color:rgba(63,208,255,0.25);background-color:rgba(63,208,255,0.08);color:var(--acc-2);}

/*divCatalog*/
.divCatalog,.divCatalog li{display:flex;flex-direction:column;gap:10px;}
.divCatalog li li p{position:relative;padding-left:1em;}
.divCatalog li li p:before{border:1px solid #2FD4FF;border-radius:50%;display:block;content:'';width:5px;height:5px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.side-cat-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim);}
.side-cat-row .bar{height:6px;border-radius:3px;background:var(--grad);flex:1;}
.side-cat-row b{font-size:12px;color:var(--text);}

/*divStatistics*/
.divStatistics{display:flex;flex-direction:column;gap:10px;}
.divStatistics li{list-style:none;}

/* ===== 资讯详情 ===== */
.news-detail{max-width:820px;margin:0 auto;padding:26px 24px 56px;}
.nd-hero{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:30px 34px;}
.nd-hero h1{font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.45;margin-top:14px;}
.nd-meta{display:flex;align-items:center;gap:14px;margin-top:14px;color:var(--text-faint);font-size:13px;flex-wrap:wrap;}
.nd-meta .tags{display:flex;}
.nd-meta .tags span{display:flex;flex-wrap:wrap;gap:0 0.5em;flex:1;}
.nd-meta .tags a:hover{color:#fff;}
.nd-body{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 34px;color:var(--text);font-size:14.5px;line-height:2;}
.nd-body h1,.nd-body h2,.nd-body h3,.nd-body h4,.nd-body h5,.nd-body h6,.nd-body p,.nd-body ul,.nd-body ol,.nd-body blockquote{margin:1em 0;}
.nd-body h3{font-size:17px;font-weight:800;display:flex;align-items:center;gap:9px;}
.nd-body h3:first-child{margin-top:0;}
.nd-body h3:before{content:'';width:4px;height:18px;border-radius:2px;background:var(--grad);}
.nd-body ul{list-style:none;}
.nd-body li{font-size:14.5px;color:var(--text-dim);line-height:1.9;padding-left:20px;position:relative;}
.nd-body li::before{content:"";position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--grad);}
.nd-body small{font-size:12.5px;color:var(--text-faint);word-break:break-all;}
.nd-nav{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;}
.nd-nav a{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:13px;color:var(--text-faint);transition:0.2s;}
.nd-nav a:hover{border-color:var(--acc-1);}
.nd-nav a small{display:block;font-size:11.5px;margin-bottom:3px;}
.nd-nav a b{color:var(--text);font-size:14px;}
@media (max-width:640px){
  .news-detail{padding:20px 18px 48px;}
  .nd-hero,.nd-body{padding:22px 20px;}
}
.comments{margin-top:26px;background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:30px 34px;display:flex;flex-direction:column;gap:22px;}
.comments-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap;}
.comments-head h3{font-size:19px;font-weight:800;}
.comments-head .cnt{font-size:12px;color:var(--acc-2);background:rgba(63,208,255,0.1);border:1px solid rgba(63,208,255,0.25);padding:2px 10px;border-radius:999px;}
.comments .demo-note{font-size:12px;color:var(--text-faint);width:100%;}
.comment-form{display:flex;flex-direction:column;gap:14px;}
.cf-row{display:flex;gap:14px;}
.cf-input{flex:1;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:12px 16px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color 0.2s,box-shadow 0.2s;min-height:46px;width:100%;}
.cf-input:focus{border-color:var(--acc-1);box-shadow:0 0 0 3px rgba(124,108,255,0.15);}
.cf-input::placeholder{color:var(--text-faint);}
.cf-code{display:block;width:auto; max-width:none; max-height: 47px; cursor:pointer;border-radius: 12px;}
.cf-textarea{width:100%;min-height:104px;resize:vertical;line-height:1.7;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:12px 16px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color 0.2s,box-shadow 0.2s;}
.cf-textarea:focus{border-color:var(--acc-1);box-shadow:0 0 0 3px rgba(124,108,255,0.15);}
.cf-textarea::placeholder{color:var(--text-faint);}
.cf-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#cancel-reply{font-size:12px;color:var(--text-faint);}
#cancel-reply:hover{color:var(--red);}
.cf-submit{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;font-weight:700;font-size:15px;border-radius:12px;padding:12px 24px;border:none;box-shadow:0 8px 24px rgba(124,108,255,0.35);transition:0.2s;min-height:48px;}
.cf-submit:before{width:1.06666667em;height:1.06666667em;display:block;content:'';background:url(images/send.svg) no-repeat center center;background-size:contain;}
.cf-submit:hover{transform:translateY(-2px);}
.cm-list{display:flex;flex-direction:column;gap:7px;}
.cm-item{display:flex;gap:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.cm-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--grad);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center;overflow:hidden;}
.cm-av img{display:block;width:100%;height:100%;object-fit:cover;}
.cm-body{flex:1;min-width:0;}
.cm-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.cm-name{font-size:14.5px;font-weight:700;}
.cm-time{font-size:11.5px;color:var(--text-faint);}
.cm-text{font-size:14.5px;color:var(--text);line-height:1.8;word-break:break-word;margin-top:9px;background:rgba(4,8,20,0.38);border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
.cm-reply-btn{font-size:12px;color:var(--acc-2);background:rgba(63,208,255,0.08);border:1px solid rgba(63,208,255,0.28);padding:5px 12px;border-radius:999px;cursor:pointer;margin-left:auto;font-weight:600;flex-shrink:0;min-height:32px;display:inline-flex;align-items:center;transition:0.2s;}
.cm-reply-btn:hover{background:rgba(63,208,255,0.18);}
.cm-item .cm-item{margin-top:14px;}
@media (max-width:820px){
  .cm-reply-btn{min-height:44px;padding:8px 15px;}
}
.cm-rav{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:rgba(124,108,255,0.22);color:var(--acc-2);font-weight:700;font-size:13px;display:grid;place-items:center;overflow:hidden;}
.cm-rav img{display:block;width:100%;height:100%;object-fit:cover;}
.cm-reply-form{margin-top:14px;flex-direction:column;gap:10px;background:rgba(4,8,20,0.4);border:1px dashed var(--line-strong);border-radius:12px;padding:14px;display:none;}
.cm-reply-form.show{display:flex;}
.cm-reply-form[hidden]{display:none;}
.cm-reply-form .cf-foot{margin-top:0;}
.cf-submit.sm{padding:9px 20px;min-height:40px;font-size:14px;}
.cm-empty{text-align:center;color:var(--text-faint);padding:30px 0;border:1px dashed var(--line-strong);border-radius:12px;font-size:14px;}
.cm-empty b{display:block;font-size:15px;color:var(--text-dim);margin-bottom:4px;}
.err-tip{color:var(--red);font-size:13px;min-height:18px;}
@media (max-width:720px){
  .comments{padding:24px 20px;}
  .cf-row{flex-direction:column;}
}

/* ===== 访客留言页 ===== */
.guest{max-width:820px;margin:0 auto;padding:22px 24px 56px;}
.guest .block-head{margin-bottom:6px;}
.guest-sub{color:var(--text-dim);font-size:14px;margin-bottom:4px;}
.guest-form{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:28px 32px;margin-top:20px;}
.guest-form .field {margin-bottom:14px;}
.guest-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.guest-row .field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px;}
.guest-row .field label b{color:var(--red);}
.guest .cf-err{display:block;min-height:18px;margin-top:-8px;}
.guest-list{margin-top:26px;}
.guest-list .gl-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.guest-list .gl-head h3{font-size:17px;font-weight:800;}
.guest-list .gl-head .cnt{font-size:12px;color:var(--acc-2);background:rgba(63,208,255,0.1);border:1px solid rgba(63,208,255,0.25);padding:2px 10px;border-radius:999px;}
.guest-list .demo-note{font-size:12px;color:var(--text-faint);margin-bottom:18px;}
.guest-form .flex-row {display: flex; gap:14px;}
.guest-form .flex-row .field {flex:1;}
@media (max-width:640px){
  .guest{padding:18px 18px 48px;}
  .guest-form{padding:22px 20px;}
  .guest-row{grid-template-columns:1fr;}
}

/* ===== 提交页 ===== */
.submit{max-width:760px;margin:0 auto;padding:26px 24px 56px;}
.submit-note{color:var(--text-dim);font-size:14px;margin-bottom:6px;}
.form-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:30px 34px;margin-top:20px;}
.form-sec{margin-bottom:26px;}
.form-sec:last-child{margin-bottom:0;}
.form-sec .sec-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:16px;}
.form-sec .sec-title .num{width:26px;height:26px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:13px;color:#fff;}
.form-sec .sec-title .tips{font-size:12px;color:var(--text-faint);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px;}
.field label b{color:var(--red);}
.field input,.field select,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:12px 15px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:0.2s;}
.field textarea{min-height:130px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acc-1);}
.form-note{font-size:12.5px;color:var(--text-faint);margin-top:6px;}
.form-check{position:relative;display:flex;gap:12px;align-items:center;min-height:44px;margin-top:6px;color:var(--text-dim);font-size:13.5px;cursor:pointer;padding-left:36px;}
.form-check input{position:absolute;left:0;top:0;width:44px;height:44px;opacity:0;cursor:pointer;margin:0;}
.cb-box{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:2px solid var(--line-strong);border-radius:6px;background:var(--surface-2);pointer-events:none;transition:0.2s;}
.cb-box:after{position:absolute;inset:0;margin:auto;width:13px;height:13px;opacity:0;background:url(images/yes.svg) no-repeat center center;background-size:contain;content:'';display:block;}
.form-check input:checked + .cb-box{background:rgba(61,220,151,0.15);border-color:var(--green);}
.form-check input:checked + .cb-box:after{opacity:1;}
.submit-btn{width:100%;justify-content:center;margin-top:8px;}
.form-result{text-align:center;padding:36px 20px;}
.form-result .icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background-color:rgba(61,220,151,0.12);border:2px solid rgba(61,220,151,0.4);}
.form-result .icon:after{width:47.22222222%;height:47.22222222%;display:block;content:'';background:no-repeat center center;background-size:contain;}
.form-result .ok:after{background-image:url(images/yes.svg);}
.form-result .no{border-color:#FF6B7A;background-color:rgba(255,107,122,0.12);}
.form-result .no:after{background-image:url(images/no.svg);}
.form-result h2{font-size:22px;font-weight:800;margin-bottom:10px;}
.form-result p{color:var(--text-dim);font-size:14.5px;margin-bottom:24px;}
.form-result .button{justify-content:center;display:flex;flex-wrap:wrap;gap:14px;}
.form-result .preview{background-color:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:18px 25px;text-align:left;font-size:13.5px;color:var(--text-dim);line-height:1.8;margin-bottom:20px;}
.form-result .preview ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.form-result .preview li{width:49%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:640px){
  .submit{padding:20px 18px 48px;}
  .form-card{padding:22px 20px;}
  .form-grid{grid-template-columns:1fr;}
}

/* ===== 关于 ===== */
.about{max-width:1040px;margin:0 auto;padding:10px 24px 56px;}
.about .hero{padding:30px 20px 26px;}

/* 合并重复的卡片表面样式 */
.mission,.prod,.stat-card,.tl-card,.value{background:var(--surface);border:1px solid var(--line);}
.mission{border-color:var(--line-strong);border-radius:20px;padding:32px 38px;position:relative;overflow:hidden;}
.mission::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);}
.mission p{font-size:15.5px;color:var(--text-dim);line-height:2;}
.mission p strong{color:var(--text);}
.mission small{color:var(--text-faint);font-size:13px;}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.prod{display:flex;flex-direction:column;gap:14px;border-radius:var(--radius);padding:24px;transition:0.25s;cursor:pointer;text-align:left;}
.prod:hover{transform:translateY(-4px);border-color:var(--line-strong);background:var(--surface-2);}
.prod .p-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--grad);color:#fff;}
.prod .p-ic img{width:50%;height:50%;display:block;object-fit:contain;}
.prod h3{font-size:16px;font-weight:700;}
.prod p{font-size:13px;color:var(--text-dim);flex:1;}
.prod .p-go{font-size:12.5px;color:var(--acc-2);font-weight:600;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-card{border-radius:var(--radius);padding:24px;text-align:center;}
.stat-card:last-child{grid-column:1 / -1;}
.stat-card b{font-size:32px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat-card span{display:block;font-size:13px;color:var(--text-faint);margin-top:6px;}
.timeline{display:grid;grid-template-columns:minmax(88px,120px) 24px 1fr;}
.tl-row{display:contents;}
.tl-time{padding:4px 0 28px;text-align:right;font-size:14px;color:var(--text-faint);font-weight:600;}
.tl-axis{position:relative;justify-self:center;}
.tl-axis .line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--line-strong);}
.tl-axis .dot{position:relative;z-index:1;top:6px;width:14px;height:14px;border-radius:50%;background:var(--grad);box-shadow:0 0 14px rgba(124,108,255,0.55);}
.tl-card{margin:0 0 28px;border-radius:14px;padding:15px 20px;align-self:start;}
.tl-card h4{font-size:15px;font-weight:700;margin-bottom:5px;}
.tl-card p{font-size:13.5px;color:var(--text-dim);}
.tl-row:last-child .tl-card{margin-bottom:0;}
.tl-row:last-child .tl-axis .line{display:none;}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.value{border-radius:var(--radius);padding:26px;}
.value .v-num{font-size:12px;font-weight:700;color:var(--acc-2);letter-spacing:1px;margin-bottom:10px;}
.value h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.value p{font-size:13.5px;color:var(--text-dim);line-height:1.8;}
.contact{background:linear-gradient(120deg,rgba(124,108,255,0.14),rgba(63,208,255,0.08)),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:32px 38px;}
.contact h3{font-size:21px;font-weight:800;margin-bottom:8px;}
.contact > p{color:var(--text-dim);font-size:14.5px;margin-bottom:22px;}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap;}
.contact .foot-note{font-size:12.5px;color:var(--text-faint);margin-top:20px;}
@media (max-width:1020px){
  .products,.stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:820px){
  .mission,.contact{padding:24px 22px;}
  .values{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .timeline{grid-template-columns:70px 20px 1fr;}
  .tl-time{font-size:13px;}
  .about{padding:8px 18px 48px;}
}
@media (max-width:420px){
  .products,.stats{grid-template-columns:1fr;}
}

/* ===== 广告位 ===== */
.ad-banner{overflow:hidden;border-radius:16px;}
.ad-banner a{display:block;}
.ad-banner img{display:block;width:100%;height:auto;}
.ad-mgb{margin-bottom:26px;}
.ad-mgt{margin-top:26px;}
.ad-slot{position:relative;border:1px dashed rgba(160,180,255,0.3);border-radius:16px;background:linear-gradient(120deg,rgba(124,108,255,0.06),rgba(63,208,255,0.04));display:flex;align-items:center;gap:15px;padding:17px 22px;color:var(--text-dim);overflow:hidden;}
.ad-slot .ad-badge{position:absolute;top:10px;right:12px;font-size:10px;letter-spacing:1px;color:var(--text-faint);border:1px solid var(--line);border-radius:4px;padding:2px 7px;}
.ad-slot .ad-ic{width:40px;height:40px;border-radius:11px;background:var(--grad);display:grid;place-items:center;color:#fff;flex-shrink:0;position:relative;}
.ad-slot .ad-ic:after{width:100%;height:100%;background:url(images/ad_icon.svg) no-repeat center center;background-size:50% auto;display:block;content:'';}
.ad-slot .ad-txt{text-align:left;}
.ad-slot h5{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px;}
.ad-slot p{font-size:12.5px;color:var(--text-faint);line-height:1.6;}
.ad-side{border-radius:var(--radius);padding:15px 16px;gap:12px;}
.ad-center{justify-content:center;text-align:center;flex-direction:column;gap:8px;}
.ad-center .ad-ic{margin:0 auto;}
.ad-narrow{max-width:760px;margin:6px auto 26px;}
@media (max-width:640px){
  .ad-slot{padding:14px 16px;}
  .ad-top{padding:4px 18px 0;}
}

/* ===== 底部 ===== */
footer{padding:40px 24px 30px;}
.foot-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:26px;}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}
.foot-top h6{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:0.5px;}
.foot-top a{display:block;font-size:13px;color:var(--text-dim);padding:5px 0;text-decoration:none;}
.foot-top a:hover{color:var(--text);}
.foot-brand{display:flex;flex-direction:column;gap:10px;max-width:490px;flex:1;}
.foot-brand .fb-row{display:flex;align-items:center;gap:10px;}
.foot-brand .fb-ico{width:34px;height:34px;display:grid;place-items:center;color:#fff;}
.foot-brand .fb-ico img{display:block;width:100%;height:100%;object-fit:contain;}
.foot-brand .fb-name{font-size:18px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.foot-brand .fb-desc{font-size:13px;color:var(--text-faint);line-height:1.9;}
.foot-contact ul{list-style:none;}
.foot-contact li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text-dim);padding:5px 0;}
.foot-contact li:before{width:1.07142857em;height:1.07142857em;display:block;content:'';background:no-repeat center center;background-size:contain;}
.foot-contact .mail:before{background-image:url(images/contact_email.svg);}
.foot-contact .wechat:before{background-image:url(images/contact_wechat.svg);}
.foot-contact .phone:before{background-image:url(images/contact_phone.svg);}
.foot-social .fb-row{display:flex;gap:10px;margin-top:2px;flex-wrap:wrap;}
.foot-social a{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background-color:var(--surface);transition:0.2s;min-height:40px;text-indent:-8888em;overflow:hidden;position:relative;}
.foot-social a:after{width:90%;height:42%;background:no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';display:block;}
.foot-social .wb:after{background-image:url(images/icon_weibo.svg);}
.foot-social .dy:after{background-image:url(images/icon_douyin.svg);}
.foot-social .xhs:after{background-image:url(images/icon_xiaohongshu.svg);}
.foot-social .bi:after{background-image:url(images/icon_bilibili.svg);}
.foot-social .qq:after{background-image:url(images/icon_qq.svg);}
.foot-social a:hover{color:#fff;border-color:var(--acc-1);transform:translateY(-2px);box-shadow:0 8px 20px rgba(124,108,255,0.18);}
.foot-bottom{padding-top:20px;text-align:center;font-size:14px;color:var(--text-faint);}
.foot-bottom a{color:var(--text-faint);}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  html{scroll-behavior:auto;}
}
@media (max-width:860px){
  .foot-brand{width:100%;max-width:none;flex:auto;}
}
#view{position:relative;z-index:5;min-height:70vh;}