/* ============================================================ V43 · 擎略原版 logo（水滴三箭头图形标） 叠加层：不改 style.css / v3x.css 旧样式 旧的 .brand-mark img{width:40px;height:40px} 会把竖版水滴标压扁， 这里改为按高定宽；同时去掉 hover 旋转（正式品牌标不做歪斜动效）。 回滚 = 页面去掉本 link + img 引用换回 logo-seal.svg ============================================================ */ .brand-mark{ width:auto;height:44px;border-radius:0; background:transparent;box-shadow:none; display:inline-flex;align-items:center;justify-content:center; } .brand-mark img{width:auto;height:44px;display:block} .brand:hover .brand-mark{transform:none;box-shadow:none} /* ---------- 文字配色方案 v2（2026-10-10）：链接深棕 #87613F；辅助灰 #737373；数据 #2C2C2C；深钮文字 #F8F5F2 ---------- */ /* 文字链接与导航激活态 */ .nav-link:hover,.nav-item:focus-within .nav-link,.nav-link.active{color:var(--link)} .breadcrumb a:hover{color:var(--link)} .card-link{color:var(--link)} .contact-card p a{color:var(--link)} .btn-ghost:hover{color:var(--link)} .to-top:hover{color:var(--link)} .side-group a:hover{color:var(--link)} .nav-panel-hd .hd-all:hover{color:var(--link)} .v36-news-item:hover .t{color:var(--link)} .v36-arr:hover{color:var(--link)} /* 辅助文字 #737373 */ .breadcrumb{color:var(--muted-2)} .brand-text em{color:var(--muted-2)} .nav-sub em{color:var(--muted-2)} .f-sub{color:var(--muted-2)} .dl-sub{color:var(--muted-2)} .stat-card .ec{color:var(--muted-2)} /* 核心数据 #2C2C2C */ .stat-card .num{color:var(--ink)} /* 深色按钮内文字 #F8F5F2 */ .btn-primary{color:#F8F5F2} .dl-btn{color:#F8F5F2} .v36-fab-cta{color:#F8F5F2} /* 内联 var(--orange) 的两处文字链接 */ a[style*="color:var(--orange)"]{color:var(--link) !important} /* ---------- 文字配色 v3（2026-10-10 第3轮）：导航 #595959；激活导航炭灰+棕金下划线；卡片标题棕金；「长出来」反白底 ---------- */ /* 普通导航更轻 */ .nav-link{color:#595959} /* 当前选中导航：深炭灰 + 棕金下划线 */ .nav-link.active{color:var(--ink)} .nav-link.active::after{background:linear-gradient(90deg,#87613F,#a67c52)} .nav-item:hover .nav-link::after,.nav-item:focus-within .nav-link::after{background:linear-gradient(90deg,#87613F,#a67c52)} /* 卡片标题深棕金（浅底卡） */ .card h3{color:#87613F} .v36-case h4{color:#87613F} .v36-case:hover h4{color:#87613F} .stat-card h4{color:#87613F} .dl-card h3{color:#87613F} .svc-group-hd h2{color:#87613F} /* 「长出来」等核心词：深棕金底 + 反白 + 内边距（整页唯一文字底色） */ .hero h1 .hl{color:#F8F5F2;background:#87613F;padding:.06em .18em;border-radius:.14em;margin:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone} /* 深色底卡标题维持白（不套棕金） */ .cta-band h3,.v36-magnet h4{color:#fff} /* 内联 var(--orange) 小链接维持深棕可读 */ /* ---------- 文字配色 v4（2026-10-10 第4轮）：首页 6 档暖灰融合（仅 .pg-home，其他页不动） ---------- 深炭灰 #2C2B2B=主标题/数据大数字/激活导航 · 石墨灰 #2F2F2E=深底渐变起点/产品生态标签字 暖黑灰 #313130=页脚深底起点 · 岩石灰 #3C3B3B=深底渐变中段 · 中性暖灰 #565555=正文/导航 · 银石灰 #6A6969=辅助小字 棕金强调（kicker/卡片标题/「长出来」/按钮渐变/横幅暖光）与排版不动 */ .pg-home .hero h1{color:#2C2B2B} .pg-home .section-title{color:#2C2B2B} .pg-home .v36-news-head h3{color:#2C2B2B} .pg-home .v36-stat b{color:#2C2B2B} .pg-home .nav-link.active{color:#2C2B2B} .pg-home .nav-link{color:#565555} .pg-home .hero p.lead{color:#565555} .pg-home .hero-meta{color:#6A6969} .pg-home .v36-stat > span{color:#565555} .pg-home .v36-case p{color:#565555} .pg-home .brand-text em{color:#6A6969} .pg-home .v36-news-item time{color:#6A6969} .pg-home .v36-news-item .tag{color:#87613F} .pg-home .v36-news-item .tag.b{color:#2F2F2E} .pg-home .site-footer{background:linear-gradient(180deg,#313130,#2C2B2B)} .pg-home .v36-magnet{background:linear-gradient(120deg,#2F2F2E,#3C3B3B 55%,#565555)} .pg-home .cta-band{background: radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px) 0 0/22px 22px, radial-gradient(520px 280px at 100% 110%,rgba(166,124,82,.34),transparent 65%), radial-gradient(420px 220px at 0% -10%,rgba(201,160,106,.18),transparent 70%), linear-gradient(125deg,#2F2F2E,#3C3B3B 60%,#565555)} /* ---------- 主人指令（2026-10-11）：首页「长出来」改版 v2 ---------- */ /* 1) 去掉「长出来」下方的颜色：毛笔笔触层禁用 + 文字底色整块去掉 */ .pg-home .v41-hero h1 .hl::after{content:none !important} /* 2) 「长出来」三字本身改为与「预约诊断」按钮下方流体模块同色（墨色 #a67c52，hero-fluid.js 唯一彩值） */ .pg-home .hero h1 .hl{background:none;color:#a67c52;padding:0;margin:0} /* 客户墙：单行跑马灯（2026-10-14 参照morelook.cn；2026-10-15 三行并两行、同日再去掉第二行，仅存首行向右慢速循环），图内含两份序列 */ .pg-home .v36-wall-logobox{display:flex;flex-direction:column;gap:22px} .pg-home .v36-wall-row{overflow:hidden;width:100%} .pg-home .v36-wall-row img{display:block;height:auto;max-width:none;opacity:.8} .pg-home .v36-wall-row.r1 img{width:176.3%;animation:v36mqR 60s linear infinite} .pg-home .v36-wall-row img:hover{animation-play-state:paused} @keyframes v36mqR{from{transform:translateX(-50%)}to{transform:translateX(0)}} @media (prefers-reduced-motion:reduce){.pg-home .v36-wall-row img{animation:none}} /* 2026-10-14 生态位板块小字：改「行业标杆选擎略」，放大至 section-title 字号并居左 */ /* 2026-10-14 二次：眉题再往左——藏本板块前置铜短线+去gap，文字左缘与标题严格对齐 */ .pg-home .eco-wide .reveal .kicker{display:flex;font-size:clamp(26px,3.4vw,38px);text-align:left;gap:0} .pg-home .eco-wide .reveal .kicker::before{display:none} /* 2026-10-15 主人指令：客户墙左右两侧渐变消失（logo移到边缘逐渐透明，不再硬切） */ .pg-home .v36-wall-row{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 128px,#000 calc(100% - 128px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 128px,#000 calc(100% - 128px),transparent 100%)} /* 2026-10-15 主人指令：#eco 生态位模块动效升级（iPhone 展示页质感：编排式入场 + 滚动透视 + 周期掠光） */ .pg-home #eco .eco-map svg{transform:perspective(1200px) rotateX(var(--tilt,0deg));transform-origin:50% 55%;will-change:transform} /* 入场编排：核心圆大->小回弹落座，投影随行落地 */ .pg-home #eco .eco-map.reveal .c-core{transform-origin:560px 280px;transition:none} .pg-home #eco .eco-map.reveal.in .c-core{animation:v41CoreLand 1.6s var(--v41-ease-out) .05s both} @keyframes v41CoreLand{0%{opacity:0;transform:scale(1.3)}62%{opacity:1;transform:scale(.985)}100%{opacity:1;transform:none}} /* 左右对比圆错峰浮现上移（左先右后），虚线行进保留 */ .pg-home #eco .eco-map.reveal .c-soft,.pg-home #eco .eco-map.reveal .c-tri{opacity:0;transform:translateY(30px);transition:opacity 1.1s var(--v41-ease-out),transform 1.1s var(--v41-ease-out)} .pg-home #eco .eco-map.reveal.in .c-soft{opacity:1;transform:none;transition-delay:.12s} .pg-home #eco .eco-map.reveal.in .c-tri{opacity:1;transform:none;transition-delay:.3s} /* 刻度环与金环先后淡入 */ .pg-home #eco .eco-map.reveal .c-ring,.pg-home #eco .eco-map.reveal .v41-core-ring{opacity:0;transition:opacity 1.3s var(--v41-ease-out)} .pg-home #eco .eco-map.reveal.in .c-ring{opacity:1;transition-delay:.25s} .pg-home #eco .eco-map.reveal.in .v41-core-ring{opacity:1;transition-delay:.55s} /* 文案按读序错峰升入 */ .pg-home #eco .eco-map.reveal.in text{animation:v41TextRise .9s var(--v41-ease-out) both} .pg-home #eco .eco-map.reveal.in text:nth-of-type(1){animation-delay:.34s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(2){animation-delay:.42s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(3){animation-delay:.48s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(4){animation-delay:.54s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(5){animation-delay:.62s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(6){animation-delay:.68s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(7){animation-delay:.6s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(8){animation-delay:.68s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(9){animation-delay:.78s} .pg-home #eco .eco-map.reveal.in text:nth-of-type(10){animation-delay:.86s} @keyframes v41TextRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} /* 外圈光晕呼吸 + 核心圆周期掠光（低不透明度点睛） */ .pg-home #eco .v41-halo{transform-origin:560px 280px;opacity:.5} .pg-home #eco .eco-map.reveal.in .v41-halo{animation:v41Halo 9s ease-in-out 1s infinite alternate} @keyframes v41Halo{from{opacity:.5;transform:scale(1)}to{opacity:.9;transform:scale(1.028)}} .pg-home #eco .eco-map.reveal.in .v41-sheen{animation:v41Sheen 7.5s cubic-bezier(.4,0,.2,1) 1.8s infinite} .pg-home #eco .v41-sheen{opacity:0} @keyframes v41Sheen{0%{transform:translateX(-470px);opacity:0}14%{opacity:1}36%{opacity:1}50%{transform:translateX(330px);opacity:0}100%{transform:translateX(330px);opacity:0}} /* 落地投影：核心圆落座时淡入 */ .pg-home #eco .eco-map.reveal .v41-shadow{opacity:0;transition:opacity 1.6s var(--v41-ease-out)} .pg-home #eco .eco-map.reveal.in .v41-shadow{opacity:.26;transition-delay:.45s} /* 减少动效：全部静止、内容直出 */ @media (prefers-reduced-motion:reduce){ .pg-home #eco .eco-map svg{transform:none} .pg-home #eco .eco-map.reveal .c-soft,.pg-home #eco .eco-map.reveal .c-tri{opacity:1;transform:none;transition:none} .pg-home #eco .eco-map.reveal .c-ring,.pg-home #eco .eco-map.reveal .v41-core-ring{opacity:1;transition:none} .pg-home #eco .eco-map.reveal .v41-shadow{opacity:.26;transition:none} .pg-home #eco .eco-map.reveal.in .c-core,.pg-home #eco .eco-map.reveal.in text,.pg-home #eco .eco-map.reveal.in .v41-halo,.pg-home #eco .eco-map.reveal.in .v41-sheen{animation:none} } /* 2026-10-15 主人指令（截图）：首页「一键匹配」深色横幅背景通栏（占满左右两边）+去圆角；内容用 padding 补偿保持与版心左右缘对齐 */ .pg-home .v36-magnet{border-radius:0;width:100vw;margin-left:calc(50% - 50vw);padding:30px max(24px,calc((100vw - 1120px)/2 + 24px))} @media (max-width:760px){.pg-home .v36-magnet{padding:22px 24px}} /* 2026-10-15 生态位模块重构（主人拍板「滚动面板版」，替换 V1 SVG 静态图方案）：三幕动效=对比入位→金环一次性描画→圆形柔减速摊开为五步法面板；sticky 280vh 原生滚动推进步骤，不接管滚轮；全部元素入场后静止、零循环动画 */ .pg-home #eco{padding-bottom:0} .pg-home #eco .eco-hd{text-align:center} .pg-home #eco .eco-hd .section-desc{margin-left:auto;margin-right:auto} .pg-home #eco .eco-runway{position:relative;height:280vh} .pg-home #eco .eco-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:var(--header-h,69px)} .pg-home #eco .eco-corner{position:absolute;top:calc(var(--header-h,69px) + 18px);left:38px;width:150px;height:104px;border-radius:22px;background:linear-gradient(135deg,var(--gold),var(--orange));opacity:0;transition:opacity 900ms var(--ease-brand) 80ms} .pg-home #eco .eco-stage.in .eco-corner{opacity:.92} .pg-home #eco .eco-dot{position:absolute;border-radius:50%;background:var(--gold);opacity:0;transition:opacity 800ms var(--ease-brand)} .pg-home #eco .eco-stage.in .eco-dot{opacity:1} .pg-home #eco .eco-dot-1{width:8px;height:8px;left:15%;top:29%;transition-delay:520ms} .pg-home #eco .eco-dot-2{width:6px;height:6px;left:26.5%;top:15%;transition-delay:610ms} .pg-home #eco .eco-dot-3{width:7px;height:7px;left:57%;top:23%;transition-delay:700ms} .pg-home #eco .eco-dot-4{width:10px;height:10px;left:64.5%;top:68%;transition-delay:790ms} .pg-home #eco .eco-dot-5{width:5px;height:5px;left:82%;top:37%;transition-delay:880ms} .pg-home #eco .eco-orbit{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity 460ms var(--ease-brand),transform 620ms var(--ease-brand)} .pg-home #eco .eco-side{width:272px;height:272px;border-radius:50%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:0 34px;z-index:1;opacity:0;transform:translateY(20px);transition:opacity 700ms var(--ease-brand),transform 700ms var(--ease-brand)} .pg-home #eco .eco-stage.in .eco-side{opacity:1;transform:none} .pg-home #eco .eco-stage.in .eco-side-l{transition-delay:240ms} .pg-home #eco .eco-stage.in .eco-side-r{transition-delay:420ms} .pg-home #eco .eco-side-l{background:linear-gradient(160deg,#f3ecdf,#e9dfcd);border:1px solid rgba(166,124,82,.16)} .pg-home #eco .eco-side-r{background:linear-gradient(160deg,#efefef,#e3e3e3);border:1px solid rgba(0,0,0,.05)} .pg-home #eco .eco-side h3{font-size:16.5px;font-weight:700;letter-spacing:.02em} .pg-home #eco .eco-side p{font-size:12.5px;color:var(--muted);line-height:1.8} .pg-home #eco .eco-flag{font-size:13px;letter-spacing:.14em;color:var(--orange);font-weight:600} .pg-home #eco .eco-core{position:relative;width:416px;height:416px;flex:none;z-index:2;margin:0 -30px;border-radius:50%;background:radial-gradient(120% 120% at 32% 26%,var(--navy-2) 0%,var(--navy) 62%);box-shadow:0 34px 70px -30px rgba(20,32,46,.45);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px) scale(.97);transition:opacity 700ms var(--ease-brand) 320ms,transform 700ms var(--ease-brand) 320ms} .pg-home #eco .eco-stage.in .eco-core{opacity:1;transform:none} .pg-home #eco .eco-core::before,.pg-home #eco .eco-core::after{content:"";position:absolute;border-radius:50%;pointer-events:none} .pg-home #eco .eco-core::before{inset:11%;border:1px solid rgba(255,255,255,.055)} .pg-home #eco .eco-core::after{inset:25%;border:1px solid rgba(255,255,255,.04)} .pg-home #eco .eco-core-in{position:relative;text-align:center;z-index:2} .pg-home #eco .eco-en{display:block;font-size:13px;letter-spacing:.3em;color:var(--gold);font-weight:600;margin-bottom:12px} .pg-home #eco .eco-brand{display:block;font-size:64px;font-weight:700;color:#fff;letter-spacing:.14em;line-height:1.15;text-indent:.14em} .pg-home #eco .eco-tag{display:block;margin-top:12px;font-size:16px;font-weight:700;color:#fff;letter-spacing:.06em} .pg-home #eco .eco-sub{display:block;margin-top:10px;font-size:12px;color:#c8cdd5;letter-spacing:.06em} .pg-home #eco .eco-ring{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);transform:rotate(-90deg)} .pg-home #eco .eco-ring circle{fill:none;stroke:var(--gold);stroke-width:1.6;opacity:.9;stroke-dasharray:1383;stroke-dashoffset:1383;transition:stroke-dashoffset 1000ms var(--ease-brand) 760ms} .pg-home #eco .eco-stage.in .eco-ring circle{stroke-dashoffset:0} .pg-home #eco .eco-shadow{position:absolute;left:50%;bottom:16vh;transform:translateX(-50%);width:640px;height:56px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(20,32,46,.13),rgba(20,32,46,0) 70%);opacity:0;transition:opacity 900ms var(--ease-brand) 420ms} .pg-home #eco .eco-stage.in .eco-shadow{opacity:1} .pg-home #eco .eco-stage.open .eco-shadow{opacity:0} .pg-home #eco .eco-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:13px;color:#9b948a;letter-spacing:.14em;white-space:nowrap;opacity:0;transition:opacity 600ms var(--ease-brand) 1100ms} .pg-home #eco .eco-stage.in .eco-hint{opacity:1} .pg-home #eco .eco-stage.scrolled .eco-hint{opacity:0;transition-delay:0ms} .pg-home #eco .eco-panel{position:absolute;left:50%;top:50%;z-index:3;width:min(920px,calc(100vw - 44px));max-height:min(620px,78vh);overflow:auto;background:radial-gradient(130% 130% at 30% 20%,var(--navy-2) 0%,var(--navy) 64%);box-shadow:0 44px 90px -34px rgba(20,32,46,.5);padding:40px 50px 30px;opacity:0;transform:translate(-50%,-50%) scale(.66);border-radius:999px;pointer-events:none;transition:opacity 640ms var(--ease-brand),transform 900ms var(--ease-brand),border-radius 900ms var(--ease-brand)} .pg-home #eco .eco-stage.open .eco-panel{opacity:1;transform:translate(-50%,-50%) scale(1);border-radius:22px;pointer-events:auto} .pg-home #eco .eco-stage.open .eco-orbit{opacity:0;transform:scale(.94);pointer-events:none} .pg-home #eco .eco-panel-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px} .pg-home #eco .eco-pk{display:block;font-size:13px;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:8px} .pg-home #eco .eco-panel-hd h3{color:#fff;font-size:20px;font-weight:700;letter-spacing:.04em} .pg-home #eco .eco-ph-r{font-size:12px;color:#8fa0b5;letter-spacing:.1em;white-space:nowrap;padding-bottom:3px} .pg-home #eco .eco-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding-top:2px} .pg-home #eco .eco-track{position:absolute;top:23px;left:calc(10% + 8px);right:calc(10% + 8px);height:2px;background:rgba(255,255,255,.13);border-radius:2px} .pg-home #eco .eco-fill{display:block;height:100%;width:calc(var(--fill,0)*100%);border-radius:2px;background:linear-gradient(90deg,var(--orange),var(--gold))} .pg-home #eco .eco-step{text-align:center;position:relative} .pg-home #eco .eco-step .no{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--navy);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.42);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;transition:border-color .4s var(--ease-brand),color .4s var(--ease-brand),background .4s var(--ease-brand),box-shadow .4s var(--ease-brand)} .pg-home #eco .eco-step h4{margin-top:12px;font-size:16.5px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.08em;transition:color .4s var(--ease-brand)} .pg-home #eco .eco-step p{margin-top:7px;font-size:12px;line-height:1.7;color:rgba(255,255,255,.3);opacity:0;transform:translateY(6px);transition:opacity .45s var(--ease-brand),transform .45s var(--ease-brand),color .4s var(--ease-brand)} .pg-home #eco .eco-step.on .no{border-color:var(--gold);color:var(--gold);background:rgba(201,160,106,.1);box-shadow:0 0 0 4px rgba(201,160,106,.08)} .pg-home #eco .eco-step.on h4{color:#fff} .pg-home #eco .eco-step.on p{opacity:1;transform:none;color:rgba(255,255,255,.62)} .pg-home #eco .eco-beat{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:center;min-height:22px} .pg-home #eco .eco-beat span{display:inline-block;font-size:12.5px;letter-spacing:.12em;color:#c9a06a;transition:opacity .22s var(--v41-ease-out)} .pg-home #eco .eco-beat span.swap{opacity:0} @media (max-width:860px){ .pg-home #eco .eco-side{width:212px;height:212px;padding:0 24px} .pg-home #eco .eco-core{width:330px;height:330px;margin:0 -24px} .pg-home #eco .eco-brand{font-size:50px} .pg-home #eco .eco-shadow{width:460px} } @media (max-width:640px){ .pg-home #eco .eco-orbit{flex-direction:column} .pg-home #eco .eco-side{width:220px;height:150px;border-radius:110px} .pg-home #eco .eco-core{margin:-26px 0;width:280px;height:280px} .pg-home #eco .eco-brand{font-size:42px} .pg-home #eco .eco-panel{padding:28px 22px 20px} .pg-home #eco .eco-panel-hd{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:22px} .pg-home #eco .eco-rail{grid-template-columns:1fr;gap:14px} .pg-home #eco .eco-track{display:none} .pg-home #eco .eco-step{display:grid;grid-template-columns:46px 1fr;column-gap:14px;text-align:left;align-items:center} .pg-home #eco .eco-step h4{margin-top:0} .pg-home #eco .eco-step p{grid-column:2} .pg-home #eco .eco-beat{margin-top:22px} .pg-home #eco .eco-runway{height:240vh} } @media (prefers-reduced-motion: reduce){ .pg-home #eco *{transition-duration:1ms!important;transition-delay:0ms!important} .pg-home #eco .eco-hd,.pg-home #eco .eco-side,.pg-home #eco .eco-core,.pg-home #eco .eco-dot,.pg-home #eco .eco-corner,.pg-home #eco .eco-shadow,.pg-home #eco .eco-hint{opacity:1!important;transform:none!important} .pg-home #eco .eco-ring circle{stroke-dashoffset:0!important} } /* 2026-10-15 #eco 生态位第三版：主人提供参照稿「擎略 · 让能力留在企业.html」（暗金星云·行星轨道四幕滚动叙事）整版移植。类名加 nb- 前缀避免与站内冲突；五步法文案=站内既定方法论；行星纹理 img/planet/（Solar System Scope, CC BY 4.0）。 */ .nb-section{padding-bottom:0} .nb-section .nb-intro{text-align:center;position:relative;z-index:3} .nb-section .nb-intro .section-desc{margin-left:auto;margin-right:auto} .nb-runway{position:relative;height:360vh} .nb-screen{height:100vh;min-height:730px;position:sticky;top:0;overflow:hidden;background:#151713 url('../img/planet/ochre-nebula.svg') center center/cover no-repeat;color:#eee8dc;isolation:isolate} .nb-screen:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.025;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h200v200H0z'/%3E%3C/svg%3E");z-index:20} .nb-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#090b0d66,transparent 40%);z-index:0} .nb-stage{position:relative;max-width:1120px;margin:calc(var(--header-h,69px) + 10px) auto 0;height:400px;isolation:isolate} .nb-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:296px;height:296px;border-radius:50%;z-index:5;background:radial-gradient(ellipse at 29% 22%,#68829466 0%,transparent 37%),radial-gradient(circle at 34% 29%,#3b566b 0%,#233f55 35%,#142c40 62%,#071522 89%,#040d15 100%);border:1px solid #c1a16c90;box-shadow:inset 10px 12px 20px #d7e8ef18,inset -19px -15px 29px #000b,0 0 0 1px #a2834b16,0 17px 40px -22px #162b42c0;overflow:visible;transition:width 1s var(--v41-ease-out),height 1s var(--v41-ease-out),border-radius 1s var(--v41-ease-out),opacity .8s var(--v41-ease-out)} .nb-core:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 28% 17%,#e4f5ff2b,transparent 27%);box-shadow:inset 1px 2px 3px #e7f4ff44;pointer-events:none;transition:opacity .8s var(--v41-ease-out)} .nb-identity{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:2;background:radial-gradient(ellipse,#031c2f99 0%,#031c2f40 30%,transparent 66%);border-radius:50%;text-shadow:0 2px 6px #000;transition:opacity .5s var(--v41-ease-out),transform .7s var(--v41-ease-out)} .nb-identity small{font-size:9px;letter-spacing:7px;color:#f7e2b7;margin-left:7px} .nb-identity h3{font-size:40px;letter-spacing:7px;margin:22px 0 12px;font-weight:600} .nb-identity strong{font-size:16px;font-weight:500} .nb-identity p{font-size:13px;color:#f3f3e5;letter-spacing:.5px} .nb-ring{position:absolute;inset:-9px;border:1px dashed #b6b39340;border-radius:inherit;transform:rotate(-7deg);transition:opacity .7s var(--v41-ease-out)} .nb-grid{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden;opacity:.13;pointer-events:none;transition:opacity .6s var(--v41-ease-out)} .nb-grid svg{width:100%;height:100%;stroke:#c1dce7;fill:none;stroke-width:.55} .nb-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 25%,#0a1d30 85%);border-radius:50%} .nb-side{position:absolute;left:50%;top:50%;width:152px;height:152px;margin:-76px 0 0 -76px;display:grid;place-content:center;text-align:center;z-index:2;border:1px solid #e4d1ab85;color:#554c3c;border-radius:50%;background:radial-gradient(ellipse at 28% 20%,#fffef7 0%,#f1e6ce 22%,#d7c7a6 48%,#9d8d70 75%,#5c5548 100%);box-shadow:inset 5px 6px 9px #fff9,inset -12px -10px 20px #4a402c66,0 12px 28px -13px #3e342b66;transition:opacity .7s var(--v41-ease-out);will-change:transform} .nb-side.nb-right{background:radial-gradient(ellipse at 28% 20%,#ffffff 0%,#e5e8e8 25%,#bac5ca 48%,#6a7f8e 78%,#3e5362 100%);border-color:#d5e0e6;color:#263f50;box-shadow:inset 5px 6px 10px #fff9,inset -12px -10px 20px #20394e88,0 12px 28px -13px #263d5366} .nb-side:before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(ellipse at 29% 16%,#fff9,transparent 30%);pointer-events:none} .nb-side h3{font-size:14px;margin:0;position:relative;text-shadow:0 1px 1px #ffffff77;font-weight:600} .nb-side p{font-size:13px;line-height:1.7;margin:0;opacity:.85;position:relative} .nb-side svg{display:none} .nb-planet-name{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;color:#c8af83;font:italic 13px Georgia,'Kaiti SC',KaiTi,serif;letter-spacing:.5px;z-index:3} .nb-core>.nb-planet-name{bottom:-31px;color:#a9c2c8} .nb-surface{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;transition:opacity .7s var(--v41-ease-out)} .nb-orbit-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;transition:opacity .7s var(--v41-ease-out)} .nb-orbit-path.nb-op-back{z-index:1;opacity:.45} .nb-orbit-path.nb-op-front{z-index:6;opacity:.65} .nb-orbit-path path{stroke:#c1aa7c;stroke-width:.8;fill:none} .nb-orbit-path.nb-op-back path{stroke-dasharray:6 5} .nb-planet-shadow{position:absolute;z-index:0;left:50%;top:calc(50% + 164px);width:340px;height:20px;transform:translateX(-50%);background:radial-gradient(ellipse,#07090b99,transparent 70%);filter:blur(5px);transition:opacity .6s var(--v41-ease-out)} .nb-debris{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .7s var(--v41-ease-out)} .nb-debris.nb-back{z-index:1} .nb-debris.nb-front{z-index:7} .nb-sketch-a,.nb-sketch-b{position:absolute;font:italic 13px Georgia,'Kaiti SC',KaiTi,serif;color:#b0a182;letter-spacing:1px;z-index:1;transition:opacity .6s var(--v41-ease-out);pointer-events:none} .nb-sketch-a{left:9%;top:15px;transform:rotate(-7deg)} .nb-sketch-b{right:4%;bottom:12px;transform:rotate(-8deg)} .nb-sketch-a:after{content:"";display:block;width:45px;height:28px;border-left:1px solid #ac967766;border-bottom:1px solid #ac967766;border-radius:0 0 0 80%;transform:rotate(-18deg);margin:8px 0 0 25px} .nb-sketch-b:before{content:"\2196";font-size:25px;margin-right:10px} .nb-moonlet{position:absolute;left:50%;top:50%;width:23px;height:23px;margin:-11px;border-radius:50%;background:radial-gradient(circle at 30% 25%,transparent,#0d121ab0),url('../img/planet/moon.jpg') 45% 50%/auto 100%;box-shadow:inset 1px 1px 2px #fff6;transition:opacity .6s var(--v41-ease-out);pointer-events:none} .nb-inputs{position:absolute;inset:0;pointer-events:none;z-index:9} .nb-tag{position:absolute;top:50%;left:50%;padding:9px 18px;border:1px solid #c2ab7359;background:#242620e8;border-radius:30px;font-size:13px;color:#dcc8a5;opacity:0;transition:all 1s var(--v41-ease-out)} .nb-tag:nth-child(1){transform:translate(-300px,-140px)} .nb-tag:nth-child(2){transform:translate(220px,-70px)} .nb-tag:nth-child(3){transform:translate(120px,140px)} .nb-panel{position:absolute;inset:30px 36px;color:#fff;opacity:0;pointer-events:none;transition:opacity .5s .3s var(--v41-ease-out);display:grid;grid-template-columns:185px 1fr;gap:34px} .nb-steps{border-right:1px solid #d0c0a020;padding-right:25px} .nb-steps small{display:block;color:#c4a06d;letter-spacing:.1em;font-size:12px;margin-bottom:17px} .nb-step{display:flex;align-items:center;width:100%;border:0;background:none;text-align:left;color:#8a9da9;font-size:13px;padding:10px 0;transition:color .4s var(--v41-ease-out);cursor:pointer;font-family:inherit} .nb-step b{font:600 12px/1 inherit;color:#6c8291} .nb-step.nb-active{color:#e8d2ae} .nb-step.nb-active b{color:#ddbb85} .nb-detail{padding-top:7px} .nb-detail .nb-count{font-size:13px;color:#bc9b6c;letter-spacing:.12em} .nb-detail h4{font-size:27px;font-weight:500;margin:15px 0 10px} .nb-detail p{font-size:13px;color:#c0c8c6;line-height:1.9;max-width:365px;margin:0} .nb-output{border-top:1px solid #d0c0a025;margin-top:25px;padding-top:18px;display:flex;align-items:center;gap:12px;font-size:11px;color:#d6bf99} .nb-output span{font-size:12px;border:1px solid #ad8b5c70;padding:5px 8px;color:#bd9e73;white-space:nowrap} .nb-assets{position:absolute;inset:32px 95px;display:flex;gap:20px;align-items:center;pointer-events:none;opacity:0;transition:opacity .7s var(--v41-ease-out);z-index:10} .nb-asset{flex:1;padding:30px 23px;background:linear-gradient(180deg,rgba(193,166,119,.14),rgba(193,166,119,0) 70%);height:222px;opacity:0;transform:translateY(25px);transition:all .7s var(--v41-ease-out)} .nb-asset small{font:10px monospace;color:#c4ad81;letter-spacing:2px} .nb-asset h3{font-size:23px;font-weight:500;margin:30px 0 12px;color:#eee7d7} .nb-asset p{font-size:13px;line-height:1.9;color:#b2ab9b;margin:0} .nb-asset .nb-symbol{float:right;color:#c4ad81;font-size:22px} .nb-caption{text-align:center;height:48px;font-size:13px;letter-spacing:2px;color:#c4bfb2;transition:opacity .3s var(--v41-ease-out);position:relative;z-index:3} .nb-caption b{color:#d3b98c;font-weight:500} .nb-controls{position:absolute;bottom:26px;left:5%;right:5%;display:grid;grid-template-columns:160px 1fr 160px;align-items:center;gap:35px;z-index:21} .nb-play{border:1px solid #c6ab785e;background:#191c1d66;color:#e2d6bd;padding:11px 17px;border-radius:30px;font-size:11px;width:130px;cursor:pointer;font-family:inherit} .nb-play:hover{background:#bc9b5922} .nb-timeline{display:flex;gap:20px} .nb-chapter{position:relative;background:none;border:0;border-top:1px solid #d5c5a434;flex:1;padding:14px 0 0;text-align:left;color:#a39b8d;font-size:11px;white-space:nowrap;cursor:pointer;font-family:inherit} .nb-chapter i{position:absolute;top:-1px;left:0;height:2px;background:#c4aa7c;width:0} .nb-chapter.nb-active{color:#f1e9d8} .nb-chapter span{font:600 12px/1 inherit;margin-right:10px;color:#c4aa7c} .nb-hint{font-size:10px;color:#a19987;text-align:right;letter-spacing:1px} .nb-scrub{position:absolute;bottom:0;width:100%;margin:0;height:3px;appearance:none;-webkit-appearance:none;background:#423e32;cursor:ew-resize;z-index:21} .nb-scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:9px;width:9px;border-radius:50%;background:#c1a77b} .nb-note{position:absolute;left:5%;bottom:94px;font-size:8px;color:#a9a08e;z-index:21;max-width:70%} .nb-credit{position:absolute;left:5%;bottom:73px;font-size:8px;color:#978e7d;z-index:21} .nb-credit a{color:inherit} .nb-screen.s1 .nb-tag{opacity:1} .nb-screen.s1 .nb-tag:nth-child(1){transform:translate(-205px,-162px)} .nb-screen.s1 .nb-tag:nth-child(2){transform:translate(160px,-133px)} .nb-screen.s1 .nb-tag:nth-child(3){transform:translate(80px,140px)} .nb-screen.s2 .nb-core{width:760px;height:326px;border-radius:18px;background:radial-gradient(circle at 20% 10%,#2a3b43,#15252c 80%);border-color:#ae94645c;box-shadow:0 20px 60px -25px #000b} .nb-screen.s2 .nb-identity,.nb-screen.s2 .nb-ring,.nb-screen.s2 .nb-grid,.nb-screen.s2 .nb-core:before,.nb-screen.s2 .nb-side,.nb-screen.s3 .nb-side{opacity:0;pointer-events:none} .nb-screen.s2 .nb-identity{transform:scale(.9)} .nb-screen.s2 .nb-panel{opacity:1;pointer-events:auto} .nb-screen.s2 .nb-surface,.nb-screen.s2 .nb-planet-name,.nb-screen.s3 .nb-planet-name{opacity:0} .nb-screen.s2 .nb-core>.nb-planet-name{display:none} .nb-screen.s2 .nb-debris,.nb-screen.s3 .nb-debris,.nb-screen.s2 .nb-sketch-a,.nb-screen.s3 .nb-sketch-a,.nb-screen.s2 .nb-sketch-b,.nb-screen.s3 .nb-sketch-b,.nb-screen.s2 .nb-moonlet,.nb-screen.s3 .nb-moonlet,.nb-screen.s2 .nb-orbit-path,.nb-screen.s3 .nb-orbit-path,.nb-screen.s2 .nb-planet-shadow,.nb-screen.s3 .nb-planet-shadow{opacity:0} /* 2026-10-16 主人报「上滑结束时动画不协调」：s2→s3 切幕瞬间地球贴图+擎略文字盘+虚线环回显压过沉淀三卡（s2 隐藏了这些层，s3 漏藏）——s3 相位照 s2 同款钉死隐藏，面板卡按 s2 面板形态淡出，三卡照常升入 */ .nb-screen.s3 .nb-core{opacity:0;width:760px;height:326px;border-radius:18px;pointer-events:none} .nb-screen.s3 .nb-surface,.nb-screen.s3 .nb-identity,.nb-screen.s3 .nb-ring,.nb-screen.s3 .nb-grid,.nb-screen.s3 .nb-core:before{opacity:0;pointer-events:none} .nb-screen.s3 .nb-identity{transform:scale(.9)} .pg-home #eco .nb-screen.s3 .nb-core{background:rgb(245,241,233);border-color:rgba(166,124,82,.30)} .nb-screen.s3 .nb-assets{opacity:1} .nb-screen.s3 .nb-asset{opacity:1;transform:translateY(0)} .nb-screen.s3 .nb-asset:nth-child(2){transition-delay:.15s} .nb-screen.s3 .nb-asset:nth-child(3){transition-delay:.3s} .nb-fade{animation:nbfade .5s ease} @keyframes nbfade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} @media(min-height:850px){.nb-screen{min-height:800px}.nb-stage{height:420px}.nb-intro{padding-top:12px}} @media(max-width:700px){ .nb-screen{min-height:760px} .nb-stage{height:360px} .nb-side{width:108px;height:108px;margin:-54px 0 0 -54px} .nb-side h3{font-size:10px;margin-bottom:6px} .nb-side p{font-size:8px} .nb-planet-shadow{top:calc(50% + 130px);width:240px} .nb-screen.s1 .nb-tag:nth-child(1){transform:translate(-160px,-135px)} .nb-screen.s1 .nb-tag:nth-child(2){transform:translate(82px,-122px)} .nb-screen.s1 .nb-tag:nth-child(3){transform:translate(20px,130px)} .nb-note{bottom:140px;font-size:7px} .nb-credit{bottom:126px;font-size:7px} .nb-controls{grid-template-columns:1fr;gap:20px;bottom:22px} .nb-play{justify-self:center;grid-row:2;padding:9px} .nb-hint{display:none} .nb-timeline{gap:12px} .nb-chapter{font-size:10px} .nb-caption{font-size:11px;letter-spacing:1px} .nb-identity h3{font-size:30px} .nb-planet-name{font-size:9px;bottom:-24px} .nb-core>.nb-planet-name{bottom:-28px} .nb-moonlet{width:16px;height:16px;margin:-8px} .nb-panel{inset:23px 18px;grid-template-columns:110px 1fr;gap:18px} .nb-steps{padding-right:10px} .nb-step{font-size:10px;padding:14px 0} .nb-step b{margin-right:7px} .nb-detail h4{font-size:21px} .nb-detail p{font-size:11px} .nb-output{flex-direction:column;align-items:start;gap:10px} .nb-assets{inset:25px 20px;gap:9px} .nb-asset{padding:20px 12px;height:240px} .nb-asset h3{font-size:18px;line-height:1.5;margin-top:40px} .nb-asset p{font-size:10px} .nb-asset .nb-symbol{float:none;display:block;margin-top:15px} } @media(prefers-reduced-motion:reduce){ .nb-screen *,.nb-screen *:before,.nb-screen *:after{animation:none!important;transition:none!important} } /* nb 修补 2026-10-15：.nb-pond 为参照稿移植时的闲置类，页内无该元素，显式隐藏兜底 */ .nb-pond{display:none} /* 2026-10-15 主人指令：五步法面板（识人/育人/造物/用人/进化）条目背景改 rgb(245,241,233)，其他不变 */ .pg-home #eco .nb-step{background:rgb(245,241,233)} /* rgb(245,241,233)，文字成套翻深色（仅面板卡，地球/两侧行星/沉淀三卡不动） */ .pg-home #eco .nb-screen.s2 .nb-core{background:rgb(245,241,233);border-color:rgba(166,124,82,.30)} .pg-home #eco .nb-screen.s2 .nb-panel{color:#2C2C2C} .pg-home #eco .nb-screen.s2 .nb-detail .nb-count{color:#a67c52} .pg-home #eco .nb-screen.s2 .nb-detail p{color:#595959} .pg-home #eco .nb-screen.s2 .nb-output{color:#8d6945;border-top-color:rgba(140,110,70,.22)} .pg-home #eco .nb-screen.s2 .nb-output span{color:#8d6945;border-color:rgba(166,124,82,.45)} .pg-home #eco .nb-screen.s2 .nb-steps{border-right-color:rgba(140,110,70,.18)} .pg-home #eco .nb-screen.s2 .nb-step{color:#595959} .pg-home #eco .nb-screen.s2 .nb-step b{color:#737373} .pg-home #eco .nb-screen.s2 .nb-step.nb-active{color:#a67c52} .pg-home #eco .nb-screen.s2 .nb-step.nb-active b{color:#8d6945} /* 2026-10-15 主人截图指认：动态区与一键匹配区之间露出10px米白横带——.v36-magnet 的 margin-top:10px 在 padding-top:0 的外层 section 上外边距塌陷，露出 body 米白底；加 1px padding 阻断塌陷（浅色时代此缝隐形，星云化后现形） */ /* 该 section 带 HTML 内联 style=padding-top:0，须 !important 才能压过 */ .pg-home .v36-news ~ .section{padding-top:1px !important} /* 2026-10-15 主人指令（参考图取样）：#eco 三颗行星球加云雾背景层——精灵图取自主人提供的概念图云雾区（亮度→alpha 抠雾，img/planet/cloud-*.webp），screen 混合只提亮暖棕卡其色，各自跟随球体、s2/s3 相位随球体一并隐去 */ .pg-home #eco .nb-cloud{position:absolute;inset:-16%;border-radius:50%;pointer-events:none;z-index:0;mix-blend-mode:screen;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.32;transition:opacity .7s var(--v41-ease-out);will-change:transform} .pg-home #eco .nb-core>.nb-cloud{inset:-14%;opacity:.42;background-image:url('../img/planet/cloud-dark.webp');transform:rotate(-6deg)} .pg-home #eco .nb-left>.nb-cloud{background-image:url('../img/planet/cloud-wisp.webp');transform:rotate(9deg)} .pg-home #eco .nb-right>.nb-cloud{background-image:url('../img/planet/cloud-diffuse.webp');transform:rotate(-11deg)} .pg-home #eco .nb-screen.s2 .nb-cloud,.pg-home #eco .nb-screen.s3 .nb-cloud{opacity:0} /* 木星 .5→.38 防泛白发灰糊字、火星 .5→.44 微收、地球雾被 identity 文字盘压住几乎无感——换更亮的 wisp-v2 亮雾且 inset 扩到 -20% 让雾环从球缘外显出 */ /* 2026-10-16 主人指令（v2 拍板）：首页背景全部改为 LOGO 墙里的浅色底——统一用墙内商标托板米色渐变 linear-gradient(180deg,#f7f3ec,#efe9dc)； 撤回 10-15/10-16 的暗金星云铺底与 hero 暗色（浅色原值回落 v36/v37/v39 既有规则）；#eco 星球场景幕内部与 s2 米白面板保留不动； 页脚/一键匹配维持浅色时代既有炭灰设计块（v43 上部 83-84 行规则回落生效）；协作者 92fb311 新增「擎略定位介绍」模块成套翻米色浅字。 */ .pg-home .v36-wall,.pg-home .v36-stats,.pg-home .v36-cases,.pg-home .v36-news,.pg-home .v36-news ~ .section{background:linear-gradient(180deg,#f7f3ec,#efe9dc)} .pg-home #eco{background:linear-gradient(180deg,#f7f3ec,#efe9dc)} body.pg-home #qz-intro{background:linear-gradient(180deg,#f7f3ec,#efe9dc);color:#2C2C2C} body.pg-home #qz-intro .kicker{color:#8a6a3b} body.pg-home #qz-intro .qz-title{color:#2C2C2C} body.pg-home #qz-intro .qz-title b{color:#87613F} body.pg-home #qz-intro .qz-p{color:#595959} body.pg-home #qz-intro .qz-p b{color:#2C2C2C} body.pg-home #qz-intro .qz-tags span{color:#87613F;border-color:rgba(138,106,59,.35);background:rgba(255,255,255,.6)} body.pg-home #qz-intro .qz-visual{background:#f4eee1;border-color:rgba(138,106,59,.25)} body.pg-home #qz-intro .qz-vi-kicker{color:#8a6a3b} body.pg-home #qz-intro .qz-vi-name{color:#2F2F2E} body.pg-home #qz-intro .qz-vi-line{background:linear-gradient(90deg,transparent,#a67c52,transparent)} body.pg-home #qz-intro .qz-vi-slogan{color:#87613F} body.pg-home #qz-intro .qz-vi-foot{color:#7A7A7A} body.pg-home #qz-intro .qz-stat{background:rgba(255,255,255,.72);border-color:rgba(138,106,59,.22)} body.pg-home #qz-intro .qz-s-label{color:#686868} body.pg-home #qz-intro .qz-s-num{color:#87613F} body.pg-home #qz-intro .qz-s-cap{color:#7A7A7A} body.pg-home{background:linear-gradient(180deg,#f7f3ec,#efe9dc)} /* 桌面端米色渐变带视口锚定（同 10-15 星云链手法）：模块交界共享同一渐变窗口，滚动时整条带连续流动零接缝；手机端保持原样 */ @media (min-width:761px){.pg-home .v41-hero,.pg-home .hero-fluid.fluid-on,.pg-home .hero-fluid.fluid-fallback,.pg-home .hero-fluid:not(.fluid-on):not(.fluid-fallback),.pg-home .v36-wall,.pg-home .v36-stats,.pg-home .v36-cases,.pg-home .v36-news,.pg-home .v36-news ~ .section,.pg-home #eco,#qz-intro{background-attachment:fixed}} /* LOGO 商标条托底板与整页同色（浅色墙上自隐，保留规则防后续翻色时商标条无衬托） */ .pg-home .v36-wall-logobox{background:linear-gradient(180deg,#f7f3ec,#efe9dc);border-radius:16px;padding:14px 0} .pg-home .v41-hero{background-color:#f7f3ec;background-image:linear-gradient(180deg,#f7f3ec,#efe9dc)} .pg-home .hero-fluid.fluid-on,.pg-home .hero-fluid.fluid-fallback,.pg-home .hero-fluid:not(.fluid-on):not(.fluid-fallback){background-color:#f7f3ec;background-image:linear-gradient(180deg,#f7f3ec,#efe9dc)} /* 2026-10-16 #eco 球形幕→三卡瞬切（主人报过渡叠影：球缩小淡出与卡片升入叠加约0.7s）： 跨相位边界直接换内容——s1↔s3 切换涉及的全部层的过渡禁用（含三卡错峰升入与球组淡出）， 任意滚动位置不再存在两种内容叠加的中间帧；仅首页 #eco 作用域，他页零波及 */ .pg-home #eco .nb-screen .nb-core,.pg-home #eco .nb-screen .nb-core:before,.pg-home #eco .nb-screen .nb-side,.pg-home #eco .nb-screen .nb-cloud,.pg-home #eco .nb-screen .nb-identity,.pg-home #eco .nb-screen .nb-ring,.pg-home #eco .nb-screen .nb-grid,.pg-home #eco .nb-screen .nb-surface,.pg-home #eco .nb-screen .nb-planet-name,.pg-home #eco .nb-screen .nb-debris,.pg-home #eco .nb-screen .nb-sketch-a,.pg-home #eco .nb-screen .nb-sketch-b,.pg-home #eco .nb-screen .nb-moonlet,.pg-home #eco .nb-screen .nb-orbit-path,.pg-home #eco .nb-screen .nb-planet-shadow,.pg-home #eco .nb-screen .nb-assets,.pg-home #eco .nb-screen .nb-asset{transition:none} /* 2026-10-16 主人指令（v3 补充拍板）：三张截图指认的剩余深色块全部改浅——①#eco 星球场景幕底转米白（球组本身是羊皮纸/深蓝实体配色，浅底直接兼容，仅翻环境层：虚线环/地面影/装饰字/胶囊/三卡/金句/署名）； ②一键匹配横幅恢复站内铜金渐变原款（v41 btn-primary 同族），按钮改白底反衬；③页脚翻米色深字（QINGLUE 描边水印同步翻深）。作用域全部压过 v43 上部 nb 基础暗色规则。 */ .pg-home #eco .nb-screen{background:linear-gradient(180deg,#f7f3ec,#efe9dc);color:#2C2C2C} .pg-home #eco .nb-screen:before{background:radial-gradient(ellipse at 50% 20%,rgba(166,124,82,.06),transparent 45%)} .pg-home #eco .nb-ring{border-color:rgba(138,106,59,.35)} .pg-home #eco .nb-planet-shadow{background:radial-gradient(ellipse,rgba(90,70,40,.20),transparent 70%)} .pg-home #eco .nb-sketch-a,.pg-home #eco .nb-sketch-b{color:#8a6a3b} .pg-home #eco .nb-planet-name{color:#8a6a3b} .pg-home #eco .nb-core>.nb-planet-name{color:#51707f} .pg-home #eco .nb-tag{background:rgba(255,255,255,.85);border-color:rgba(138,106,59,.4);color:#87613F;box-shadow:none} .pg-home #eco .nb-asset{background:#fff;border:1px solid rgba(138,106,59,.18);border-top:2px solid rgba(166,124,82,.55);box-shadow:0 14px 30px -18px rgba(90,70,40,.25)} .pg-home #eco .nb-asset small{color:#8a6a3b} .pg-home #eco .nb-asset h3{color:#2C2C2C} .pg-home #eco .nb-asset p{color:#595959} .pg-home #eco .nb-asset .nb-symbol{color:#a67c52} .pg-home #eco .nb-caption{color:#595959} .pg-home #eco .nb-caption b{color:#87613F} .pg-home #eco .nb-credit{color:#7A7A7A} .pg-home .v36-magnet{background:linear-gradient(160deg,#c9a06a,#b78e5e 55%,#a67c52)} .pg-home .v36-magnet .m-btn a{background:#fff;color:#8d6945} .pg-home .v36-magnet .m-btn a:hover{background:#f7f3ec;color:#77552f} .pg-home .site-footer{background:linear-gradient(180deg,#f7f3ec,#efe9dc);color:#595959} .pg-home .site-footer h5{color:#2C2C2C} .pg-home .site-footer .footer-desc{color:#686868} .pg-home .site-footer .footer-note{color:#7A7A7A} .pg-home .site-footer a{color:#595959} .pg-home .site-footer a:hover{color:#87613F} .pg-home .site-footer .footer-bottom{border-top-color:rgba(138,106,59,.25);color:#7A7A7A} .pg-home .site-footer::after{-webkit-text-stroke:1px rgba(44,44,44,.09)} /* 2026-10-16 主人指令：去掉三个球形模块下方的阴影（地面影+球体投影）；模块其余不动 */ .pg-home #eco .nb-planet-shadow{display:none} /* 2026-10-16 主人指令：全页背景色差全部去掉，统一成定位介绍模块的米白单色 #f7f3ec—— 各板块渐变压平为单色（body/hero/定位/墙/数字带/案例/动态/eco场景/页脚）， LOGO墙商标托底板改与页面同色自隐（边界弱化）；球场景顶光晕去除；内容块（magnet铜金横幅/白卡）不动 */ .pg-home .v41-hero,.pg-home .hero-fluid.fluid-on,.pg-home .hero-fluid.fluid-fallback,.pg-home .hero-fluid:not(.fluid-on):not(.fluid-fallback),body.pg-home,body.pg-home #qz-intro,.pg-home .v36-wall,.pg-home .v36-stats,.pg-home .v36-cases,.pg-home .v36-news,.pg-home .v36-news ~ .section,.pg-home #eco,.pg-home #eco .nb-screen,.pg-home .site-footer{background:#f7f3ec} .pg-home #eco .nb-screen:before{background:none} .pg-home .v36-wall-logobox{background:#f7f3ec} /* 2026-10-16 主人指令：首屏波纹动效优化——保留开头波纹；靠近首屏底部时波纹逐渐降低振幅/对比度/运动速度，波纹边缘高光渐变成银灰柔光，最终融入暖白背景。 实现：①canvas 纵向四段渐隐 mask（0-58% 全显→78% 22%→92% 6%→100% 0，振幅与对比度随 alpha 同步衰减）；②丝带高光速度对齐全局 0.55 倍（统一视觉减速）；③hero 底部叠 340px 银灰柔光层（可淡化彩色色散）+ 200px 暖白收边渐变，与下一板块米色无缝衔接。 */ .pg-home .hero-fluid .fluid-canvas{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.22) 82%,rgba(0,0,0,.06) 93%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.22) 82%,rgba(0,0,0,.06) 93%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%} .pg-home .hero-fluid::before{content:"";position:absolute;left:0;right:0;bottom:0;height:340px;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(199,205,208,0) 0%,rgba(199,205,208,.055) 34%,rgba(213,216,214,.10) 66%,rgba(224,226,220,.10) 100%)} .pg-home .hero-fluid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(247,243,236,0) 0%,rgba(247,243,236,.85) 62%,#f7f3ec 100%)} .pg-home .hero-fluid .container,.pg-home .hero-fluid .v41-scroll{position:relative;z-index:2} .pg-home .hero-fluid .fluid-canvas{animation-duration:0s} @media (prefers-reduced-motion:reduce){.pg-home .hero-fluid::before,.pg-home .hero-fluid::after{display:none}} /* 2026-10-16 主人指令：三球下方灰黑色部分去掉（=地球中部文字的半透明深色底衬，浅色主题下灰黑割裂；球面本体贴图不动，文字白字带阴影直接叠球面） */ .pg-home #eco .nb-identity{background:none} /* 2026-10-16 品牌卡改纯图（主人指令：文字去掉只有图片）：卡内边距归零由图占满，装饰轨道圆隐藏；卡本身保留圆角与图对齐 */ .pg-home #qz-intro .qz-visual{padding:0;min-height:0;border:none;background:none;overflow:hidden} .pg-home #qz-intro .qz-vi-fig{margin:0;border-radius:22px;border:none;padding:3px;height:100%;box-sizing:border-box;background:linear-gradient(135deg,#e9d6ae 0%,#b08d55 34%,#7d5a32 55%,#c9ab72 78%,#eedcae 100%);box-shadow:0 12px 26px -16px rgba(90,70,40,.38)} .pg-home #qz-intro .qz-vi-fig{position:relative} .pg-home #qz-intro .qz-vi-fig:after{content:"";position:absolute;inset:3px;border-radius:19px;pointer-events:none;background:radial-gradient(120% 90% at 18% 12%,rgba(255,241,205,.32),transparent 44%),linear-gradient(112deg,transparent 26%,rgba(255,238,196,.22) 38%,rgba(255,250,232,.10) 47%,rgba(122,86,40,.18) 56%,transparent 68%);mix-blend-mode:overlay} .pg-home #qz-intro .qz-vi-fig img{border-radius:19px;height:100%;width:100%;object-fit:cover;display:block;filter:sepia(.06) saturate(1.06) contrast(1.02)} @media(max-width:1000px){.pg-home #qz-intro .qz-vi-fig{height:auto}} .pg-home #qz-intro .qz-orbit{display:none} /* 2026-10-16 主人指令：最新动态头条改左文右图——左侧日期/标题/标签（占弹性宽），右侧图片固定宽圆角；窄屏回退图上文下。 提升特异性（.v36-news-list 前缀）压过协作者「图上文下」旧规则（含 img max-width:720px）；li 是 flex 容器，figure 挪到行末即右位 */ .pg-home .v36-news-list .v36-news-feat{flex-wrap:nowrap;align-items:center;column-gap:22px} .pg-home .v36-news-list .v36-news-feat .v36-news-fig{flex:none;width:300px;margin:0;order:2} .pg-home .v36-news-list .v36-news-feat .v36-news-fig img{width:100%;max-width:none;height:auto;margin:0;border-radius:12px;border:1px solid var(--line)} .pg-home .v36-news-list .v36-news-feat time{flex:none} .pg-home .v36-news-list .v36-news-feat .t{flex:1;min-width:0;font-size:17px;font-weight:800;white-space:normal} .pg-home .v36-news-list .v36-news-feat .tag{flex:none;order:1} @media (max-width:900px){.pg-home .v36-news-list .v36-news-feat{flex-wrap:wrap;row-gap:12px}.pg-home .v36-news-list .v36-news-feat .v36-news-fig{width:100%;order:0}} /* 2026-10-16 主人指令①：品牌图金属反光扫过动画（对角光带7.5s一轮、扫过歇一拍；reduced-motion静止） */ .pg-home #qz-intro .qz-vi-fig{overflow:hidden} .pg-home #qz-intro .qz-vi-fig:before{content:"";position:absolute;inset:3px;border-radius:19px;pointer-events:none;z-index:2;background:linear-gradient(112deg,transparent 30%,rgba(255,244,214,.40) 44%,rgba(255,252,240,.16) 51%,rgba(140,100,48,.16) 59%,transparent 70%);mix-blend-mode:overlay;transform:translateX(-130%);animation:qzSheen 7.5s ease-in-out infinite} @keyframes qzSheen{0%{transform:translateX(-130%)}52%{transform:translateX(130%)}100%{transform:translateX(130%)}} @media(prefers-reduced-motion:reduce){.pg-home #qz-intro .qz-vi-fig:before{animation:none}} /* 主人指令②：火星/木星球面文字改浅色（球面深棕底上浅奶油字+暖阴影） */ .pg-home #eco .nb-side h3{color:#fdf6e3;text-shadow:0 1px 3px rgba(60,40,20,.5)} .pg-home #eco .nb-side p{color:#f3e6cc;text-shadow:0 1px 2px rgba(60,40,20,.45)} /* 主人指令③：三球体自身投影去除（中心椭圆影已删；本次删每球box-shadow外落影——贴球底的深色弧即主人反复所见；球面内阴影质感保留） */ .pg-home #eco .nb-core{box-shadow:inset 10px 12px 20px #d7e8ef18,inset -19px -15px 29px #000b,0 0 0 1px #a2834b16} .pg-home #eco .nb-side{box-shadow:inset 5px 6px 9px #fff9,inset -12px -10px 20px #4a402c66} .pg-home #eco .nb-side.nb-right{box-shadow:inset 5px 6px 10px #fff9,inset -12px -10px 20px #20394e88} /* 2026-10-16 主人指令：头条行图片上下与文字部分对齐——li 拉伸对齐，figure 高度撑满行（img cover 裁剪不变形）； 日期/标题/标签 align-self:center 保持原始高度（防 stretch 把胶囊拉成竖长条），左侧文字块整体在行内垂直居中与图等高呼应 */ .pg-home .v36-news-list .v36-news-feat{align-items:stretch} .pg-home .v36-news-list .v36-news-feat .v36-news-fig{align-self:stretch;display:flex} .pg-home .v36-news-list .v36-news-feat .v36-news-fig img{width:100%;height:100%;object-fit:cover} .pg-home .v36-news-list .v36-news-feat time,.pg-home .v36-news-list .v36-news-feat .t,.pg-home .v36-news-list .v36-news-feat .tag{align-self:center} /* 2026-10-16 主人指令「球形后面的阴影还是没去掉」：取证定位=紧贴地球边缘后面的深灰色小月球装饰（nb-moonlet，8点钟方向贴球身，视觉即球后拖的阴影块）——display:none 删除；其他零改动 */ .pg-home #eco .nb-moonlet{display:none} /* 2026-10-16 主人指令（澄清）：头条左边集中放全部文字（日期+标题+标签一组靠左），右边只有图片，左右分开。 关键：标题 .t 不再弹性占满（flex:1 盒子比文字宽，标签会被隔在文字与图之间的空白里）——改自然宽度， 标签紧跟标题（18px），整组文字靠左；图 margin-left:auto 独占右侧，中间空白全部落在文字组与图之间 */ .pg-home .v36-news-list .v36-news-feat{justify-content:flex-start} .pg-home .v36-news-list .v36-news-feat .t{flex:0 1 auto} .pg-home .v36-news-list .v36-news-feat .tag{margin-left:18px} .pg-home .v36-news-list .v36-news-feat .v36-news-fig{margin-left:auto} /* 2026-10-16 同帧差分取证真凶②：球后深色物=小行星带碎石画布（105颗深橄榄色碎石沿轨道飘，数颗聚集在球后侧视觉即「球后面的阴影」，隐藏.nb-debris前后差分1.7万像素坐实）——display:none 删除；其他零改动 */ .pg-home #eco .nb-debris{display:none} /* 2026-10-23 主人指令：全部页面背景颜色统一改为 #EEE7DD，其他不变—— 首页镜像 2026-10-16 压平选择器清单整体翻色；内页覆盖 body/内页横幅/交替节/页脚四层； 内容块（白卡/深蓝CTA横幅/铜金磁铁/按钮等）与全部文字/组件配色不动 */ body.pg-home,.pg-home .v41-hero,.pg-home .hero-fluid.fluid-on,.pg-home .hero-fluid.fluid-fallback,.pg-home .hero-fluid:not(.fluid-on):not(.fluid-fallback),body.pg-home #qz-intro,.pg-home .v36-wall,.pg-home .v36-stats,.pg-home .v36-cases,.pg-home .v36-news,.pg-home .v36-news ~ .section,.pg-home #eco,.pg-home #eco .nb-screen,.pg-home .v36-wall-logobox,.pg-home .site-footer,body.pg-inner,body.pg-inner .page-banner,body.pg-inner .section.alt,body.pg-inner .site-footer{background:#EEE7DD} body.pg-inner .site-footer{color:#595959} body.pg-inner .site-footer h5{color:#2C2C2C} body.pg-inner .site-footer .footer-desc{color:#686868} body.pg-inner .site-footer .footer-note{color:#7A7A7A} body.pg-inner .site-footer a{color:#595959} body.pg-inner .site-footer a:hover{color:#87613F} body.pg-inner .site-footer .footer-bottom{border-top-color:rgba(138,106,59,.25);color:#7A7A7A} body.pg-inner .site-footer::after{-webkit-text-stroke:1px rgba(44,44,44,.09)} /* 2026-10-30 主人指令：首屏与下屏衔接处渐变软化（还是有些生硬）—— 旧纱 200px 高、62% 处即到 .85 不透明度（斜率突变点肉眼可见、球下缘被「切」）； 新纱 300px 高、色标重排为全程平滑曲线（每段坡度相近，无可见拐点），终点色仍锚 #EEE7DD。 本条原位重写 590 旧规则（517 首版规则仍在场被本条覆盖），引用 bump v43-logo.css?v=20261030a */ .pg-home .hero-fluid::after{height:300px;background:linear-gradient(180deg,rgba(238,231,221,0) 0%,rgba(238,231,221,.20) 34%,rgba(238,231,221,.52) 60%,rgba(238,231,221,.82) 82%,#EEE7DD 100%)} /* 2026-10-23 主人拍板（顾远派单）：about 页 manifesto 首屏之下的四个 section（信任基础/公司简介/合作路径/联系方式）铺纹理背景， img/about-texture-v1.webp（1672×941 方向性单图，不可平铺）；仅 about 页生效，其余 8 页与首屏零波及。 配方=星云链 4b7269a 同族的视口锚定：纹理层画在 body::before 上 position:fixed inset:0 z-index:-1—— 伪元素自身 fixed 即视口锚定，单图 center/cover 按视口取景不被长页拉伸模糊，也未用 background-attachment:fixed （该属性 iOS 兼容差，伪元素方案天然规避，移动端同配方无需退化）。 body 加 isolation:isolate（零布局位移）：令 z-index:-1 伪元素落进 body 自己的层叠上下文， 否则负 z 子层会落到根层叠上下文、被 body 的 #EEE7DD 实底盖住不可见。 .section.alt 翻 transparent 透出纹理：body.pg-about .section.alt 与 a9e82f3 的 body.pg-inner .section.alt 同特异性 (0,3,1)，本块纯追加其后、后到者胜。footer 保持 #EEE7DD 实底不铺； manifesto 自带不透明渐变底+isolation（v3.css 246-252）天然封边，首屏零接触。 */ body.pg-about{isolation:isolate} body.pg-about::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../img/about-texture-v2.webp') center/cover no-repeat} body.pg-about .section.alt{background:transparent} /* 接缝治理（4b7269a 同族）：manifesto 底边收在近白，纹理带顶直接相接会有中度色差断层—— 首个纹理节顶部加 100px 白→透明渐隐纱；z-index:-1 落 body 层叠上下文、画在纹理之上内容之下， 零布局位移；只作用 manifesto 紧邻的 .alt 节，下方节间共享同一 fixed 纹理层天然无缝 */ body.pg-about .manifesto + .section.alt::before{content:'';position:absolute;left:0;right:0;top:0;height:100px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fff,rgba(255,255,255,0))} /* 2026-10-23 主人指令（顾远派单）：纹理背景从 about 推广到全部内页——solutions/products/research/partners/service-detail/download 六页 body 加 pg-tex 公共类，index 与 about 不动。配方=2e9933a（about 单）原样复用： body.pg-tex{isolation:isolate} 令负 z 伪元素落 body 层叠上下文不被 #EEE7DD 实底盖住； 纹理层 body.pg-tex::before fixed 视口锚定（伪元素自身 fixed，不用 background-attachment:fixed 规避 iOS 坑）； .section.alt 翻 transparent：body.pg-tex 前缀与 a9e82f3 染底规则同特异性 (0,3,1) 后到者胜。 接缝纱挂「横幅紧邻的下一个 section」顶部（6 页横幅与下一节均已核实为紧邻兄弟，download 的 .dl-hero-sec 同样命中）： 纱色 #EEE7DD——内页横幅底已被 a9e82f3 的 body.pg-inner .page-banner 染成实底（0,2,1 压过 style.css:300 的 paper-warm→#fff 渐变）， 非派单所述「近白」；about 单纱色用 #fff 是因 manifesto 底确为近白，两处纱色各随其源头实底。 不用 .page-banner::before（v3.css:352 被 aurora 网格层占用）；products 金字塔首屏节无横幅在顶，#EEE7DD 实底封边， 其纹理带顶接缝由横幅下方紧邻 .alt 节的通用纱规则覆盖，无需单写。 */ body.pg-tex{isolation:isolate} body.pg-tex::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../img/about-texture-v2.webp') center/cover no-repeat} body.pg-tex .section.alt{background:transparent} body.pg-tex #stack-pyramid{background:#EEE7DD} body.pg-tex .page-banner + .section::before{content:'';position:absolute;left:0;right:0;top:0;height:100px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#EEE7DD,rgba(238,231,221,0))} /* 2026-10-23 主人指令（纹理升级单）：①纹理降透明度 ②混沌星云式缓慢流动 ③页脚交界渐变软化。 降透明：伪元素不能再整层 opacity（z:-1 层半透明会露出 body #EEE7DD 实底、视觉等于提亮， 与"降透明度"同向但幅度不可控），改为三层合成——纹理图照常 1:1 铺、上面叠一条 rgba(238,231,221,.28) 的底色纱把纹理压淡 28%，观感即"图透明度约 72%"。 流动：混沌星云式=缓慢漂移+明暗呼吸两组超长周期动画叠加（周期互质防视觉循环感）； background-position 动画对 fixed 层零布局位移；prefers-reduced-motion 一并关停降级静态。 页脚交界：纹理带与 footer 实底的硬切线 → footer::after 白纱（83px 渐出）上盖 box-shadow 负外扩晕（92px，拖尾 60px）；footer 无既有 box-shadow（已 grep 核实零冲突）。 */ body.pg-tex::before{animation:qyTexDrift 140s var(--ease-soft) infinite alternate,qyTexBreath 11s ease-in-out infinite alternate} body.pg-tex::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(238,231,221,.28);animation:qyTexBreath2 17s ease-in-out infinite alternate} @keyframes qyTexDrift{from{background-position:50% 50%}to{background-position:32.5% 35%}} @keyframes qyTexBreath{from{filter:brightness(1)}to{filter:brightness(1.06)}} @keyframes qyTexBreath2{from{opacity:.85}to{opacity:1}} body.pg-tex .site-footer{box-shadow:0 -92px 60px -42px rgba(238,231,221,.9)} body.pg-tex .site-footer::after{content:'';position:absolute;left:0;right:0;top:0;height:83px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(238,231,221,1),rgba(238,231,221,.55) 52%,rgba(238,231,221,0))} @media (prefers-reduced-motion:reduce){body.pg-tex::before,body.pg-tex::after{animation:none}} /* 2026-10-23 二次反馈（主人贴图指认 products 两处生硬分界）：①金字塔封边块→横幅的硬切＝ 横幅 .page-banner::before 网格纹（z:1，v3.css:354）顶边突然现形——横幅 ::after（已核空闲） 加 120px 白纱自顶向下渐隐，网格纹出现处先化开再显形；②横幅→纹理带的硬切＝横幅自带 1px 底边框（a9e82f3 时代残留）+交界纱 100px 偏短——border-bottom 翻 transparent （零布局位移），交界纱加长 170px、起点色用横幅实测底色 #EEE7DD。 */ body.pg-tex .page-banner{border-bottom-color:transparent} body.pg-tex .page-banner::after{content:'';position:absolute;left:0;right:0;top:0;height:120px;z-index:2;pointer-events:none;background:linear-gradient(180deg,#EEE7DD,rgba(238,231,221,.45) 30%,rgba(238,231,221,0) 58%)} body.pg-tex .page-banner + .section::before{height:170px;background:linear-gradient(180deg,#EEE7DD,rgba(238,231,221,.35) 62%,rgba(238,231,221,0))} /* 星云流动二次加强：漂移+自旋翻涌叠加（rotate 让云纹斜向翻卷更像星云），周期互质防循环感 */ body.pg-tex::before{animation:qyTexDrift 140s var(--ease-soft) infinite alternate,qyTexSpin 95s linear infinite,qyTexBreath 11s ease-in-out infinite alternate} @keyframes qyTexSpin{from{transform:rotate(0deg) scale(1.22)}to{transform:rotate(4deg) scale(1.28)}} body.pg-tex::before{transform-origin:50% 46%;will-change:transform,background-position} @media (prefers-reduced-motion:reduce){body.pg-tex::before{transform:none;animation:none}} /* 2026-10-23 纹理换星云动图（主人指令：换图其余不变）：定稿载体=