/* 全站统一层（2026-10-01）· 配合 qidian-site-map.js
   一张固定在背景里的业务网络地图贯穿所有页面；浅色区块统一改为深色半透明，让网络从背后透出来；
   旧的建筑照片背景全部撤掉，各页顶部直接露出本页对应的节点。
   默认全部可见：只有脚本接管（html.qdm-js）后，滚动浮现才会先藏再显。 */
@font-face{font-family:"QD Serif SC";src:url(/assets/fonts/qd-serif-site.woff2?v=1001a) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"QD Instrument";src:url(/assets/fonts/qd-instrument.woff2?v=1001c) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"QD Instrument";src:url(/assets/fonts/qd-instrument-italic.woff2?v=1001c) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"QD Mono";src:url(/assets/fonts/qd-mono.woff2?v=1001c) format("woff2");font-weight:100 800;font-display:swap}

:root{--qd-bg:#04070b;--qd-panel:rgba(6,11,17,.74);--qd-panel-2:rgba(9,15,23,.6);--qd-line:#ffffff14;--qd-line-2:#ffffff24;
  --qd-ink:#f1efe9;--qd-text:#c0cbd6;--qd-mute:#8597a9;--qd-gold:#e9cf9f;--qd-blue:#a9c6ff;
  --qd-serif:"QD Serif SC","Songti SC","STSong","Noto Serif SC",serif;--qd-latin:"QD Instrument","Times New Roman",serif;--qd-mono:"QD Mono",ui-monospace,"SF Mono",Menlo,monospace}

/* ---------- 背景地图 ---------- */
.qdm-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block}
html.qdm-site body[data-design]{background:var(--qd-bg)!important;color:var(--qd-text)}

/* ---------- 统一底色：所有区块深色半透明（首页首屏除外，它有自己的引擎） ---------- */
html.qdm-site body[data-design] :is(main section,body>section,body>main>div>section):not(.hero){
  background-color:var(--qd-panel)!important;background-image:none!important;border-color:var(--qd-line)!important;color:var(--qd-text)}
html.qdm-site body[data-design] :is(main section,body>section):not(.hero):nth-of-type(even){background-color:var(--qd-panel-2)!important}
/* 各页顶部：撤掉旧建筑照片，透明露出本页节点 */
html.qdm-site body[data-design] :is(.page-hero,[class$="-hero"],[class*="-hero "],.gate-hero){background:linear-gradient(90deg,#04070bd9 0%,#04070b8c 42%,transparent 70%)!important;border-color:var(--qd-line)!important}
html.qdm-site body[data-design] :is(.page-hero,[class$="-hero"],[class*="-hero "]) img{opacity:.9;border-radius:14px}
/* 首页最底部那块旧建筑图 */
html.qdm-site body[data-design] :is(.qcta,.final-cta,.closing,.contact-cta,.cta-band,[class*="cta"]):not(a):not(button):not(.nav-cta):not(.herocta){background-image:none!important}

/* ---------- 文字 ---------- */
html.qdm-site body[data-design] :is(main,body>section,footer) :is(h1,h2,h3,h4){color:var(--qd-ink)!important;font-family:var(--qd-serif);font-weight:500;letter-spacing:.01em}
html.qdm-site body[data-design] :is(main,body>section) h1{font-weight:500;letter-spacing:-.005em}
html.qdm-site body[data-design] :is(main,body>section,footer) :is(p,li,dd,td,small,span,label,figcaption,blockquote){color:inherit}
html.qdm-site body[data-design] :is(main,body>section) :is(p,li,dd,td,figcaption){color:var(--qd-text)!important}
html.qdm-site body[data-design] :is(main,body>section) :is(.eyebrow,.kicker,.label,.breadcrumb,[class*="eyebrow"],[class*="kicker"]){color:var(--qd-mute)!important;letter-spacing:.2em}
html.qdm-site body[data-design] :is(main,body>section) :is(strong,b,dt,th){color:var(--qd-ink)}
html.qdm-site body[data-design] :is(main,body>section) a:not(.btn):not(.nav-cta):not([class*="btn"]):not(.qdm-card){color:inherit}
html.qdm-site body[data-design] :is(main,body>section) em{color:var(--qd-mute)}
html.qdm-site body[data-design] :is(main,body>section) :is(em,[class*="num"],[class*="index"]):not(.qp-ai){font-family:var(--qd-latin)}

/* ---------- 卡片：统一玻璃质感 + 跟手的光 ---------- */
html.qdm-site body[data-design] .qdm-card{background:radial-gradient(260px circle at var(--cx,-400px) var(--cy,-400px),#a9c6ff14,transparent 70%),rgba(12,20,30,.55)!important;
  border:1px solid var(--qd-line)!important;border-radius:14px;box-shadow:none!important;color:var(--qd-text)!important;
  transition:border-color .35s,transform .45s cubic-bezier(.2,.7,.2,1),background-color .35s}
html.qdm-site body[data-design] .qdm-card:hover{border-color:#e9cf9f44!important;transform:translateY(-3px)}
html.qdm-site body[data-design] .qdm-card :is(h2,h3,h4,strong,b){color:var(--qd-ink)!important}

/* ---------- 列表行、表格、表单 ---------- */
html.qdm-site body[data-design] :is(main,body>section) :is(hr,table,tr,td,th,li,dl,.row,[class*="list"]>a){border-color:var(--qd-line)!important}
html.qdm-site body[data-design] :is(input,textarea,select){background:#0b131ccc!important;color:var(--qd-ink)!important;border:1px solid var(--qd-line-2)!important}
html.qdm-site body[data-design] :is(input,textarea)::placeholder{color:#6f8294}
html.qdm-site body[data-design] :is(main,body>section) :is(table){background:transparent!important}
html.qdm-site body[data-design] :is(main,body>section) :is(details,summary){background:transparent!important;color:var(--qd-text)}

/* ---------- 次级链接：下划线从左长出；箭头微动 ---------- */
html.qdm-site body[data-design] :is(main,body>section) a:not(.btn):not([class*="btn"]):not(.qdm-card):not(.qp-lab):not(.qp-status){background-image:linear-gradient(90deg,var(--qd-gold),transparent);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s cubic-bezier(.2,.7,.2,1),color .3s}
html.qdm-site body[data-design] :is(main,body>section) a:not(.btn):not([class*="btn"]):not(.qdm-card):not(.qp-lab):not(.qp-status):hover{background-size:100% 1px;color:#fff!important}

/* ---------- 页脚与导航 ---------- */
html.qdm-site body[data-design] footer{background:#03060a!important;border-top:1px solid var(--qd-line)!important;color:var(--qd-mute)}
html.qdm-site body[data-design] footer a{color:var(--qd-text)}
html.qdm-site body[data-design] .site-head{background:linear-gradient(180deg,#04070be6,#04070bb3)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--qd-line)!important}

/* ---------- 本页节点名牌 ---------- */
.qdm-tag{position:fixed;left:0;top:0;z-index:0;pointer-events:none;display:flex;flex-direction:column;gap:6px;padding:0 0 0 26px;margin:-22px 0 0 18px;opacity:0;will-change:transform,opacity}
.qdm-tag:before{content:"";position:absolute;left:-8px;top:22px;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--qd-gold))}
.qdm-tag em{font:normal 400 10px/1 var(--qd-mono);letter-spacing:.24em;color:#8ea2b6}
.qdm-tag b{font:500 18px/1.2 var(--qd-serif);letter-spacing:.16em;color:#fff3de;text-shadow:0 0 24px #ffd9a040}
@media(max-width:760px){.qdm-tag{display:none}}

/* ---------- 转场：一圈光从节点处扩开盖住屏幕，新页面从同一圈光里收回 ---------- */
.qdm-veil{position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  background:radial-gradient(circle at var(--vx,50%) var(--vy,50%),#fff6e4 0,#bcd4ff 4%,#3d5f9a 11%,#0a1220 26%,#04070b 44%);
  clip-path:circle(0% at var(--vx,50%) var(--vy,50%));opacity:0;transition:clip-path .62s cubic-bezier(.7,0,.3,1),opacity .2s}
.qdm-veil.cover{clip-path:circle(150% at var(--vx,50%) var(--vy,50%));opacity:1;pointer-events:auto;transition:clip-path .62s cubic-bezier(.7,0,.3,1),opacity .12s}
.qdm-veil.uncover{clip-path:circle(0% at var(--vx,50%) var(--vy,50%));opacity:1;transition:clip-path .95s cubic-bezier(.2,.7,.2,1) .05s,opacity .3s .9s}

/* ---------- 滚动浮现（默认可见；脚本接管后才藏） ---------- */
html.qdm-js .qdm-rv{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter .9s}
html.qdm-js .qdm-rv.qdm-in{opacity:1;transform:none;filter:none}
html.qdm-js .qdm-rv.qdm-in>*{animation:qdmUp .9s cubic-bezier(.2,.7,.2,1) both}
html.qdm-js .qdm-rv.qdm-in>*:nth-child(2){animation-delay:.08s}
html.qdm-js .qdm-rv.qdm-in>*:nth-child(3){animation-delay:.16s}
html.qdm-js .qdm-rv.qdm-in>*:nth-child(n+4){animation-delay:.24s}
@keyframes qdmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* 打印与减少动态效果 */
@media (prefers-reduced-motion:reduce){.qdm-canvas,.qdm-tag,.qdm-veil{display:none!important}html.qdm-js .qdm-rv{opacity:1;transform:none;filter:none}}
@media print{.qdm-canvas,.qdm-tag,.qdm-veil{display:none!important}html.qdm-site body[data-design]{background:#fff!important;color:#111}}

/* ================= 第二版（10-01）：让网络从整页透出来 ================= */
/* 地图真跑起来（qdm-on）后：区块全部透明，只留卡片玻璃；文字区靠左侧渐暗保证可读 */
html.qdm-site.qdm-on body[data-design][data-design] :is(main section,body>section,body>main>div>section,article[class*="stage"],[class*="section"]):not(.hero):not(.qdm-card){
  background-color:transparent!important;background-image:none!important}
html.qdm-site.qdm-on body[data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero){
  background:linear-gradient(90deg,#04070bf2 0%,#04070bb8 38%,#04070b33 62%,transparent 78%)!important;min-height:min(80vh,760px);display:flex;flex-direction:column;justify-content:center}
html.qdm-site.qdm-on body[data-design][data-design] :is([class*="-hero "],.page-hero)::before,
html.qdm-site.qdm-on body[data-design][data-design] :is([class*="-hero "],.page-hero)::after{background-image:none!important}
/* 正文区：左侧一道很淡的暗幕，网络在右半边亮 */
html.qdm-site.qdm-on body[data-design] main{background:linear-gradient(90deg,#04070bcc 0%,#04070b8a 45%,#04070b30 75%,transparent 100%)}
/* 浅色区块全部转深（方法页「方案与验收」等暖色段） */
html.qdm-site body[data-design][data-design] :is([class*="--warm"],[class*="--light"],[class*="--paper"],[class*="--cream"]){background-color:transparent!important;color:var(--qd-text)!important}
html.qdm-site body[data-design][data-design] :is([class*="--warm"],[class*="--light"],[class*="--paper"]) :is(h1,h2,h3,h4,b,strong){color:var(--qd-ink)!important}
html.qdm-site body[data-design][data-design] :is([class*="--warm"],[class*="--light"],[class*="--paper"]) :is(p,span,li,em,dd){color:var(--qd-text)!important}
html.qdm-site body[data-design][data-design] :is([class*="--warm"],[class*="--light"],[class*="--paper"]) [class*="meta"] span{color:var(--qd-gold)!important}
/* 首页底部：旧建筑图撤掉，背景就是网络的 AI 核心 */
html.qdm-site body[data-design][data-design] .contactsection::before,
html.qdm-site body[data-design][data-design] .contactsection::after{background:transparent!important;background-image:none!important}
html.qdm-site body[data-design][data-design] .contactsection :is(img,picture,video){display:none!important}
html.qdm-site body[data-design][data-design] .contactsection{min-height:86vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  background:linear-gradient(90deg,#04070be0,#04070b55 55%,transparent)!important}

/* 分隔线：每个板块顶部一条细线，板块浮现时一道光从左扫到右 */
html.qdm-site.qdm-on body[data-design] main>:is(section,article){position:relative}
html.qdm-site.qdm-on body[data-design] main>:is(section,article)+:is(section,article)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,transparent,#ffd9a0 50%,transparent) -40% 0/36% 1px no-repeat,linear-gradient(90deg,transparent 0,#a9c6ff26 20%,#a9c6ff26 80%,transparent)}
html.qdm-site.qdm-on body[data-design] main>:is(section,article).qdm-in::before{animation:qdmSweep 2.2s cubic-bezier(.4,0,.2,1) .2s both}
@keyframes qdmSweep{from{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}

/* 标题进场：扫一道金光（和首屏「真正进入业务」同一种光） */
html.qdm-js body[data-design] .qdm-rv.qdm-in h2:not(:has(*)){background:linear-gradient(100deg,var(--qd-ink) 42%,#ffe2b0 50%,var(--qd-ink) 58%) 0 0/260% 100% repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:qdmGold 1.8s cubic-bezier(.3,0,.2,1) .35s both}
@keyframes qdmGold{from{background-position:120% 0}to{background-position:-20% 0}}

/* 小标题统一用等宽字 */
html.qdm-site body[data-design] :is(main,body>section) :is(.kicker,.eyebrow,[class*="eyebrow"],[class*="kicker"]){font-family:var(--qd-mono)!important;font-size:11px!important;letter-spacing:.26em!important;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){html.qdm-site body[data-design] *{animation:none!important}}
/* JS 认出来的浅色块：统一深色玻璃 */
html.qdm-site body[data-design][data-design] .qdm-dark{background:rgba(12,20,30,.62)!important;background-image:none!important;border:1px solid var(--qd-line-2)!important;color:var(--qd-text)!important;box-shadow:none!important}
html.qdm-site body[data-design][data-design] .qdm-dark :is(h1,h2,h3,h4,b,strong,dt){color:var(--qd-ink)!important}
html.qdm-site body[data-design][data-design] .qdm-dark :is(p,span,li,dd,em,small,a){color:var(--qd-text)!important}
/* 内页首屏大标题：放开宽度限制，按原文断行，不再一行挤两三个字 */
html.qdm-site body[data-design][data-design] :is([class*="-hero"],.page-hero) h1{max-width:min(13em,100%)!important;width:auto!important;text-wrap:balance}
html.qdm-site body[data-design][data-design] :is([class*="-hero__copy"]){max-width:min(980px,62vw)!important}
@media(max-width:760px){html.qdm-site body[data-design][data-design] :is([class*="-hero__copy"]){max-width:100%!important}}
/* 底色挪到最底层（html），body 透明：否则 body 的底色会盖住 z-index:-1 的背景网络 */
html.qdm-site.qdm-on.qdm-on{background:#04070b!important}
html.qdm-site.qdm-on body[data-design][data-design][data-design]{background:transparent!important;background-image:none!important}
html.qdm-site body[data-design][data-design] .contactsection .contactring{display:none!important}
/* 页脚：实心底，链接不压在网络上 */
html.qdm-site.qdm-on.qdm-on body[data-design][data-design] :is(footer,.site-footer,footer [class*="section"]){background-color:#03060a!important;position:relative}
html.qdm-site.qdm-on.qdm-on body[data-design][data-design] :is(.qfootmap,[class*="footmap"],[class*="sitemap"]){background:linear-gradient(180deg,#04070bcc,#03060a 18%)!important;position:relative}

/* no-flash: before the script runs */
html body[data-design][data-design][data-design] :is(.about-hero,.cases-hero,.collab-hero,.company-hero,.consult-hero,.data-hero,.demo-hero,.evidence-hero,.faq-page-hero,.founder-hero,.gate-hero,.happening-hero,.industries-hero,.media-hero,.method-hero,.page-hero,.platform-hero,.premium-member-hero,.privacy-hero,.qds-index-hero,.qds-page-hero,.qds-workspace-hero,.resources-hero,.service-hero,.workbench-hero){background-color:#04070b;background-image:linear-gradient(90deg,#04070bf5 0%,#04070bc4 40%,#04070b40 70%,#04070b10),url(/assets/hero-pulse-poster.webp);background-size:cover;background-position:70% 50%}
html body[data-design]{background-color:#04070b}
.qdm-tag{transition:opacity .45s}
html.qdm-site.qdm-on body[data-design][data-design] :is(main,[class*="page-main"]){background-color:transparent!important;background-image:none!important}

/* 官方说明类文档页：页脚跟全站一样用深色底 */
html body[data-design] .qdoc-foot{background:#06090e!important;border-top-color:rgba(214,190,140,.14)!important;color:#9aa6b2}
html body[data-design] .qdoc-foot a{color:#c9d3dc}
html body[data-design] .qdoc-foot strong,html body[data-design] .qdoc-foot b{color:#e8edf2}
/* 场景演示操作台的返回栏 */
.qdm-backbar{position:relative;z-index:30;display:flex;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:18px clamp(16px,4vw,40px) 0;font-size:13px;letter-spacing:.06em;color:#7f8b97}
.qdm-backbar a{color:#aeb9c4;text-decoration:none;transition:color .2s}
.qdm-backbar a:hover{color:#e6c98c}
.qdm-backbar__brand{font-family:var(--qd-serif,serif);font-size:15px;color:#e8edf2!important;letter-spacing:.12em}
.qdm-backbar__sep{color:#4a5560}
.qdm-backbar__back{margin-left:auto}