/* ============================================================================
   AILANG SYSTEM V2.6 — 全站统一视觉规范（Single Source of Truth）
   基准页：index.html（为 AI 建造·一艘算力母舰）
   本文件供所有内页（services / privacy / 3d / 404）引用。
   🔴 铁律：:root 令牌必须与 index.html 内联 style 逐字一致，不得私自增删色值。
   ============================================================================ */

:root{
    --bg:#04060D; --bg2:#070A16; --panel:#0E141B; --panel2:#111922;
    --line:#26313D; --line2:#3B4A5A;
    --amber:#FFA328; --amber2:#FFC15E; --warn:#FFD166;
    --txt:#D9E4EF; --dim:#75879A; --dim2:#4E5E6E;
    --f-cn:"Microsoft YaHei","Microsoft YaHei UI",sans-serif;
    --f-num:"DIN Next LT Pro","Bahnschrift","Arial Narrow",Consolas,monospace;
    --f-mono:Consolas,"Courier New",monospace;
    /* 内页排版用的横向留白（首页固定 48px，内页随视口收缩） */
    --pad:clamp(18px,4.6vw,48px);
    --max:1440px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{background:#04060D;scroll-behavior:smooth;scroll-padding-top:126px;-webkit-text-size-adjust:100%;}
body{
    min-height:100vh;
    font-family:var(--f-cn); color:var(--txt); background:var(--bg);
    -webkit-font-smoothing:antialiased; font-size:15px; line-height:1.7;
    background-image:
      radial-gradient(ellipse 120% 62% at 50% -10%, #0B1530 0%, transparent 62%),
      radial-gradient(ellipse 92% 52% at 85% 30%, #0C0A24 0%, transparent 56%),
      linear-gradient(180deg,#050814 0%,#070A1A 34%,#050812 68%,#03050C 100%);
    background-attachment:fixed;
}
/* 极细网格 + 颗粒：与首页 .stage::before/.after 同一套纹理语法 */
body::before{
    content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
    background-image:
      linear-gradient(to right, rgba(70,92,120,.10) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(70,92,120,.08) 1px, transparent 1px);
    background-size:40px 40px;
    mask-image:radial-gradient(ellipse 90% 70% at 50% 30%, #000 20%, transparent 100%);
}
body::after{
    content:''; position:fixed; inset:0; pointer-events:none; opacity:.10; z-index:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
}
a{color:inherit;text-decoration:none;}
::selection{background:rgba(255,163,40,.28);color:#fff;}

/* 星空画布（由 v26-shell.js 注入） */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.sky .neb{position:absolute;border-radius:50%;filter:blur(64px);}
.sky .neb.n1{left:-10%;top:-2%;width:960px;height:760px;background:radial-gradient(circle,rgba(64,96,255,.25),rgba(64,96,255,.07) 52%,transparent 70%);animation:breathe 26s ease-in-out infinite;}
.sky .neb.n2{right:-14%;top:34%;width:1040px;height:860px;background:radial-gradient(circle,rgba(158,74,255,.21),rgba(158,74,255,.06) 54%,transparent 72%);animation:breathe 33s ease-in-out infinite;animation-delay:-9s;}
.sky .neb.n3{left:8%;top:56%;width:1040px;height:760px;background:radial-gradient(circle,rgba(24,196,232,.14),rgba(24,196,232,.04) 55%,transparent 72%);animation:breathe 41s ease-in-out infinite;animation-delay:-18s;}
.sky svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
@keyframes breathe{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes twinkle{0%,100%{opacity:.22}50%{opacity:1}}

/* ============ A. 顶部系统条（与首页同参数） ============ */
.sysbar{
    position:relative; z-index:20;
    height:34px; display:flex; align-items:center; gap:22px;
    padding:0 var(--pad);
    background:linear-gradient(180deg,rgba(10,16,30,.64),rgba(4,7,14,.44));
    border-bottom:1px solid var(--line);
    font-family:var(--f-mono); font-size:10.5px; letter-spacing:.14em;
    color:var(--dim);
}
.sysbar .dot{width:6px;height:6px;background:var(--amber);border-radius:50%;
    box-shadow:0 0 8px var(--amber);display:inline-block;margin-right:8px;}
.sysbar b{color:var(--amber2);font-weight:400;}
.ruler{flex:1;height:9px;
    background-image:repeating-linear-gradient(to right,var(--line2) 0 1px,transparent 1px 8px);
    mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
    opacity:.8;}
.ruler.tall{height:9px;background-image:repeating-linear-gradient(to right,var(--dim2) 0 1px,transparent 1px 40px);}

/* ============ B. 导航 ============ */
.nav{
    position:relative; z-index:19;
    height:78px; display:flex; align-items:center; padding:0 var(--pad);
    border-bottom:1px solid rgba(38,49,61,.7);
    background:rgba(5,8,17,.72); backdrop-filter:blur(10px);
}
.nav.sticky{position:sticky;top:0;}
.brand{display:flex;align-items:center;gap:13px;}
.hexlogo{width:38px;height:42px;position:relative;display:grid;place-items:center;flex:0 0 auto;}
.hexlogo svg{position:absolute;inset:0;}
.hexlogo span{font-family:var(--f-num);font-size:15px;color:var(--amber);font-weight:700;letter-spacing:.02em;}
.brand .bt{font-size:16.5px;font-weight:700;letter-spacing:.1em;color:var(--txt);}
.brand .bs{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.26em;color:var(--dim);margin-top:3px;}
.navlinks{display:flex;gap:34px;margin-left:64px;}
.navlinks a{display:flex;align-items:baseline;gap:7px;color:var(--dim);font-size:13.5px;letter-spacing:.06em;transition:.2s;}
.navlinks a i{font-family:var(--f-mono);font-style:normal;font-size:9px;color:var(--dim2);}
.navlinks a:hover{color:var(--txt);}
.navlinks a.on{color:var(--txt);}
.navlinks a.on i{color:var(--amber);}
.navright{margin-left:auto;display:flex;align-items:center;gap:18px;}
.pill{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10px;
    letter-spacing:.12em;color:#8ED9A0;padding:5px 11px;border:1px solid rgba(110,200,140,.25);
    background:rgba(50,120,80,.12);white-space:nowrap;}
.pill i{width:5px;height:5px;border-radius:50%;background:#6FD48A;box-shadow:0 0 7px #6FD48A;display:block;}
.btn{
    display:inline-block; font-size:13.5px; letter-spacing:.1em; color:#100C04; font-weight:700;
    background:linear-gradient(180deg,var(--amber2),var(--amber));
    padding:12px 26px; white-space:nowrap;
    clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow:0 0 0 1px rgba(255,180,80,.25), 0 6px 26px rgba(255,150,40,.18);
    transition:.22s;
}
.btn:hover{background:linear-gradient(180deg,#FFD08A,var(--amber2));box-shadow:0 0 0 1px rgba(255,190,100,.4),0 8px 34px rgba(255,150,40,.3);}
.btn2{display:inline-block;font-size:13.5px;letter-spacing:.1em;color:#C6D6E4;
    padding:12px 26px;border:1px solid var(--line2);background:rgba(20,28,36,.5);
    clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    transition:.22s;white-space:nowrap;}
.btn2:hover{border-color:var(--amber);color:var(--amber2);}

/* ============ C. 内页容器与标题区 ============ */
.main{position:relative;z-index:3;max-width:var(--max);margin:0 auto;padding:0 var(--pad);}
.crumb{display:flex;gap:10px;align-items:center;font-family:var(--f-mono);font-size:10px;
    letter-spacing:.16em;color:var(--dim2);padding:22px 0 0;}
.crumb a{color:var(--dim);}
.crumb a:hover{color:var(--amber2);}
.pagehd{padding:34px 0 44px;border-bottom:1px solid var(--line);}
.kicker{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);
    font-size:10.5px;letter-spacing:.24em;color:var(--amber);margin-bottom:22px;}
.kicker .bar{width:52px;height:1px;background:linear-gradient(90deg,var(--amber),transparent);}
.kicker em{font-style:normal;color:var(--dim);letter-spacing:.16em;}
.pagehd h1{font-size:clamp(30px,4.4vw,52px);line-height:1.16;font-weight:700;letter-spacing:.02em;
    color:#F2F7FC;text-shadow:0 0 44px rgba(120,170,220,.16);text-wrap:balance;}
.pagehd h1 .amb{color:var(--amber);text-shadow:0 0 34px rgba(255,163,40,.34);}
.pagehd h1 .thin{font-weight:400;color:#A9BED1;}
.pagehd .sub{margin-top:22px;font-size:15px;line-height:2.05;color:#94A8BC;max-width:760px;letter-spacing:.02em;}
.pagehd .sub b{color:#D9E4EF;font-weight:600;}
.pagehd .meta{display:flex;flex-wrap:wrap;gap:36px;margin-top:30px;}
.pagehd .meta div{position:relative;padding-left:14px;}
.pagehd .meta div::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--line2);}
.pagehd .meta b{display:block;font-family:var(--f-num);font-size:24px;font-weight:400;color:#E7F0F8;letter-spacing:.02em;}
.pagehd .meta b s{text-decoration:none;font-size:12px;color:var(--dim);margin-left:4px;}
.pagehd .meta span{display:block;font-size:10.5px;color:var(--dim);letter-spacing:.18em;margin-top:6px;font-family:var(--f-mono);}

/* ============ D. 区块标题（同首页 .sechd） ============ */
.sec{padding:64px 0 0;}
.sechd{display:flex;align-items:flex-end;gap:26px;margin-bottom:32px;}
.sechd h2{font-size:clamp(23px,2.6vw,32px);font-weight:700;letter-spacing:.05em;color:#E9F1F8;}
.sechd .en{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.3em;color:var(--dim);padding-bottom:8px;}
.sechd .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent);margin-bottom:12px;}
.sechd .idx{font-family:var(--f-num);font-size:12px;color:var(--dim2);letter-spacing:.2em;padding-bottom:9px;}

/* ============ E. 卡片（同首页 .card） ============ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cards.g2{grid-template-columns:repeat(2,1fr);}
.cards.g4{grid-template-columns:repeat(4,1fr);gap:16px;}
.card{position:relative;padding:34px 30px 30px;background:linear-gradient(165deg,#101822,#0B1118);
    border:1px solid var(--line);
    clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
    transition:.25s;}
.card:hover{border-color:rgba(255,163,40,.4);background:linear-gradient(165deg,#131C28,#0C131C);}
.card::before{content:'';position:absolute;top:0;left:0;width:64px;height:2px;background:var(--amber);}
.card .no{font-family:var(--f-num);font-size:11px;letter-spacing:.2em;color:var(--dim2);}
.card .ic{width:44px;height:44px;margin:20px 0;display:grid;place-items:center;
    border:1px solid rgba(255,163,40,.28);background:rgba(255,163,40,.05);
    font-size:18px;color:var(--amber);line-height:1;}
.card h3{font-size:19px;font-weight:700;letter-spacing:.06em;color:#EDF4FA;}
.card .e{font-family:var(--f-mono);font-size:9px;letter-spacing:.24em;color:var(--amber);margin-top:7px;}
.card p{font-size:13px;line-height:1.95;color:#8CA0B4;margin-top:16px;}
.card ul{list-style:none;margin-top:14px;border-top:1px solid rgba(38,49,61,.8);padding-top:14px;}
.card li{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:10.5px;
    color:var(--dim);letter-spacing:.06em;padding:5px 0;}
.card li b{color:#C6D6E4;font-weight:400;text-align:right;}
.card .go{display:inline-block;margin-top:16px;font-family:var(--f-mono);font-size:10px;
    color:var(--amber2);letter-spacing:.16em;}

/* ============ F. 业务详情块（services.html） ============ */
.blk{position:relative;padding:48px 0;border-top:1px solid var(--line);}
.blk:first-of-type{border-top:0;padding-top:56px;}
.blk .bhd{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.blk .bhd .gl{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;
    border:1px solid rgba(255,163,40,.28);background:rgba(255,163,40,.05);color:var(--amber);font-size:17px;}
.blk .bhd h2{font-size:clamp(21px,2.3vw,27px);font-weight:700;letter-spacing:.05em;color:#E9F1F8;}
.blk .bhd .en{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.28em;color:var(--amber);margin-top:5px;}
.blk .bhd .bidx{margin-left:auto;font-family:var(--f-num);font-size:12px;color:var(--dim2);letter-spacing:.2em;}
.blk .intro{font-size:14.5px;line-height:2.05;color:#94A8BC;max-width:920px;}
.blk .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.blk .cols>div{background:linear-gradient(165deg,rgba(16,24,34,.72),rgba(11,17,24,.9));
    border:1px solid var(--line);padding:24px 22px;
    clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);}
.blk .cols h4{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--amber);
    font-weight:400;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(38,49,61,.8);}
.blk .cols ul{list-style:none;}
.blk .cols li{position:relative;padding-left:15px;font-size:12.5px;line-height:1.85;
    color:#8CA0B4;margin-bottom:8px;}
.blk .cols li::before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;
    background:var(--amber);opacity:.7;}
.blk .bnote{margin-top:20px;padding:14px 18px;border-left:2px solid rgba(255,163,40,.5);
    background:rgba(255,163,40,.035);font-size:12px;line-height:1.9;color:var(--dim);}
.blk .bact{margin-top:22px;}

/* ============ G. 长文排版（privacy.html） ============ */
.doc{padding:52px 0 0;max-width:940px;}
.doc .lead{font-size:14.5px;line-height:2.1;color:#A6B9CB;
    border-left:2px solid var(--amber);padding-left:20px;margin-bottom:12px;}
.doc h2{position:relative;font-size:20px;font-weight:700;letter-spacing:.05em;color:#E9F1F8;
    margin:46px 0 16px;padding-left:20px;}
.doc h2::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:2px;
    background:linear-gradient(180deg,var(--amber),rgba(255,163,40,.15));}
.doc h2 i{font-style:normal;font-family:var(--f-num);font-size:12px;color:var(--dim2);
    letter-spacing:.2em;margin-right:12px;vertical-align:2px;}
.doc p{font-size:14px;line-height:2.1;color:#8CA0B4;margin-bottom:14px;}
.doc p b{color:#D9E4EF;font-weight:600;}
.doc ul{list-style:none;margin:6px 0 16px;}
.doc li{position:relative;padding-left:18px;font-size:13.5px;line-height:2;color:#8CA0B4;}
.doc li::before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;
    border:1px solid rgba(255,163,40,.6);transform:rotate(45deg);}
.doc .eff{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--dim2);margin:18px 0 10px;}
.disc{margin:44px 0 0;padding:24px 26px;border:1px solid var(--line);
    background:linear-gradient(165deg,rgba(16,24,34,.72),rgba(10,15,20,.86));
    font-size:12.5px;line-height:2;color:var(--dim);}
.disc b{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;
    color:var(--amber);font-weight:400;margin-bottom:10px;}

/* ============ H. Footer（同首页） ============ */
footer{margin-top:72px;border-top:1px solid var(--line);padding:38px var(--pad) 30px;
    display:flex;align-items:flex-start;gap:60px;flex-wrap:wrap;
    background:linear-gradient(180deg,rgba(4,6,12,.55),rgba(3,5,10,.92));
    position:relative;z-index:3;}
footer .fb{font-size:12px;color:var(--dim);line-height:2.1;}
footer .fb b{color:#B9CBDC;font-size:13px;letter-spacing:.08em;}
footer .cols{margin-left:auto;display:flex;gap:64px;flex-wrap:wrap;}
footer .cols div{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:var(--dim);line-height:2.2;}
footer .cols div i{display:block;font-style:normal;color:#8FA3B6;font-family:var(--f-cn);
    font-size:11px;margin-bottom:6px;letter-spacing:.16em;font-family:var(--f-cn);}
footer a{color:var(--dim);}
footer a:hover{color:var(--amber2);}
footer .icp{color:var(--dim);}
footer .galine{display:block;margin-top:9px;}
footer .galine .icp{margin-right:14px;}
footer .galine .icp.ga{margin-left:0;}
footer .icp.ga{margin-left:10px;}
footer .ghs{width:1em;height:1em;vertical-align:-.12em;margin-right:3px;}

/* 进场动效（轻量，仅一次） */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1;transform:none;}

/* ============ 响应式降级 ============ */
@media(max-width:1180px){
  .navlinks{gap:22px;margin-left:34px;}
  .navlinks a span{display:none;}
  .cards.g4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:960px){
  .navlinks{display:none;}
  .cards,.cards.g2,.cards.g4{grid-template-columns:1fr 1fr;}
  .blk .cols{grid-template-columns:1fr;}
  footer{gap:28px;}
  footer .cols{margin-left:0;width:100%;gap:34px;}
}
@media(max-width:680px){
  html{scroll-padding-top:80px;}
  .sysbar{height:30px;font-size:9px;gap:12px;letter-spacing:.1em;overflow:hidden;}
  .sysbar .ruler.tall{display:none;}
  /* 390px 下保留系统标识 + 时钟，隐去航队规模，避免内容被裁 */
  .sysbar>span:nth-of-type(2){display:none;}
  .nav{height:64px;}
  .brand .bt{font-size:15px;}
  .brand .bs{font-size:7.5px;letter-spacing:.2em;}
  .hexlogo{width:32px;height:36px;}
  .navright .pill{display:none;}
  .btn{padding:10px 18px;font-size:12.5px;}
  .cards,.cards.g2,.cards.g4{grid-template-columns:1fr;}
  .pagehd{padding:26px 0 34px;}
  .pagehd .meta{gap:24px;}
  .sec{padding:46px 0 0;}
  .doc h2{font-size:18px;margin:36px 0 14px;}
  footer{padding:30px var(--pad) 26px;}
  footer .cols div{font-size:9.5px;}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .rv{opacity:1;transform:none;}
}