*,*::before,*::after{box-sizing:border-box} /* ── 设计系统令牌 ── 浅色为默认（:root），深色由 prefers-color-scheme 与 [data-theme] 覆盖；手机浏览器栏用同一组底色（见 head 里的 theme-color）。 灰阶三档（--text / --dim / --faint）对底色的对比度都 ≥ 4.5:1，小字也能读。 字号阶梯：display / h1 / h2 / h3 / lead / body / small / micro；间距阶梯：--sp-section（区块之间）/ --sp-block / --sp-para。 */ :root{ --bg:#f9f9f9;--bg-2:#f2f2f2;--bg-3:#eaeaea; --text:#141414;--head:#141414;--dim:#525252;--faint:#686868; --line:rgba(20,20,20,.13);--line-hi:rgba(20,20,20,.26); --tint-0:rgba(20,20,20,.02);--tint-1:rgba(20,20,20,.045);--tint-2:rgba(20,20,20,.06);--tint-3:rgba(20,20,20,.08);--tint-4:rgba(20,20,20,.1); --nav-bg:rgba(249,249,249,.78);--frame-bg:#ffffff;--code-bg:#efefef; --shadow:0 30px 70px -30px rgba(20,20,20,.28);--shadow-shot:0 1px 2px rgba(20,20,20,.04),0 18px 48px -22px rgba(20,20,20,.22);--shot-line:rgba(20,20,20,.13);--brand-filter:none; --mat-bg:#fafafa;--figure-filter:none; --warn:#656565;--tip-bg:rgba(101,101,101,.07);--tip-line:rgba(101,101,101,.26);--tip-text:#505050; --scheme:light;--chat-grid:rgba(0,0,0,0.04); --ease:cubic-bezier(.22,1,.36,1); --col:680px;--wide:1160px;--gutter:24px;--nav-h:64px;--sbw:0px;--side:0px; --sp-section:clamp(64px,7vw,96px);--sp-block:40px;--sp-para:14px; --fs-display:clamp(40px,5.6vw,68px);--fs-h1:clamp(34px,4.4vw,50px);--fs-h2:clamp(28px,3.2vw,40px);--fs-h3:20px; --fs-lead:clamp(17px,1.5vw,20px);--fs-body:17px;--fs-small:14.5px;--fs-micro:13px; --r-s:6px;--r-m:8px;--r-l:12px; color-scheme:light} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]){ --bg:#141414;--bg-2:#1a1a18;--bg-3:#1f1f1f; --text:#e7e7e7;--head:#e2e2e2;--dim:#aeaeae;--faint:#898989; --line:rgba(249,249,249,.1);--line-hi:rgba(249,249,249,.22); --tint-0:rgba(249,249,249,.025);--tint-1:rgba(249,249,249,.055);--tint-2:rgba(249,249,249,.07);--tint-3:rgba(249,249,249,.09);--tint-4:rgba(249,249,249,.11); --nav-bg:rgba(20,20,20,.72);--frame-bg:#0d0d0c;--code-bg:#0c0c0b; --shadow:0 30px 70px -24px rgba(0,0,0,.85);--shadow-shot:none;--shot-line:rgba(255,255,255,.08);--brand-filter:saturate(.82); --mat-bg:#1a1a18; /* 图是单色线稿，作为 引入时内部颜色不跟页面主题走。invert(.93) 让白底落到 #121212、黑线落到 #ededed —— 与页面的 --bg #141414 和 --text #e7e7e7 几乎重合。 纯 invert(1) 会把白底压成纯黑，反而比页面还暗，看着像个洞。 ★只给线稿图用；历史照片（.plate img）绝不能反色，人像会变负片。 */ --figure-filter:invert(.93); --warn:#b7b7b7;--tip-bg:rgba(183,183,183,.08);--tip-line:rgba(183,183,183,.28);--tip-text:#c9c9c9; --scheme:dark;--chat-grid:rgba(255,255,255,0.03); color-scheme:dark}} :root[data-theme="dark"]{ --bg:#141414;--bg-2:#1a1a18;--bg-3:#1f1f1f; --text:#e7e7e7;--head:#e2e2e2;--dim:#aeaeae;--faint:#898989; --line:rgba(249,249,249,.1);--line-hi:rgba(249,249,249,.22); --tint-0:rgba(249,249,249,.025);--tint-1:rgba(249,249,249,.055);--tint-2:rgba(249,249,249,.07);--tint-3:rgba(249,249,249,.09);--tint-4:rgba(249,249,249,.11); --nav-bg:rgba(20,20,20,.72);--frame-bg:#0d0d0c;--code-bg:#0c0c0b; --shadow:0 30px 70px -24px rgba(0,0,0,.85);--shadow-shot:none;--shot-line:rgba(255,255,255,.08);--brand-filter:saturate(.82); --mat-bg:#1a1a18; /* 图是单色线稿，作为 引入时内部颜色不跟页面主题走。invert(.93) 让白底落到 #121212、黑线落到 #ededed —— 与页面的 --bg #141414 和 --text #e7e7e7 几乎重合。 纯 invert(1) 会把白底压成纯黑，反而比页面还暗，看着像个洞。 ★只给线稿图用；历史照片（.plate img）绝不能反色，人像会变负片。 */ --figure-filter:invert(.93); --warn:#b7b7b7;--tip-bg:rgba(183,183,183,.08);--tip-line:rgba(183,183,183,.28);--tip-text:#c9c9c9; --scheme:dark;--chat-grid:rgba(255,255,255,0.03); color-scheme:dark} @media(prefers-color-scheme:light){:root:not([data-theme="dark"]){ --bg:#f9f9f9;--bg-2:#f2f2f2;--bg-3:#eaeaea; --text:#141414;--head:#141414;--dim:#525252;--faint:#686868; --line:rgba(20,20,20,.13);--line-hi:rgba(20,20,20,.26); --tint-0:rgba(20,20,20,.02);--tint-1:rgba(20,20,20,.045);--tint-2:rgba(20,20,20,.06);--tint-3:rgba(20,20,20,.08);--tint-4:rgba(20,20,20,.1); --nav-bg:rgba(249,249,249,.78);--frame-bg:#ffffff;--code-bg:#efefef; --shadow:0 30px 70px -30px rgba(20,20,20,.28);--shadow-shot:0 1px 2px rgba(20,20,20,.04),0 18px 48px -22px rgba(20,20,20,.22);--shot-line:rgba(20,20,20,.13);--brand-filter:none; --mat-bg:#fafafa;--figure-filter:none; --warn:#656565;--tip-bg:rgba(101,101,101,.07);--tip-line:rgba(101,101,101,.26);--tip-text:#505050; --scheme:light;--chat-grid:rgba(0,0,0,0.04); color-scheme:light}} :root[data-theme="light"]{ --bg:#f9f9f9;--bg-2:#f2f2f2;--bg-3:#eaeaea; --text:#141414;--head:#141414;--dim:#525252;--faint:#686868; --line:rgba(20,20,20,.13);--line-hi:rgba(20,20,20,.26); --tint-0:rgba(20,20,20,.02);--tint-1:rgba(20,20,20,.045);--tint-2:rgba(20,20,20,.06);--tint-3:rgba(20,20,20,.08);--tint-4:rgba(20,20,20,.1); --nav-bg:rgba(249,249,249,.78);--frame-bg:#ffffff;--code-bg:#efefef; --shadow:0 30px 70px -30px rgba(20,20,20,.28);--shadow-shot:0 1px 2px rgba(20,20,20,.04),0 18px 48px -22px rgba(20,20,20,.22);--shot-line:rgba(20,20,20,.13);--brand-filter:none; --mat-bg:#fafafa;--figure-filter:none; --warn:#656565;--tip-bg:rgba(101,101,101,.07);--tip-line:rgba(101,101,101,.26);--tip-text:#505050; --scheme:light;--chat-grid:rgba(0,0,0,0.04); color-scheme:light} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip} body{margin:0;background:var(--bg);color:var(--text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400;font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} html.menu-open,html.menu-open body{overflow:hidden} a{color:inherit;text-decoration:none} img,svg{max-width:100%} .col{width:100%;max-width:var(--col);margin:0 auto;padding:0 var(--gutter)} .wide{width:100%;max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)} code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--code-bg);border:1px solid var(--line);border-radius:var(--r-s);padding:2px 6px} pre{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.6} pre code{border:0;padding:0;background:none} :focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:2px} /* 段内链接：一种样式，全站一致（导航 / 卡片 / 页脚各有自己的规则） */ main p a,main li a,main td a,.meta a,.fine a,.foot-note a{color:inherit;border-bottom:1px solid var(--line-hi);transition:border-color .2s} main p a:hover,main li a:hover,main td a:hover,.meta a:hover,.fine a:hover,.foot-note a:hover{border-bottom-color:var(--text)} /* ── 导航：桌面是左侧常驻竖栏，手机是顶栏 + 从左滑出的抽屉。半透明底 + 模糊放在 ::before 上，免得 backdrop-filter 把里面 fixed 的抽屉钉在栏里 ── */ nav.top{position:fixed;z-index:60;display:flex;box-sizing:border-box} nav.top::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--nav-bg);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)} nav.top .wide{display:flex;max-width:none;padding:0;gap:0} .brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:.01em;white-space:nowrap;flex:none} .brand .mark{width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url(/site/mark.svg?v=96ca48b16e) center/contain no-repeat;mask:url(/site/mark.svg?v=96ca48b16e) center/contain no-repeat} .brand small{color:var(--faint);font-size:12px;font-weight:400;letter-spacing:.06em} .nav-right{display:flex;align-items:center;gap:4px} .nav-links{color:var(--dim);font-size:14px} .nav-links .grp{display:flex;flex-direction:column} .nav-links .grp b{display:block;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:0 10px;margin:0 0 6px} .nav-links a{display:block;line-height:38px;padding:0 10px;border-radius:var(--r-s);transition:color .2s,background-color .2s} .nav-links a:hover{color:var(--text);background:var(--tint-1)} .nav-links a[aria-current]{color:var(--text);background:var(--tint-2)} /* 「下载」：全站同一颗小按钮（34px），页面正文里的下载按钮才是大的那颗 */ .nav-right .go{display:inline-flex;align-items:center;height:34px;color:var(--bg);background:var(--text);padding:0 14px;font-size:14px;border-radius:7px;transition:opacity .2s} .nav-right .go:hover{opacity:.85;color:var(--bg)} .theme,.menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-m);border:1px solid transparent;background:transparent;color:var(--dim);cursor:pointer;padding:0;flex:none} .theme:hover,.menu:hover{color:var(--text);border-color:var(--line)} .theme svg,.menu svg{width:17px;height:17px} .theme .moon{display:none} :root[data-theme="dark"] .theme .moon{display:block}:root[data-theme="dark"] .theme .sun{display:none} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .moon{display:block}:root:not([data-theme="light"]) .theme .sun{display:none}} :root[data-theme="light"] .theme .sun{display:block}:root[data-theme="light"] .theme .moon{display:none} @media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .theme .sun{display:block}:root:not([data-theme="dark"]) .theme .moon{display:none}} .menu{display:none} .menu .close{display:none} nav.top.open .menu .close{display:block}nav.top.open .menu .open{display:none} .scrim{display:none} /* 桌面（≥1024px）：一条顶栏 —— 品牌 · 四个主入口 · 下载 · 主题；其余页面全在页脚 */ @media(min-width:1024px){ :root{--side:0px;--nav-h:64px} nav.top{inset:0 0 auto;height:var(--nav-h);align-items:center;border-bottom:1px solid var(--line)} nav.top .wide{align-items:center;gap:28px;padding:0 var(--gutter);width:100%;max-width:var(--wide)} .nav-primary{display:flex;align-items:center;gap:2px;margin-left:6px} .nav-primary a{display:block;padding:0 12px;line-height:36px;border-radius:var(--r-s);font-size:14px;color:var(--dim);transition:color .2s,background-color .2s} .nav-primary a:hover{color:var(--text);background:var(--tint-1)} .nav-primary a[aria-current]{color:var(--text)} .nav-right{margin-left:auto;gap:8px} .nav-links,.menu,.scrim{display:none} } /* 手机 / 窄屏（<1024px）：顶栏只放品牌 + 主题 + 菜单；菜单从左滑出整栏，带遮罩，打开时锁滚动 */ @media(max-width:1023px){ :root{--nav-h:56px} .nav-primary{display:none} nav.top{inset:0 0 auto;height:var(--nav-h);align-items:center;border-bottom:1px solid var(--line)} nav.top .wide{align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);width:100%} .brand,.nav-right{position:relative;z-index:2} .menu{display:inline-flex} .nav-right .go{display:none} .nav-links{display:none} .scrim{display:block;position:fixed;inset:0;z-index:0;background:rgba(20,20,20,.42);opacity:0;pointer-events:none;transition:opacity .25s} nav.top.open .scrim{opacity:1;pointer-events:auto} /* 抽屉从顶栏下沿开始（top=--nav-h），顶栏打开态铺不透明底，滚动时链接不会穿到品牌行/按钮底下 */ nav.top.open{background:var(--bg)} nav.top.open::before{z-index:2;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none} nav.top.open .wide{position:relative;z-index:3} nav.top.open .nav-links{display:flex;flex-direction:column;gap:26px;position:fixed;top:var(--nav-h);left:0;bottom:0;z-index:1;width:min(300px,84vw);overflow-y:auto;overscroll-behavior:contain; background:var(--bg);border-right:1px solid var(--line);padding:18px 14px 40px;font-size:16px;color:var(--text);animation:slide-in .28s var(--ease)} nav.top.open .nav-links a{line-height:44px;padding:0 12px} nav.top.open .nav-links .grp b{padding:0 12px} html.nojs .menu,html.nojs .scrim{display:none} html.nojs nav.top{position:sticky;height:auto;padding:10px 0} html.nojs nav.top .wide{flex-wrap:wrap} html.nojs .nav-links{display:flex;flex-wrap:wrap;width:100%;gap:8px 18px;padding-top:6px} html.nojs .nav-links .grp{flex-direction:row;flex-wrap:wrap;gap:0 4px} html.nojs .nav-links a{line-height:32px} } @keyframes slide-in{from{transform:translateX(-24px);opacity:.6}to{transform:none;opacity:1}} @media(prefers-reduced-motion:reduce){nav.top.open .nav-links{animation:none}} @media(max-width:400px){.brand{gap:8px;font-size:14px}.brand small{font-size:11.5px;letter-spacing:.04em}} /* ── 页头 ── */ header.hero{padding:calc(var(--nav-h) + clamp(56px,8vw,104px)) 0 0;text-align:center} header.page{padding:calc(var(--nav-h) + clamp(40px,5.5vw,72px)) 0 clamp(28px,4vw,44px)} h1{margin:0;font-weight:400;font-size:var(--fs-display);line-height:1.15;letter-spacing:-.015em;color:var(--head);text-wrap:balance} header.page h1{font-size:var(--fs-h1);line-height:1.15;letter-spacing:-.018em} .lead{margin:20px auto 0;max-width:560px;font-size:var(--fs-lead);line-height:1.6;color:var(--dim);letter-spacing:-.005em;text-wrap:pretty} header.page .lead{margin-left:0;margin-top:16px;text-wrap:balance} header.hero .lead{text-wrap:balance} .wide>.col{max-width:none;margin:0;padding:0} /* 面包屑一行：左边路径，右边「更新于」，都是小字 */ header.page .col{position:relative} .crumb{font-size:var(--fs-micro);color:var(--faint);margin-bottom:16px;padding-right:150px} .crumb a{display:inline-block;padding:8px 0;margin:-8px 0;color:var(--dim);transition:color .2s} .crumb a:hover{color:var(--text)} .crumb .sl{margin:0 8px} .stamp{position:absolute;top:0;right:var(--gutter);font-size:var(--fs-micro);color:var(--faint);white-space:nowrap} /* ── 正文区块：大留白 + 细线分隔 ── */ main{display:block} main>section{padding:var(--sp-section) 0 0} main>section.tight{padding-top:clamp(40px,5vw,56px)} main>section+section{margin-top:var(--sp-section)} main>section.tight+section.tight{margin-top:0;border-top:0;padding-top:clamp(28px,4vw,40px)} h2{margin:0 0 14px;font-weight:500;font-size:var(--fs-h2);line-height:1.18;letter-spacing:-.018em;text-wrap:balance} h3{margin:32px 0 8px;font-weight:500;font-size:var(--fs-h3);line-height:1.35;letter-spacing:-.01em} h2+h3{margin-top:22px} p{margin:0 0 var(--sp-para)} p.dim,li.dim,.dim{color:var(--dim)} ul,ol{margin:0 0 16px;padding-left:22px} li{margin:7px 0} li::marker{color:var(--faint)} b,strong{font-weight:500} /* 首页「界面」区：标题、说明、标签、截图全部居中 */ #screens .col{text-align:center} #screens .col p{max-width:560px;margin-left:auto;margin-right:auto} /* 卡片：无卡片感，留白 + 顶部细线 */ .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 40px;margin:12px 0 24px} .card{padding:22px 0 28px} .card b{display:block;font-weight:500;font-size:17px;margin-bottom:8px;letter-spacing:-.005em} .card p{margin:0;color:var(--dim);font-size:15px;line-height:1.6} .card a.more{display:inline-block;margin-top:12px;font-size:14px;color:var(--text);border-bottom:1px solid var(--line-hi);transition:border-color .2s} .card a.more:hover{border-bottom-color:var(--text)} .grid+p.dim{max-width:var(--col);margin:0 auto} /* 首页「能力」：两栏对齐的清单——左栏大标题、右栏两三行短正文，细线分行，不做卡片盒子 */ .feat{width:100%;max-width:980px;margin:0 auto;padding:0 var(--gutter)} .fl{margin-top:28px} .fr{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);column-gap:64px;padding:26px 0} .fr b{font-weight:500;font-size:clamp(20px,1.7vw,24px);line-height:1.3;letter-spacing:-.012em;color:var(--head)} .fr p{margin:0;color:var(--dim);font-size:16.5px;line-height:1.6;max-width:600px} .fr a.more{display:inline-block;margin-top:10px;font-size:14.5px;color:var(--text);border-bottom:1px solid var(--line-hi);transition:border-color .2s} .fr a.more:hover{border-bottom-color:var(--text)} .feat>p.dim{margin:24px 0 0} .fr p+p{margin-top:6px} .fr p .k{color:var(--faint);font-size:14px;letter-spacing:.02em;margin-right:6px} .fr a{color:var(--text);border-bottom:1px solid var(--line-hi)} .fr a:hover{border-bottom-color:var(--text)} .feat>h2{margin-top:8px} .feat .note{max-width:600px;margin-left:calc(min(280px,max(160px,28%)) + 64px)} .feat h3{margin:40px 0 0;font-size:15px;letter-spacing:.06em;color:var(--faint);font-weight:500} .qa{padding:18px 0 8px} .qa h3{margin:0 0 8px;font-size:18px} .qa p{color:var(--dim)} .tip{margin:18px 0;padding:12px 16px;border-radius:var(--r-m);background:var(--tip-bg);border:1px solid var(--tip-line);color:var(--tip-text);font-size:var(--fs-small);line-height:1.6} .note{border-left:2px solid var(--line-hi);padding:4px 0 4px 18px;color:var(--dim);margin:22px 0;font-size:16px} .box{border:1px solid var(--line);border-radius:var(--r-m);padding:14px 18px;margin:14px 0;background:var(--tint-0)} .box.warn{border-color:var(--tip-line);background:var(--tip-bg);color:var(--tip-text)} .sec{margin:28px 0} .foot-note{padding-top:18px;margin-top:24px;color:var(--faint);font-size:14px;text-align:center} /* 步骤：小号编号（01 / 02）+ 标题 + 说明，两栏对齐，细线分行，不画圆圈 */ .steps{counter-reset:s;list-style:none;padding:0;margin:20px 0 24px} .steps li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;margin:0;padding:18px 0} .steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);grid-row:1/span 2;font-size:12.5px;letter-spacing:.12em;color:var(--faint);font-variant-numeric:tabular-nums;line-height:1.5;padding-top:6px} .steps li b{grid-column:2;display:block;font-weight:500;font-size:18px;line-height:1.35;letter-spacing:-.008em;color:var(--head)} .steps li span{grid-column:2;color:var(--dim);font-size:15.5px;line-height:1.6;margin-top:4px} .steps li span:empty{display:none} .plat{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px} .plat span{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;color:var(--dim)} table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 18px} th,td{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top} th{font-weight:500;color:var(--faint);font-size:13px;letter-spacing:.04em} .tbl{overflow-x:auto} /* 下载页表格：三列宽度按内容分配，文件名等宽数字，大小淡一档且不断行 */ .tbl.dlt{margin-top:28px} .dlt th:nth-child(1){width:22%} .dlt th:nth-child(2){width:32%} .dlt td[data-size]{font-variant-numeric:tabular-nums} .dlt .sz{white-space:nowrap;color:var(--faint)} .quote{margin:48px 0 0;padding:28px 0;color:var(--dim);font-size:19px;line-height:1.5;text-align:center;letter-spacing:-.005em} .legal h2{font-size:24px;margin-top:40px} .legal h3{font-size:18px} /* ── 按钮：一主（墨色）一次（细线） ── */ .dl{margin:32px 0 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap} /* 首页倒计时（机主 2026-09-26：到 9 月 28 日 21:00 北京时间；钟表样式 时:分:秒 + 小号淡色毫秒，不写天、不写说明）；没脚本不显示，到点整块收起 */ /* 首页产品讲解片：比正文栏宽一些，手机上贴满栏宽 */ .film{position:relative;margin:36px auto 0;width:min(960px,100vw - 32px);left:50%;transform:translateX(-50%);aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line-hi);background:#000} .film video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer} .film-c{position:absolute;right:12px;top:12px;display:flex;gap:8px} .film-c button{font:inherit;font-size:13px;line-height:1;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.55);color:#f5f5f7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .film-c button:hover{background:rgba(0,0,0,.75)} .cd{margin:36px 0 0} .cd-n{display:flex;justify-content:center;align-items:baseline;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap} .cd-n b{font-weight:300;font-size:clamp(40px,7vw,64px);letter-spacing:-.01em;color:var(--head)} .cd-n i{font-style:normal;font-weight:300;font-size:clamp(34px,6vw,54px);color:var(--faint);margin:0 .14em;position:relative;top:-.06em} .cd-n em{font-style:normal;font-weight:300;font-size:clamp(18px,2.6vw,24px);color:var(--dim);margin-left:4px;min-width:4ch;text-align:left} .cd+.dl{margin-top:28px} .dl.left{justify-content:flex-start;margin-top:0} .btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;filter:grayscale(1)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:var(--r-m);font-size:16px;font-weight:500;letter-spacing:-.005em; cursor:pointer;border:1px solid var(--line-hi);background:transparent;color:var(--text);transition:background .25s,border-color .25s,opacity .25s} .btn:hover{background:var(--tint-1);border-color:var(--text)} .btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)} .btn.primary:hover{opacity:.86} .btn.wait{opacity:.4;pointer-events:none} .btn[hidden]{display:none} .btn svg{width:17px;height:17px;flex:none} /* 按钮下面的两行小字：同一档灰、紧挨着，不再各占一段 */ /* 下载按钮下的两句玩笑话（机主 09-28）：两行左对齐成一列、图标上下对齐；英文用系统自带的手写体（不外链字体，国内打得开） */ .quips{margin:18px auto 0;width:fit-content;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;font-size:14px;line-height:1.5;color:var(--dim)} .quips .q{display:flex;align-items:flex-start;gap:8px} .quips svg{width:15px;height:15px;flex:none;opacity:.8;margin-top:3px} .quips p{margin:0} .quips .en{font-family:"Snell Roundhand","Segoe Script","Bradley Hand","Apple Chancery",cursive;font-size:17px;line-height:1.4;color:var(--dim)} .meta{margin-top:14px;font-size:14px;color:var(--faint);min-height:20px;line-height:1.5} .meta .warn{color:var(--warn)} .meta a{color:var(--dim)} .fine{margin:4px 0 0;font-size:var(--fs-micro);color:var(--faint);line-height:1.5;text-wrap:pretty} .fine a{color:var(--dim);white-space:nowrap} .tip[hidden]{display:none} /* ── 真实截图：深浅两张，随主题切换；缺图时显示「截图更新中」 ── */ .shot{margin:40px 0 36px;width:100%} /* 破栏到 1040px；100vw 含滚动条宽度，--sbw 由脚本量出（没有脚本时为 0）；桌面再扣掉左栏 --side */ .col .shot{width:min(1040px,calc(100vw - var(--sbw) - var(--side) - 2*var(--gutter)));margin-left:calc((100% - min(1040px,calc(100vw - var(--sbw) - var(--side) - 2*var(--gutter)))) / 2)} .shot .pic{cursor:zoom-in} .lightbox{border:0;outline:none;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh} .lightbox::backdrop{background:rgba(0,0,0,.86)} .lightbox .box{width:100vw;height:100vh;overflow:auto;text-align:center;cursor:zoom-out;border:0;border-radius:0;padding:0;margin:0;background:transparent;touch-action:pan-x pan-y pinch-zoom} .lightbox img{display:inline-block;vertical-align:top;max-width:none;width:auto;height:auto;margin:0} .lightbox .x{position:fixed;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);color:#fff;cursor:pointer} .lightbox .x svg{width:18px;height:18px} .lightbox .x:focus-visible{outline:2px solid #fff;outline-offset:2px} .lightbox .tip{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);font-size:13px;color:#faf9f5;opacity:.8;pointer-events:none;background:transparent;border:0;margin:0;padding:0;white-space:nowrap} .shot .pic{position:relative;border:1px solid var(--shot-line);border-radius:var(--r-l);overflow:hidden;background:var(--frame-bg);box-shadow:var(--shadow-shot);aspect-ratio:2880/1800} .shot img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:var(--frame-bg)} .shot img.dk{display:none} :root[data-theme="dark"] .shot img.lt{display:none}:root[data-theme="dark"] .shot img.dk{display:block} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .shot img.lt{display:none}:root:not([data-theme="light"]) .shot img.dk{display:block}} :root[data-theme="light"] .shot img.dk{display:none}:root[data-theme="light"] .shot img.lt{display:block} @media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .shot img.dk{display:none}:root:not([data-theme="dark"]) .shot img.lt{display:block}} .shot img.err{visibility:hidden} .shot .missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--faint);font-size:14px;letter-spacing:.02em} .shot .missing svg{width:16px;height:16px;flex:none} .shot .pic:has(img.err){cursor:default;background:var(--tint-1);border-style:dashed;box-shadow:none} .shot figcaption{margin-top:12px;font-size:14px;color:var(--faint);line-height:1.55;max-width:var(--col);margin-left:auto;margin-right:auto;text-align:center} .shot figcaption q{quotes:"「" "」";color:var(--dim)} /* 动线：小号编号（01 / 02）在上、标题在下、大图在后；不画圆圈 */ .flow{list-style:none;padding:0;margin:20px 0 24px} .flow-wrap{margin-top:44px} .flow>li{margin:0;padding:26px 0 8px} .flow .fs{display:block} .flow .fs .n{display:block;font-size:12.5px;letter-spacing:.12em;color:var(--faint);font-variant-numeric:tabular-nums;line-height:1.5;margin-bottom:8px} .flow .fs b{display:block;font-weight:500;font-size:20px;line-height:1.35;letter-spacing:-.01em;color:var(--head)} .flow .shot{margin-top:16px;margin-bottom:16px} .shots-2{display:block} .shots-2 .shot{margin-top:16px;margin-bottom:16px} /* ── 首页轮换（无 JS 时四张全部铺开）：截图嵌在一块底色里，与网页正文分开 ── */ .carousel{margin-top:8px} .carousel .shot{margin:0} .carousel .tabs{display:flex;gap:6px 20px;flex-wrap:wrap;justify-content:center;margin:0 0 32px} .carousel .tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dim);padding:11px 6px;min-height:44px;font-size:14.5px;cursor:pointer;font-family:inherit;transition:color .25s,border-color .25s} .carousel .tabs button:hover{color:var(--text)} .carousel .tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--text)} .carousel .stage{background:var(--bg-2);border-radius:16px;padding:clamp(12px,2.2vw,24px)} .carousel .stage .pic{box-shadow:none} .carousel.js .shot{display:none} .carousel.js .shot.on{display:block} .carousel:not(.js) .tabs{display:none} .carousel:not(.js) .shot{margin-bottom:32px} /* ── 进场：极少且慢 ── */ /* 对话区同款五层圆角矩形浮动网格(与软件 global.css 同源),线色随主题 */ .alita-grid-stack { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; } .alita-grid-u1 { position: absolute; inset: -20px; background-color: var(--chat-grid); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='60'%20y='48'%20width='600'%20height='600'%20rx='54'%20stroke-width='1.70'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='48'%20x2='114'%20y2='48'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='606'%20y1='48'%20x2='720'%20y2='48'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='648'%20x2='114'%20y2='648'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='606'%20y1='648'%20x2='720'%20y2='648'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='60'%20y1='0'%20x2='60'%20y2='102'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='60'%20y1='594'%20x2='60'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='660'%20y1='0'%20x2='660'%20y2='102'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='660'%20y1='594'%20x2='660'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='116'%20y='104'%20width='488'%20height='488'%20rx='44'%20stroke-width='1.48'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='104'%20x2='160'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='560'%20y1='104'%20x2='720'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='592'%20x2='160'%20y2='592'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='560'%20y1='592'%20x2='720'%20y2='592'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='116'%20y1='0'%20x2='116'%20y2='148'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='116'%20y1='548'%20x2='116'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='604'%20y1='0'%20x2='604'%20y2='148'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='604'%20y1='548'%20x2='604'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='164'%20y='152'%20width='392'%20height='392'%20rx='35'%20stroke-width='1.26'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='152'%20x2='199'%20y2='152'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='521'%20y1='152'%20x2='720'%20y2='152'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='544'%20x2='199'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='521'%20y1='544'%20x2='720'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='164'%20y1='0'%20x2='164'%20y2='187'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='164'%20y1='509'%20x2='164'%20y2='714'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='556'%20y1='0'%20x2='556'%20y2='187'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='556'%20y1='509'%20x2='556'%20y2='714'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='206'%20y='194'%20width='308'%20height='308'%20rx='28'%20stroke-width='1.04'%20stroke-opacity='1.00'/%3E%3Cline%20x1='36'%20y1='194'%20x2='234'%20y2='194'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='486'%20y1='194'%20x2='684'%20y2='194'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='36'%20y1='502'%20x2='234'%20y2='502'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='486'%20y1='502'%20x2='684'%20y2='502'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='206'%20y1='24'%20x2='206'%20y2='222'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='206'%20y1='474'%20x2='206'%20y2='672'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='514'%20y1='24'%20x2='514'%20y2='222'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='514'%20y1='474'%20x2='514'%20y2='672'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='242'%20y='230'%20width='236'%20height='236'%20rx='21'%20stroke-width='0.82'%20stroke-opacity='1.00'/%3E%3Cline%20x1='72'%20y1='230'%20x2='263'%20y2='230'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='457'%20y1='230'%20x2='648'%20y2='230'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='72'%20y1='466'%20x2='263'%20y2='466'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='457'%20y1='466'%20x2='648'%20y2='466'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='242'%20y1='60'%20x2='242'%20y2='251'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='242'%20y1='445'%20x2='242'%20y2='636'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='478'%20y1='60'%20x2='478'%20y2='251'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='478'%20y1='445'%20x2='478'%20y2='636'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='60'%20y='48'%20width='600'%20height='600'%20rx='54'%20stroke-width='1.70'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='48'%20x2='114'%20y2='48'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='606'%20y1='48'%20x2='720'%20y2='48'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='648'%20x2='114'%20y2='648'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='606'%20y1='648'%20x2='720'%20y2='648'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='60'%20y1='0'%20x2='60'%20y2='102'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='60'%20y1='594'%20x2='60'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='660'%20y1='0'%20x2='660'%20y2='102'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='660'%20y1='594'%20x2='660'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='116'%20y='104'%20width='488'%20height='488'%20rx='44'%20stroke-width='1.48'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='104'%20x2='160'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='560'%20y1='104'%20x2='720'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='592'%20x2='160'%20y2='592'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='560'%20y1='592'%20x2='720'%20y2='592'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='116'%20y1='0'%20x2='116'%20y2='148'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='116'%20y1='548'%20x2='116'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='604'%20y1='0'%20x2='604'%20y2='148'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='604'%20y1='548'%20x2='604'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='164'%20y='152'%20width='392'%20height='392'%20rx='35'%20stroke-width='1.26'%20stroke-opacity='1.00'/%3E%3Cline%20x1='0'%20y1='152'%20x2='199'%20y2='152'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='521'%20y1='152'%20x2='720'%20y2='152'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='0'%20y1='544'%20x2='199'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='521'%20y1='544'%20x2='720'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='164'%20y1='0'%20x2='164'%20y2='187'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='164'%20y1='509'%20x2='164'%20y2='714'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='556'%20y1='0'%20x2='556'%20y2='187'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='556'%20y1='509'%20x2='556'%20y2='714'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='206'%20y='194'%20width='308'%20height='308'%20rx='28'%20stroke-width='1.04'%20stroke-opacity='1.00'/%3E%3Cline%20x1='36'%20y1='194'%20x2='234'%20y2='194'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='486'%20y1='194'%20x2='684'%20y2='194'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='36'%20y1='502'%20x2='234'%20y2='502'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='486'%20y1='502'%20x2='684'%20y2='502'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='206'%20y1='24'%20x2='206'%20y2='222'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='206'%20y1='474'%20x2='206'%20y2='672'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='514'%20y1='24'%20x2='514'%20y2='222'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='514'%20y1='474'%20x2='514'%20y2='672'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Crect%20x='242'%20y='230'%20width='236'%20height='236'%20rx='21'%20stroke-width='0.82'%20stroke-opacity='1.00'/%3E%3Cline%20x1='72'%20y1='230'%20x2='263'%20y2='230'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='457'%20y1='230'%20x2='648'%20y2='230'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='72'%20y1='466'%20x2='263'%20y2='466'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='457'%20y1='466'%20x2='648'%20y2='466'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='242'%20y1='60'%20x2='242'%20y2='251'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='242'%20y1='445'%20x2='242'%20y2='636'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='478'%20y1='60'%20x2='478'%20y2='251'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3Cline%20x1='478'%20y1='445'%20x2='478'%20y2='636'%20stroke-width='0.5'%20stroke-opacity='0.70'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: 720px 720px; mask-size: 720px 720px; animation: alita-gs1 47s ease-in-out infinite; /* 只管缩放,平移交给两层外壳 */ will-change: transform; } .alita-grid-u2 { position: absolute; inset: -20px; background-color: var(--chat-grid); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='28'%20y='50'%20width='244'%20height='244'%20rx='22'%20stroke-width='1.30'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='50'%20x2='50'%20y2='50'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='250'%20y1='50'%20x2='442'%20y2='50'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='294'%20x2='50'%20y2='294'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='250'%20y1='294'%20x2='442'%20y2='294'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='28'%20y1='0'%20x2='28'%20y2='72'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='28'%20y1='272'%20x2='28'%20y2='464'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='272'%20y1='0'%20x2='272'%20y2='72'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='272'%20y1='272'%20x2='272'%20y2='464'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='58'%20y='80'%20width='184'%20height='184'%20rx='17'%20stroke-width='1.08'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='80'%20x2='75'%20y2='80'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='225'%20y1='80'%20x2='412'%20y2='80'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='264'%20x2='75'%20y2='264'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='225'%20y1='264'%20x2='412'%20y2='264'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='58'%20y1='0'%20x2='58'%20y2='97'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='58'%20y1='247'%20x2='58'%20y2='434'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='242'%20y1='0'%20x2='242'%20y2='97'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='242'%20y1='247'%20x2='242'%20y2='434'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='82'%20y='104'%20width='136'%20height='136'%20rx='12'%20stroke-width='0.86'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='104'%20x2='94'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='206'%20y1='104'%20x2='388'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='240'%20x2='94'%20y2='240'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='206'%20y1='240'%20x2='388'%20y2='240'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='82'%20y1='0'%20x2='82'%20y2='116'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='82'%20y1='228'%20x2='82'%20y2='410'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='218'%20y1='0'%20x2='218'%20y2='116'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='218'%20y1='228'%20x2='218'%20y2='410'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='104'%20y='126'%20width='92'%20height='92'%20rx='8'%20stroke-width='0.64'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='126'%20x2='112'%20y2='126'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='188'%20y1='126'%20x2='366'%20y2='126'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='218'%20x2='112'%20y2='218'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='188'%20y1='218'%20x2='366'%20y2='218'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='104'%20y1='0'%20x2='104'%20y2='134'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='104'%20y1='210'%20x2='104'%20y2='388'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='196'%20y1='0'%20x2='196'%20y2='134'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='196'%20y1='210'%20x2='196'%20y2='388'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='28'%20y='50'%20width='244'%20height='244'%20rx='22'%20stroke-width='1.30'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='50'%20x2='50'%20y2='50'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='250'%20y1='50'%20x2='442'%20y2='50'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='294'%20x2='50'%20y2='294'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='250'%20y1='294'%20x2='442'%20y2='294'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='28'%20y1='0'%20x2='28'%20y2='72'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='28'%20y1='272'%20x2='28'%20y2='464'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='272'%20y1='0'%20x2='272'%20y2='72'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='272'%20y1='272'%20x2='272'%20y2='464'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='58'%20y='80'%20width='184'%20height='184'%20rx='17'%20stroke-width='1.08'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='80'%20x2='75'%20y2='80'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='225'%20y1='80'%20x2='412'%20y2='80'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='264'%20x2='75'%20y2='264'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='225'%20y1='264'%20x2='412'%20y2='264'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='58'%20y1='0'%20x2='58'%20y2='97'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='58'%20y1='247'%20x2='58'%20y2='434'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='242'%20y1='0'%20x2='242'%20y2='97'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='242'%20y1='247'%20x2='242'%20y2='434'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='82'%20y='104'%20width='136'%20height='136'%20rx='12'%20stroke-width='0.86'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='104'%20x2='94'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='206'%20y1='104'%20x2='388'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='240'%20x2='94'%20y2='240'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='206'%20y1='240'%20x2='388'%20y2='240'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='82'%20y1='0'%20x2='82'%20y2='116'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='82'%20y1='228'%20x2='82'%20y2='410'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='218'%20y1='0'%20x2='218'%20y2='116'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='218'%20y1='228'%20x2='218'%20y2='410'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Crect%20x='104'%20y='126'%20width='92'%20height='92'%20rx='8'%20stroke-width='0.64'%20stroke-opacity='0.75'/%3E%3Cline%20x1='0'%20y1='126'%20x2='112'%20y2='126'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='188'%20y1='126'%20x2='366'%20y2='126'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='0'%20y1='218'%20x2='112'%20y2='218'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='188'%20y1='218'%20x2='366'%20y2='218'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='104'%20y1='0'%20x2='104'%20y2='134'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='104'%20y1='210'%20x2='104'%20y2='388'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='196'%20y1='0'%20x2='196'%20y2='134'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3Cline%20x1='196'%20y1='210'%20x2='196'%20y2='388'%20stroke-width='0.5'%20stroke-opacity='0.52'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: 720px 720px; mask-size: 720px 720px; animation: alita-gs2 53s ease-in-out infinite; /* 只管缩放,平移交给两层外壳 */ will-change: transform; } .alita-grid-u3 { position: absolute; inset: -20px; background-color: var(--chat-grid); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='472'%20y='84'%20width='224'%20height='224'%20rx='20'%20stroke-width='1.20'%20stroke-opacity='0.55'/%3E%3Cline%20x1='302'%20y1='84'%20x2='492'%20y2='84'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='676'%20y1='84'%20x2='720'%20y2='84'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='302'%20y1='308'%20x2='492'%20y2='308'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='676'%20y1='308'%20x2='720'%20y2='308'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='472'%20y1='0'%20x2='472'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='472'%20y1='288'%20x2='472'%20y2='478'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='696'%20y1='0'%20x2='696'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='696'%20y1='288'%20x2='696'%20y2='478'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='500'%20y='112'%20width='168'%20height='168'%20rx='15'%20stroke-width='0.98'%20stroke-opacity='0.55'/%3E%3Cline%20x1='330'%20y1='112'%20x2='515'%20y2='112'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='653'%20y1='112'%20x2='720'%20y2='112'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='330'%20y1='280'%20x2='515'%20y2='280'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='653'%20y1='280'%20x2='720'%20y2='280'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='500'%20y1='0'%20x2='500'%20y2='127'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='500'%20y1='265'%20x2='500'%20y2='450'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='668'%20y1='0'%20x2='668'%20y2='127'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='668'%20y1='265'%20x2='668'%20y2='450'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='524'%20y='136'%20width='120'%20height='120'%20rx='11'%20stroke-width='0.76'%20stroke-opacity='0.55'/%3E%3Cline%20x1='354'%20y1='136'%20x2='535'%20y2='136'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='633'%20y1='136'%20x2='720'%20y2='136'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='354'%20y1='256'%20x2='535'%20y2='256'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='633'%20y1='256'%20x2='720'%20y2='256'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='524'%20y1='0'%20x2='524'%20y2='147'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='524'%20y1='245'%20x2='524'%20y2='426'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='644'%20y1='0'%20x2='644'%20y2='147'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='644'%20y1='245'%20x2='644'%20y2='426'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='544'%20y='156'%20width='80'%20height='80'%20rx='7'%20stroke-width='0.60'%20stroke-opacity='0.55'/%3E%3Cline%20x1='374'%20y1='156'%20x2='551'%20y2='156'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='617'%20y1='156'%20x2='720'%20y2='156'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='374'%20y1='236'%20x2='551'%20y2='236'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='617'%20y1='236'%20x2='720'%20y2='236'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='544'%20y1='0'%20x2='544'%20y2='163'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='544'%20y1='229'%20x2='544'%20y2='406'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='624'%20y1='0'%20x2='624'%20y2='163'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='624'%20y1='229'%20x2='624'%20y2='406'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='472'%20y='84'%20width='224'%20height='224'%20rx='20'%20stroke-width='1.20'%20stroke-opacity='0.55'/%3E%3Cline%20x1='302'%20y1='84'%20x2='492'%20y2='84'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='676'%20y1='84'%20x2='720'%20y2='84'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='302'%20y1='308'%20x2='492'%20y2='308'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='676'%20y1='308'%20x2='720'%20y2='308'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='472'%20y1='0'%20x2='472'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='472'%20y1='288'%20x2='472'%20y2='478'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='696'%20y1='0'%20x2='696'%20y2='104'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='696'%20y1='288'%20x2='696'%20y2='478'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='500'%20y='112'%20width='168'%20height='168'%20rx='15'%20stroke-width='0.98'%20stroke-opacity='0.55'/%3E%3Cline%20x1='330'%20y1='112'%20x2='515'%20y2='112'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='653'%20y1='112'%20x2='720'%20y2='112'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='330'%20y1='280'%20x2='515'%20y2='280'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='653'%20y1='280'%20x2='720'%20y2='280'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='500'%20y1='0'%20x2='500'%20y2='127'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='500'%20y1='265'%20x2='500'%20y2='450'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='668'%20y1='0'%20x2='668'%20y2='127'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='668'%20y1='265'%20x2='668'%20y2='450'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='524'%20y='136'%20width='120'%20height='120'%20rx='11'%20stroke-width='0.76'%20stroke-opacity='0.55'/%3E%3Cline%20x1='354'%20y1='136'%20x2='535'%20y2='136'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='633'%20y1='136'%20x2='720'%20y2='136'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='354'%20y1='256'%20x2='535'%20y2='256'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='633'%20y1='256'%20x2='720'%20y2='256'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='524'%20y1='0'%20x2='524'%20y2='147'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='524'%20y1='245'%20x2='524'%20y2='426'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='644'%20y1='0'%20x2='644'%20y2='147'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='644'%20y1='245'%20x2='644'%20y2='426'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Crect%20x='544'%20y='156'%20width='80'%20height='80'%20rx='7'%20stroke-width='0.60'%20stroke-opacity='0.55'/%3E%3Cline%20x1='374'%20y1='156'%20x2='551'%20y2='156'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='617'%20y1='156'%20x2='720'%20y2='156'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='374'%20y1='236'%20x2='551'%20y2='236'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='617'%20y1='236'%20x2='720'%20y2='236'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='544'%20y1='0'%20x2='544'%20y2='163'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='544'%20y1='229'%20x2='544'%20y2='406'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='624'%20y1='0'%20x2='624'%20y2='163'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3Cline%20x1='624'%20y1='229'%20x2='624'%20y2='406'%20stroke-width='0.5'%20stroke-opacity='0.39'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: 720px 720px; mask-size: 720px 720px; animation: alita-gs3 59s ease-in-out infinite; /* 只管缩放,平移交给两层外壳 */ will-change: transform; } .alita-grid-u4 { position: absolute; inset: -20px; background-color: var(--chat-grid); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='102'%20y='472'%20width='188'%20height='188'%20rx='17'%20stroke-width='1.10'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='472'%20x2='119'%20y2='472'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='273'%20y1='472'%20x2='460'%20y2='472'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='660'%20x2='119'%20y2='660'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='273'%20y1='660'%20x2='460'%20y2='660'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='102'%20y1='302'%20x2='102'%20y2='489'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='102'%20y1='643'%20x2='102'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='290'%20y1='302'%20x2='290'%20y2='489'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='290'%20y1='643'%20x2='290'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='128'%20y='498'%20width='136'%20height='136'%20rx='12'%20stroke-width='0.88'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='498'%20x2='140'%20y2='498'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='252'%20y1='498'%20x2='434'%20y2='498'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='634'%20x2='140'%20y2='634'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='252'%20y1='634'%20x2='434'%20y2='634'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='128'%20y1='328'%20x2='128'%20y2='510'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='128'%20y1='622'%20x2='128'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='264'%20y1='328'%20x2='264'%20y2='510'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='264'%20y1='622'%20x2='264'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='150'%20y='520'%20width='92'%20height='92'%20rx='8'%20stroke-width='0.66'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='520'%20x2='158'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='234'%20y1='520'%20x2='412'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='612'%20x2='158'%20y2='612'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='234'%20y1='612'%20x2='412'%20y2='612'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='150'%20y1='350'%20x2='150'%20y2='528'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='150'%20y1='604'%20x2='150'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='242'%20y1='350'%20x2='242'%20y2='528'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='242'%20y1='604'%20x2='242'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='168'%20y='538'%20width='56'%20height='56'%20rx='6'%20stroke-width='0.60'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='538'%20x2='174'%20y2='538'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='218'%20y1='538'%20x2='394'%20y2='538'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='594'%20x2='174'%20y2='594'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='218'%20y1='594'%20x2='394'%20y2='594'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='168'%20y1='368'%20x2='168'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='168'%20y1='588'%20x2='168'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='224'%20y1='368'%20x2='224'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='224'%20y1='588'%20x2='224'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='102'%20y='472'%20width='188'%20height='188'%20rx='17'%20stroke-width='1.10'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='472'%20x2='119'%20y2='472'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='273'%20y1='472'%20x2='460'%20y2='472'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='660'%20x2='119'%20y2='660'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='273'%20y1='660'%20x2='460'%20y2='660'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='102'%20y1='302'%20x2='102'%20y2='489'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='102'%20y1='643'%20x2='102'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='290'%20y1='302'%20x2='290'%20y2='489'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='290'%20y1='643'%20x2='290'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='128'%20y='498'%20width='136'%20height='136'%20rx='12'%20stroke-width='0.88'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='498'%20x2='140'%20y2='498'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='252'%20y1='498'%20x2='434'%20y2='498'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='634'%20x2='140'%20y2='634'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='252'%20y1='634'%20x2='434'%20y2='634'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='128'%20y1='328'%20x2='128'%20y2='510'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='128'%20y1='622'%20x2='128'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='264'%20y1='328'%20x2='264'%20y2='510'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='264'%20y1='622'%20x2='264'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='150'%20y='520'%20width='92'%20height='92'%20rx='8'%20stroke-width='0.66'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='520'%20x2='158'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='234'%20y1='520'%20x2='412'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='612'%20x2='158'%20y2='612'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='234'%20y1='612'%20x2='412'%20y2='612'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='150'%20y1='350'%20x2='150'%20y2='528'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='150'%20y1='604'%20x2='150'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='242'%20y1='350'%20x2='242'%20y2='528'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='242'%20y1='604'%20x2='242'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Crect%20x='168'%20y='538'%20width='56'%20height='56'%20rx='6'%20stroke-width='0.60'%20stroke-opacity='0.80'/%3E%3Cline%20x1='0'%20y1='538'%20x2='174'%20y2='538'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='218'%20y1='538'%20x2='394'%20y2='538'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='0'%20y1='594'%20x2='174'%20y2='594'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='218'%20y1='594'%20x2='394'%20y2='594'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='168'%20y1='368'%20x2='168'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='168'%20y1='588'%20x2='168'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='224'%20y1='368'%20x2='224'%20y2='544'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3Cline%20x1='224'%20y1='588'%20x2='224'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.56'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: 720px 720px; mask-size: 720px 720px; animation: alita-gs4 61s ease-in-out infinite; /* 只管缩放,平移交给两层外壳 */ will-change: transform; } .alita-grid-u5 { position: absolute; inset: -20px; background-color: var(--chat-grid); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='484'%20y='460'%20width='164'%20height='164'%20rx='15'%20stroke-width='1.00'%20stroke-opacity='0.60'/%3E%3Cline%20x1='314'%20y1='460'%20x2='499'%20y2='460'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='633'%20y1='460'%20x2='720'%20y2='460'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='314'%20y1='624'%20x2='499'%20y2='624'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='633'%20y1='624'%20x2='720'%20y2='624'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='484'%20y1='290'%20x2='484'%20y2='475'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='484'%20y1='609'%20x2='484'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='648'%20y1='290'%20x2='648'%20y2='475'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='648'%20y1='609'%20x2='648'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='508'%20y='484'%20width='116'%20height='116'%20rx='10'%20stroke-width='0.78'%20stroke-opacity='0.60'/%3E%3Cline%20x1='338'%20y1='484'%20x2='518'%20y2='484'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='614'%20y1='484'%20x2='720'%20y2='484'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='338'%20y1='600'%20x2='518'%20y2='600'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='614'%20y1='600'%20x2='720'%20y2='600'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='508'%20y1='314'%20x2='508'%20y2='494'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='508'%20y1='590'%20x2='508'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='624'%20y1='314'%20x2='624'%20y2='494'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='624'%20y1='590'%20x2='624'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='528'%20y='504'%20width='76'%20height='76'%20rx='7'%20stroke-width='0.60'%20stroke-opacity='0.60'/%3E%3Cline%20x1='358'%20y1='504'%20x2='535'%20y2='504'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='597'%20y1='504'%20x2='720'%20y2='504'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='358'%20y1='580'%20x2='535'%20y2='580'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='597'%20y1='580'%20x2='720'%20y2='580'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='528'%20y1='334'%20x2='528'%20y2='511'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='528'%20y1='573'%20x2='528'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='604'%20y1='334'%20x2='604'%20y2='511'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='604'%20y1='573'%20x2='604'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='544'%20y='520'%20width='44'%20height='44'%20rx='6'%20stroke-width='0.60'%20stroke-opacity='0.60'/%3E%3Cline%20x1='374'%20y1='520'%20x2='550'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='582'%20y1='520'%20x2='720'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='374'%20y1='564'%20x2='550'%20y2='564'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='582'%20y1='564'%20x2='720'%20y2='564'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='544'%20y1='350'%20x2='544'%20y2='526'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='544'%20y1='558'%20x2='544'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='588'%20y1='350'%20x2='588'%20y2='526'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='588'%20y1='558'%20x2='588'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%3E%3Cg%20fill='none'%20stroke='%23fff'%3E%3Crect%20x='484'%20y='460'%20width='164'%20height='164'%20rx='15'%20stroke-width='1.00'%20stroke-opacity='0.60'/%3E%3Cline%20x1='314'%20y1='460'%20x2='499'%20y2='460'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='633'%20y1='460'%20x2='720'%20y2='460'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='314'%20y1='624'%20x2='499'%20y2='624'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='633'%20y1='624'%20x2='720'%20y2='624'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='484'%20y1='290'%20x2='484'%20y2='475'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='484'%20y1='609'%20x2='484'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='648'%20y1='290'%20x2='648'%20y2='475'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='648'%20y1='609'%20x2='648'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='508'%20y='484'%20width='116'%20height='116'%20rx='10'%20stroke-width='0.78'%20stroke-opacity='0.60'/%3E%3Cline%20x1='338'%20y1='484'%20x2='518'%20y2='484'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='614'%20y1='484'%20x2='720'%20y2='484'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='338'%20y1='600'%20x2='518'%20y2='600'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='614'%20y1='600'%20x2='720'%20y2='600'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='508'%20y1='314'%20x2='508'%20y2='494'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='508'%20y1='590'%20x2='508'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='624'%20y1='314'%20x2='624'%20y2='494'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='624'%20y1='590'%20x2='624'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='528'%20y='504'%20width='76'%20height='76'%20rx='7'%20stroke-width='0.60'%20stroke-opacity='0.60'/%3E%3Cline%20x1='358'%20y1='504'%20x2='535'%20y2='504'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='597'%20y1='504'%20x2='720'%20y2='504'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='358'%20y1='580'%20x2='535'%20y2='580'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='597'%20y1='580'%20x2='720'%20y2='580'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='528'%20y1='334'%20x2='528'%20y2='511'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='528'%20y1='573'%20x2='528'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='604'%20y1='334'%20x2='604'%20y2='511'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='604'%20y1='573'%20x2='604'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Crect%20x='544'%20y='520'%20width='44'%20height='44'%20rx='6'%20stroke-width='0.60'%20stroke-opacity='0.60'/%3E%3Cline%20x1='374'%20y1='520'%20x2='550'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='582'%20y1='520'%20x2='720'%20y2='520'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='374'%20y1='564'%20x2='550'%20y2='564'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='582'%20y1='564'%20x2='720'%20y2='564'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='544'%20y1='350'%20x2='544'%20y2='526'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='544'%20y1='558'%20x2='544'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='588'%20y1='350'%20x2='588'%20y2='526'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3Cline%20x1='588'%20y1='558'%20x2='588'%20y2='720'%20stroke-width='0.5'%20stroke-opacity='0.42'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-size: 720px 720px; mask-size: 720px 720px; animation: alita-gs5 67s ease-in-out infinite; /* 只管缩放,平移交给两层外壳 */ will-change: transform; } /* ★不规则浮动(2026-07-17 机主:玻璃片浮动要不规则)——每层X/Y/缩放三条独立互质周期动画, 叠加=利萨茹式游走轨迹,重复周期=三周期最小公倍数(数百秒),肉眼永不重复。 */ /* ★2026-08-09 性能根治：把"动 CSS 自定义属性"改成"直接动 transform"。 ═══ 原来为什么费电（真机实测：光这个背景就吃掉约 20% 一个核）═══ 原写法是 5 层各挂 3 个动画去改 --gNx/--gNy/--gNs，再用 `transform: translate(var(--gNx), var(--gNy)) scale(var(--gNs))` 消费它们。 ★自定义属性的动画【不走合成器】—— 每一帧都要主线程重算样式再重建 transform。 （旧注释写着"transform 合成零绘制成本"，那句是错的：合成免费的是 transform 本身， 不是"用动画去改一个变量、再拿变量拼 transform"。） 实测：暂停这 15 个动画 → GPU 6.7%→0.0%、Renderer 19.3%→0.0%。 ═══ 现在怎么做的 ═══ 一个轴一层：外壳动 translateX、中间层动 translateY、最内层（带 mask 的那个）动 scale。 每一层都是【纯 transform 动画】→ 合成器直接跑，主线程零参与。 ★视觉一模一样：位移/缩放的数值、五个不同的质数周期全部原样保留， 叠加效果与原来的 translate(x,y) scale(s) 等价。 ★为什么不合成一个动画：三个周期互质(如 19/29/47s)才有"永不同步"的不规则视差， 合成一条的话周期要取最小公倍数(7 小时以上)，关键帧会爆炸。 */ .alita-grid-x1, .alita-grid-x2, .alita-grid-x3, .alita-grid-x4, .alita-grid-x5, .alita-grid-y1, .alita-grid-y2, .alita-grid-y3, .alita-grid-y4, .alita-grid-y5 { position: absolute; inset: 0; pointer-events: none; will-change: transform; } .alita-grid-x1 { animation: alita-gx1 19s linear infinite; } .alita-grid-y1 { animation: alita-gy1 29s linear infinite; } .alita-grid-x2 { animation: alita-gx2 23s linear infinite; } .alita-grid-y2 { animation: alita-gy2 37s linear infinite; } .alita-grid-x3 { animation: alita-gx3 31s linear infinite; } .alita-grid-y3 { animation: alita-gy3 41s linear infinite; } .alita-grid-x4 { animation: alita-gx4 17s linear infinite; } .alita-grid-y4 { animation: alita-gy4 43s linear infinite; } .alita-grid-x5 { animation: alita-gx5 29s linear infinite; } .alita-grid-y5 { animation: alita-gy5 47s linear infinite; } @keyframes alita-gx1 { 0% { transform: translateX(0px); } 20% { transform: translateX(-11px); } 40% { transform: translateX(-24px); } 60% { transform: translateX(32px); } 80% { transform: translateX(-21px); } 100% { transform: translateX(0px); } } @keyframes alita-gy1 { 0% { transform: translateY(0px); } 20% { transform: translateY(6px); } 40% { transform: translateY(16px); } 60% { transform: translateY(-5px); } 80% { transform: translateY(27px); } 100% { transform: translateY(0px); } } @keyframes alita-gs1 { 0% { transform: scale(1.0); } 25% { transform: scale(0.993); } 50% { transform: scale(1.003); } 75% { transform: scale(1.012); } 100% { transform: scale(1.0); } } @keyframes alita-gx2 { 0% { transform: translateX(0px); } 20% { transform: translateX(-16px); } 40% { transform: translateX(2px); } 60% { transform: translateX(22px); } 80% { transform: translateX(-21px); } 100% { transform: translateX(0px); } } @keyframes alita-gy2 { 0% { transform: translateY(0px); } 20% { transform: translateY(27px); } 40% { transform: translateY(-29px); } 60% { transform: translateY(28px); } 80% { transform: translateY(2px); } 100% { transform: translateY(0px); } } @keyframes alita-gs2 { 0% { transform: scale(1.0); } 25% { transform: scale(1.018); } 50% { transform: scale(0.997); } 75% { transform: scale(1.021); } 100% { transform: scale(1.0); } } @keyframes alita-gx3 { 0% { transform: translateX(0px); } 20% { transform: translateX(-25px); } 40% { transform: translateX(-8px); } 60% { transform: translateX(36px); } 80% { transform: translateX(36px); } 100% { transform: translateX(0px); } } @keyframes alita-gy3 { 0% { transform: translateY(0px); } 20% { transform: translateY(-6px); } 40% { transform: translateY(-13px); } 60% { transform: translateY(-10px); } 80% { transform: translateY(-19px); } 100% { transform: translateY(0px); } } @keyframes alita-gs3 { 0% { transform: scale(1.0); } 25% { transform: scale(1.002); } 50% { transform: scale(0.991); } 75% { transform: scale(1.012); } 100% { transform: scale(1.0); } } @keyframes alita-gx4 { 0% { transform: translateX(0px); } 20% { transform: translateX(27px); } 40% { transform: translateX(-24px); } 60% { transform: translateX(34px); } 80% { transform: translateX(-38px); } 100% { transform: translateX(0px); } } @keyframes alita-gy4 { 0% { transform: translateY(0px); } 20% { transform: translateY(34px); } 40% { transform: translateY(-31px); } 60% { transform: translateY(14px); } 80% { transform: translateY(18px); } 100% { transform: translateY(0px); } } @keyframes alita-gs4 { 0% { transform: scale(1.0); } 25% { transform: scale(1.0); } 50% { transform: scale(1.007); } 75% { transform: scale(0.999); } 100% { transform: scale(1.0); } } @keyframes alita-gx5 { 0% { transform: translateX(0px); } 20% { transform: translateX(30px); } 40% { transform: translateX(28px); } 60% { transform: translateX(-10px); } 80% { transform: translateX(28px); } 100% { transform: translateX(0px); } } @keyframes alita-gy5 { 0% { transform: translateY(0px); } 20% { transform: translateY(-5px); } 40% { transform: translateY(-17px); } 60% { transform: translateY(15px); } 80% { transform: translateY(4px); } 100% { transform: translateY(0px); } } @keyframes alita-gs5 { 0% { transform: scale(1.0); } 25% { transform: scale(1.019); } 50% { transform: scale(0.995); } 75% { transform: scale(1.011); } 100% { transform: scale(1.0); } } .alita-grid-stack{position:fixed;inset:0;z-index:0} main,footer,header.hero{position:relative;z-index:1} @media(prefers-reduced-motion:reduce){.alita-grid-stack *{animation:none}} .rise{opacity:1;transform:none} .rise.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}} html.nojs .rise{opacity:1;transform:none} /* 首页那条旧录像：hero 之下独立一块。给足上下留白，不压住标题也不压住背景那些圆角线。 */ /* 首页那条旧录像：hero 文字【下方】独立一块，白天彩色、夜里黑白。 它就摆在页面底色之上 —— 两侧留白处，背景那些圆角矩形动线照旧看得见，一条都不挡。 两张原图同为 1600×900，所以换主题时这一块的大小纹丝不动。 */ .filmstrip{padding:clamp(40px,5vw,72px) 0 clamp(64px,8vw,120px)} .filmstrip .wide{max-width:1100px} .filmstrip img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:var(--bg-2)} .filmstrip img.dk{display:none} :root[data-theme="dark"] .filmstrip img.lt{display:none}:root[data-theme="dark"] .filmstrip img.dk{display:block} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .filmstrip img.lt{display:none}:root:not([data-theme="light"]) .filmstrip img.dk{display:block}} :root[data-theme="light"] .filmstrip img.dk{display:none}:root[data-theme="light"] .filmstrip img.lt{display:block} .filmstrip figure{margin:0 auto} .filmstrip figcaption{margin-top:18px;text-align:center;font-size:13px;line-height:1.7;color:var(--dim);letter-spacing:.01em} @media (max-width:720px){.filmstrip{padding:clamp(32px,8vw,56px) 0}.filmstrip img{border-radius:10px}.filmstrip figcaption{margin-top:14px;font-size:12px}} /* 纸草配图：像博物馆展签——图是抠透明的残片，衬板随主题走（浅色是纸白，深色是暗板） */ .papyrus{margin:clamp(28px,4vw,44px) 0 clamp(20px,3vw,28px);padding:0} .papyrus .mat{display:block;padding:clamp(22px,4vw,44px);background:var(--bg-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-shot)} .papyrus img{display:block;width:100%;height:auto;max-width:100%} .papyrus figcaption{margin-top:14px;font-size:13px;line-height:1.7;color:var(--dim);letter-spacing:.01em} .papyrus figcaption b{font-weight:600;color:var(--text)} @media (max-width:720px){.papyrus .mat{padding:14px;border-radius:10px}.papyrus figcaption{font-size:12px}} /* 研究栏目的示意图：图本身是浅底彩色线框图，衬板固定浅色（深色模式下也不反相，免得图里的线看不清） */ .figure{margin:clamp(26px,4vw,40px) 0 clamp(18px,3vw,26px);padding:0; /* 图比正文栏宽：正文栏只有 680px，示意图挤在里面字会小到看不清。 居中往两侧撑开，最宽 1080px，窄屏退回容器宽度。 */ width:min(1080px, calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)} .figure .mat{display:block;padding:clamp(10px,2vw,18px);background:var(--mat-bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-shot)} .figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:6px;filter:var(--figure-filter)} .figure figcaption{margin-top:12px;font-size:13px;line-height:1.7;color:var(--dim);letter-spacing:.01em} .figure figcaption b{font-weight:600;color:var(--text)} @media (max-width:720px){.figure .mat{padding:8px;border-radius:9px}.figure figcaption{font-size:12px}} /* 史料图版：原始年代的图与照片，比示意图窄，带出处与授权 */ .plate{margin:clamp(24px,3.5vw,34px) auto;padding:0;max-width:520px} .plate .mat{display:block;padding:clamp(10px,2vw,16px);background:var(--mat-bg);border:1px solid var(--line);border-radius:10px} .plate img{display:block;width:100%;height:auto;border-radius:4px} .plate figcaption{margin-top:10px;font-size:12.5px;line-height:1.65;color:var(--dim)} .plate figcaption b{font-weight:600;color:var(--text)} .plate figcaption .src{display:block;margin-top:4px;font-size:11.5px;color:var(--faint)} /* 独立成行的公式：居中、留白、上下标真的排出来（正文里 A_t 这种下划线写法读者要自己脑补） */ .formula{margin:22px 0;text-align:center;font-size:1.06em;line-height:1.7;color:var(--head);letter-spacing:.01em} .formula sub{font-size:.66em;vertical-align:-.28em;letter-spacing:0} .formula sup{font-size:.66em;vertical-align:.5em;letter-spacing:0} .formula em{font-style:normal;color:var(--dim);font-size:.86em;margin-left:.6em} /* ── 页脚：只留品牌绑定 + 公司名 · 备案号 · 邮箱几行（链接分组已并进左侧导航） ── */ footer{margin-top:var(--sp-section);border-top:1px solid var(--line);padding:40px 0 36px;font-size:14px;color:var(--faint);line-height:1.6} footer .fnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 32px;padding-bottom:36px;margin-bottom:28px;border-bottom:1px solid var(--line)} footer .fnav b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:500;margin-bottom:10px} footer .fnav a{display:block;color:var(--dim);line-height:30px;font-size:14px;transition:color .2s} footer .fnav a:hover,footer .fnav a[aria-current]{color:var(--text)} footer .fnav .soon{color:var(--faint);font-size:13px;white-space:nowrap} footer .fnav .follow{grid-column:span 2;display:flex;flex-wrap:wrap;align-items:center;gap:2px 20px}footer .fnav .follow b{flex-basis:100%}footer .fnav .social{grid-column:5;align-self:start;display:flex;flex-wrap:wrap;gap:14px}@media(max-width:1000px){footer .fnav .social{grid-column:auto}}footer .fnav .social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:var(--dim);transition:color .2s,border-color .2s}footer .fnav .social a:hover{color:var(--text);border-color:var(--line-hi)}footer .fnav .social a svg{width:16px;height:16px}footer .fnav .social a.hasqr{position:relative}footer .fnav .social .qr{position:absolute;bottom:42px;right:0;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px;display:none;z-index:30;text-align:center;box-shadow:0 10px 32px rgba(0,0,0,.22)}footer .fnav .social .qr{width:max-content}footer .fnav .social .qr img{display:block;width:132px;height:132px;max-width:none}footer .fnav .social .qr em{display:block;margin-top:6px;font-size:12px;font-style:normal;color:var(--dim);white-space:nowrap}footer .fnav .social a:hover .qr,footer .fnav .social a:focus .qr,footer .fnav .social a:focus-within .qr{display:block}@media(hover:none){footer .fnav .social .qr{display:none!important}}footer .fnav .fq,footer .fnav .fgrp a{display:flex;align-items:center;gap:7px}footer .fnav .fq{color:var(--dim);line-height:30px;font-size:14px;cursor:pointer;position:relative;transition:color .2s}footer .fnav .fq svg,footer .fnav .fgrp a svg{width:15px;height:15px;flex:none;opacity:.85}footer .fnav .fq:hover,footer .fnav .fq:focus-visible{color:var(--text);outline:none}footer .fnav .fq .qr{position:absolute;bottom:32px;left:0;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px;display:none;z-index:30;text-align:center;box-shadow:0 10px 32px rgba(0,0,0,.22)}footer .fnav .fq .qr{width:max-content}footer .fnav .fq .qr img{display:block;width:132px;height:132px;max-width:none}footer .fnav .fq .qr em{display:block;margin-top:6px;font-size:12px;font-style:normal;color:var(--dim);white-space:nowrap}footer .fnav .fq:hover .qr,footer .fnav .fq:focus .qr,footer .fnav .fq:focus-within .qr{display:block}footer .wx:hover .qr,footer .wx:focus .qr,footer .wx:focus-within .qr{display:block}footer .bind{color:var(--dim);margin-bottom:8px}footer .copyright{color:var(--faint);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} footer .addr{color:var(--faint);margin-top:4px} footer .icp{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px} footer .icp .it.d::after{content:"·";margin-left:8px;color:var(--faint)} footer .icp a{color:var(--dim);border-bottom:1px solid var(--line);transition:color .2s} footer .icp a.no{color:var(--faint)} footer .icp a:hover{color:var(--text)} footer .sep{margin:0 8px} /* ── 手机 ── */ @media(max-width:760px){ :root{--gutter:20px;--sp-section:56px;--fs-h2:clamp(26px,6vw,30px);--fs-h3:19px} body{font-size:16px;line-height:1.7} h3{font-weight:600} header.hero{padding-top:calc(var(--nav-h) + 40px)} header.page{padding-top:calc(var(--nav-h) + 40px)} .col .shot{width:100%;margin-left:0} .shot{margin:28px 0 28px} .shot .pic{border-radius:8px} .shot .pic:has(img.err){aspect-ratio:16/9!important} .grid{grid-template-columns:1fr;gap:0} .card{padding:18px 0 22px} .steps li{grid-template-columns:44px minmax(0,1fr);padding:20px 0} .steps li b{font-size:17px} .fr{grid-template-columns:1fr;row-gap:8px;padding:22px 0} .fr b{font-size:20px} .feat .note{margin-left:0} .dl .btn{width:100%;height:44px} .dl{flex-direction:column;gap:10px} .quote{font-size:17px} header.hero{text-align:left} header.hero .lead{margin-left:0} header.hero .dl{justify-content:flex-start} header.hero .cd-n{justify-content:flex-start} header.hero .quips{margin-left:0} .fine{padding-right:20px} #screens .col{text-align:left} #screens .col p{margin-left:0} .shot figcaption{text-align:left} .carousel .tabs{justify-content:flex-start;gap:4px 12px} .carousel .stage{padding:10px;border-radius:12px} .lightbox img{width:200vw;max-width:200vw} .dlt .sz{display:block;font-size:13.5px} .dlt .sz .dot{display:none} .dlt table,.dlt tbody,.dlt tr,.dlt td{display:block;width:100%} .dlt thead{display:none} .dlt tr{padding:14px 0;border-bottom:1px solid var(--line)} .dlt tr:first-child{border-top:1px solid var(--line)} .dlt td{border:0;padding:2px 0} .dlt td:first-child{font-weight:500} .dlt td:nth-child(2){color:var(--dim)} } blockquote{margin:14px 0 18px;padding:2px 0 2px 18px;border-left:2px solid var(--line);color:var(--dim)} blockquote p{margin:0} hr{border:0;border-top:1px solid var(--line);margin:28px 0} h4{font-size:16px;font-weight:600;margin:22px 0 8px} .toc{margin:0 0 28px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;font-size:14.5px} .toc b{display:block;font-weight:500;color:var(--faint);font-size:13px;letter-spacing:.04em;margin-bottom:8px} .toc ol{list-style:none;margin:0;padding:0} .toc li{margin:4px 0} .toc li.l3{padding-left:18px} .toc a{color:var(--dim)} .toc a:hover{color:var(--text)} .post article>h2:first-child{margin-top:0} .tags{margin-top:28px;color:var(--faint);font-size:14px} .tags span{display:inline-block;margin-left:6px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;color:var(--dim)} .ptabs{display:flex;gap:4px 22px;flex-wrap:wrap;margin:0 0 20px;border-bottom:1px solid var(--line)} .ptabs a{padding:10px 2px;min-height:44px;display:inline-flex;align-items:center;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px} .ptabs a:hover{color:var(--text)} .ptabs a[aria-current]{color:var(--text);border-color:var(--text)} .plist{list-style:none;margin:0;padding:0} .plist li{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr;gap:4px 14px;align-items:baseline} .plist li[hidden]{display:none} .plist time{font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums} .plist .pk{font-size:12px;color:var(--faint);letter-spacing:.04em} .plist li>a{font-size:17px;font-weight:500;color:var(--text)} .plist li>a:hover{text-decoration:underline} .plist li>p{grid-column:1/-1;margin:2px 0 0;color:var(--dim);font-size:15px} .feeds{margin-top:24px} #latest .plist li>a{font-size:18px}