/* 官网上重建的 ALITA 界面。
   配色/圆角/字号全部取自 src/renderer/styles/global.css 的真实变量值 ——
   官网展示的界面必须和真软件长得一样（机主 2026-08-18 铁律）。
   改真软件的主题变量时，这里要跟着改。 */

/* ★演示台必须跟官网自己的样式彻底隔开（2026-09-09 机主抓出来的）：
   官网有 `nav a{display:block;line-height:30px;font-size:14px}` 和
   `main p a{border-bottom:1px solid}` 这类全局规则，我的演示台里正好有 <nav> 和 <a>，
   于是每个侧栏项底下都长出一条横线、字号也被改掉 —— 看着就跟真软件不一样了。
   这一段把所有继承来的装饰清干净，下面自己的规则再把该有的加回去。 */
.au *{
  /* 特异性必须停在 (0,1,0) —— 跟下面自己那些类选择器同级，靠「写在前面」让位。
     写成 .au *:not(svg *) 会变成 (0,1,1) 反而压过自己的规则（踩过一次）。
     也不要在这里写 width/height：SVG 的 <rect width="18"> 是几何属性，
     被 CSS width:auto 一盖图标就废了（也踩过）。 */
  margin:0; padding:0; border:0; outline:0; background:none; box-shadow:none;
  text-decoration:none; list-style:none; box-sizing:border-box; text-align:left;
  letter-spacing:normal; text-transform:none; float:none;
  font-weight:400; font-style:normal; line-height:1.55; transition:none;
}

/* 官网上演示台盖在静态图之上。
   ★必须 absolute：.missing「截图更新中」是 inset:0 常驻的，靠上层盖住它才不露脸。
   ★必须 :empty 隐藏：JS 没跑起来时演示台是空的，这时候要让位给下面的静态截图。 */
.shot .pic > .au{position:absolute;top:0;left:0;z-index:2;
  width:1440px;height:900px;transform-origin:top left;transform:scale(var(--au-k,1));
  border-radius:0;border:0}
.shot .pic > .au:empty{display:none}

.au{
  --au-bg:#0a0a0a; --au-card:rgba(255,255,255,.025); --au-surface:rgba(255,255,255,.05);
  --au-text:rgba(255,255,255,.94); --au-2nd:rgba(255,255,255,.82); --au-muted:rgba(255,255,255,.45);
  --au-faint:rgba(255,255,255,.18); --au-line:rgba(255,255,255,.08); --au-line-sub:rgba(255,255,255,.04); --au-line-on:rgba(255,255,255,.32);
  --au-float:#151515; --au-seg:rgba(255,255,255,.10); --au-seg-track:rgba(255,255,255,.05);
  --au-seg-shadow:none; --au-grid:rgba(255,255,255,.03);
  --au-r:6px; --au-r-sm:4px; --au-knob:0 1px 2px rgba(0,0,0,.5);
  --au-eng-rim:#e8ecf0; --au-eng-face:#f1f4f7; --au-eng-arc:#191d21; --au-eng-lit:#14181c;
  --au-eng-dim:#d3d9df; --au-eng-dim-stroke:rgba(0,0,0,.10); --au-menu:#1c1c1c;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  background:var(--au-bg); color:var(--au-text);
  border:1px solid var(--au-line); border-radius:12px; overflow:hidden;
  display:flex; font-size:13px; line-height:1.55;
  container-type:inline-size;
}
:root[data-theme="light"] .au, :root:not([data-theme="dark"]) .au.au-light{
  --au-bg:#ffffff; --au-card:rgba(0,0,0,.03); --au-surface:rgba(0,0,0,.05);
  --au-text:rgba(0,0,0,.90); --au-2nd:rgba(0,0,0,.85); --au-muted:rgba(0,0,0,.5);
  --au-faint:rgba(0,0,0,.18); --au-line:rgba(0,0,0,.1); --au-line-sub:rgba(0,0,0,.05); --au-line-on:rgba(0,0,0,.4);
  --au-float:#fff; --au-seg:#fff; --au-seg-track:rgba(0,0,0,.05);
  --au-seg-shadow:0 1px 2px rgba(0,0,0,.06); --au-grid:rgba(0,0,0,.04); --au-knob:0 1px 2px rgba(0,0,0,.28);
  --au-eng-rim:#191d21; --au-eng-face:#08090b; --au-eng-arc:#e8ecf0; --au-eng-lit:#f4f6f8;
  --au-eng-dim:#1b1f23; --au-eng-dim-stroke:rgba(255,255,255,.06); --au-menu:#fff;
}

/* ── 左侧栏 ── */
.au-side{width:295px;flex:none;border-right:1px solid var(--au-line);display:flex;flex-direction:column;padding:12px 10px}
.au-seg{display:flex;background:var(--au-seg-track);border-radius:var(--au-r);padding:2px;
  height:32.5px;align-items:stretch;margin-bottom:10px}
.au-seg span{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  border-radius:7px;font-size:13px;color:var(--au-muted);font-weight:600}
.au-seg span.on{position:relative}
.au-seg em{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55;flex:none}
/* 侧栏顶上那个折叠键，真软件在胶囊上方居中 */
.au-fold-top{display:flex;justify-content:center;padding:4px 0 6px}
.au-fold-top svg{width:16px;height:12px;opacity:.45}
.au-seg span.on{background:var(--au-seg);box-shadow:var(--au-seg-shadow);color:var(--au-text)}
.au-nav{display:flex;flex-direction:column;gap:1px}
.au-nav a{display:flex;align-items:center;gap:10px;padding:3px 12px;border-radius:6px;
  color:var(--au-2nd);font-size:13px;height:24.5px;line-height:18.5px}
.au-nav a.on{background:var(--au-surface);color:var(--au-text)}
.au-nav svg{width:15px;height:15px;flex:none}
.au-user{margin-top:auto;padding:6px 12px;color:var(--au-2nd);font-size:13px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--au-line-sub)}

/* ── 右侧主区 ── */
.au-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
.au-head{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--au-line-sub);font-size:12px;color:var(--au-2nd);flex:none}
/* ★聊天区背景不是方格 —— 真软件是五层嵌套圆角矩形的浮动网格
   （global.css 的 .alita-grid-stack，2026-07-17 机主定的电路板式动态网格）。
   下面那一整段是从 global.css 原样抄来的，mask 的 data URI 一个字节没动，
   只改了类名前缀和变量名。真软件改了这段，这里要跟着换。 */
.au-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:14px;
  display:flex;flex-direction:column;gap:11px;position:relative}
.au-body > *{position:relative;z-index:1}
.au-body::-webkit-scrollbar{display:none}
.au-time{text-align:center;color:var(--au-faint);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}

/* 消息气泡 */
.au-msg{max-width:82%;padding:9px 13px;border-radius:12px;background:var(--au-surface);align-self:flex-end;white-space:pre-wrap}
.au-msg.ai{align-self:flex-start;background:transparent;padding:0;max-width:100%}

/* 执行任务卡 */
.au-task{border:1px solid var(--au-line);border-radius:10px;padding:11px 13px;background:var(--au-card)}
.au-task-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.au-task-top b{background:var(--au-surface);border-radius:var(--au-r-sm);padding:2px 7px;font-size:11px;font-weight:600;flex:none}
.au-task-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--au-2nd);font-size:12px}
.au-state{flex:none;font-size:11px;color:var(--au-muted);display:flex;align-items:center;gap:5px}
.au-dot{width:5px;height:5px;border-radius:50%;background:var(--au-2nd);flex:none}
.au-state.run .au-dot{animation:au-pulse 1.4s ease-in-out infinite}
@keyframes au-pulse{0%,100%{opacity:.25}50%{opacity:1}}
.au-task-sub{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:var(--au-muted);font-variant-numeric:tabular-nums}
.au-btns{margin-left:auto;display:flex;gap:5px;flex:none}
.au-btns i{font-style:normal;border:1px solid var(--au-line);border-radius:var(--au-r-sm);padding:2px 9px;font-size:11px;color:var(--au-2nd)}
.au-steps{display:flex;flex-direction:column;gap:4px}
.au-step{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--au-muted);opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}
.au-step.in{opacity:1;transform:none}
.au-step.now{color:var(--au-2nd)}
.au-tick,.au-jny{flex:none;width:15px;height:15px;margin-top:1px}
.au-jny{overflow:hidden;transform:translateY(-1px)}
.au-ck{flex:none;width:15px;height:15px;border-radius:50%;border:1px solid var(--au-muted);
  display:inline-flex;align-items:center;justify-content:center;color:var(--au-2nd);
  font-size:9px;line-height:1;box-sizing:border-box;margin-top:1px}
.au-jny-scroll{animation:au-jny-scroll 16s linear infinite}
.au-jny-bob{animation:au-jny-bob .85s ease-in-out infinite}
.au-jny-leg{transform-origin:7.5px 10.9px;animation:au-jny-leg .85s ease-in-out infinite alternate}
.au-jny-leg.b{animation-delay:-.85s}
@keyframes au-jny-scroll{from{transform:translateX(0)}to{transform:translateX(-32px)}}
@keyframes au-jny-leg{from{transform:rotate(14deg)}to{transform:rotate(-14deg)}}
@keyframes au-jny-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.4px)}}
.au-eng{flex:none}
.au-head{justify-content:space-between}
.au-fold{width:15px;height:12px;opacity:.5;flex:none}


/* 工具调用 */
.au-tools{border-top:1px solid var(--au-line-sub);padding-top:8px;margin-top:2px}
.au-tools>b{font-size:11px;color:var(--au-muted);font-weight:400;display:block;margin-bottom:6px}
.au-tool{display:flex;align-items:baseline;gap:7px;padding:4px 0 4px 8px;font-size:12px;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}
.au-tool.in{opacity:1;transform:none}
.au-tool em{font-style:normal;color:var(--au-text);font-weight:600;flex:none}
.au-tool code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--au-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* 输入条 */
.au-foot{flex:none;padding:10px 14px 12px;border-top:1px solid var(--au-line-sub)}
/* 编程模式消息流最后那条思考条（CodeTerminal 思考条 + ThinkingStatus）：
   图标 34、状态词 13px 字距 1.5、后面计时计量 12px；图标跟正文色，两层同色描边叠在一起（深色 screen、浅色 multiply） */
.au-think{display:flex;align-items:center;gap:7px;margin:10px 0 20px;color:var(--au-muted);font-size:13px;flex-wrap:wrap;min-width:0}
.au-think .au-tess{flex:none;color:var(--au-text)}
.au-tess path{mix-blend-mode:screen}
:root[data-theme="light"] .au .au-tess path, :root:not([data-theme="dark"]) .au.au-light .au-tess path{mix-blend-mode:multiply}
.au-think .lb{letter-spacing:1.5px;white-space:nowrap}
.au-think .mt{font-size:12px;font-variant-numeric:tabular-nums}

/* 编程模式的代码面板（真软件：文件名 + 行数字节 + 主题下拉 + 复制，正文带行号） */
.au-code{border:1px solid var(--au-line);border-radius:8px;overflow:hidden;background:var(--au-card)}
.au-code-top{display:flex;align-items:center;gap:9px;padding:6px 10px;font-size:12px;
  border-bottom:1px solid var(--au-line-sub);color:var(--au-muted)}
.au-cv{width:13px;height:13px;flex:none;opacity:.6}
.au-lang{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.au-doing2{color:var(--au-2nd)}
.au-file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--au-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.au-meta{font-variant-numeric:tabular-nums;flex:none}
.au-copy{margin-left:auto;flex:none;border:1px solid var(--au-line);border-radius:4px;padding:1px 8px}
.au-code-body{max-height:300px;overflow:hidden;padding:6px 0;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75}
.au-cl{display:flex;gap:14px;padding:0 12px}
.au-cl i{font-style:normal;color:var(--au-faint);flex:none;min-width:20px;text-align:right;
  font-variant-numeric:tabular-nums}
.au-cl code{white-space:pre;color:var(--au-2nd)}

/* 编程模式侧栏的「最近」列表 */
.au-recent{margin-top:12px;display:flex;flex-direction:column;gap:1px}
.au-recent b{font-size:11px;color:var(--au-muted);font-weight:400;padding:0 12px;margin-bottom:4px;display:block}
.au-recent a{display:flex;align-items:center;gap:10px;padding:3px 12px;border-radius:6px;
  color:var(--au-2nd);font-size:13px;height:24.5px;line-height:18.5px;
  overflow:hidden;white-space:nowrap}
.au-recent svg{width:13px;height:13px;flex:none;opacity:.55}
.au-recent .au-more{color:var(--au-muted);font-size:12px}
.au-input{border:1px solid var(--au-line);border-radius:12px;padding:9px 12px;background:var(--au-card)}
.au-ph{color:var(--au-faint);font-size:14px;line-height:21px;margin-bottom:16px}
.au-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--au-muted);
  min-height:24px}
.au-model{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--au-2nd)}
.au-send{flex:none;width:24px;height:24px;border-radius:50%;background:var(--au-surface);display:grid;place-items:center}
.au-tip{text-align:center;color:var(--au-faint);font-size:10px;margin-top:8px}

@container (max-width:760px){
  .au-side{display:none}
  .au-msg{max-width:94%}
}
@media (prefers-reduced-motion:reduce){
  .au-step,.au-tool{transition:none}
  .au-state.run .au-dot,.au-jny-scroll,.au-jny-bob,.au-jny-leg{animation:none}
}

.au-grid-stack { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.au-grid-u1 {
  position: absolute; inset: -20px;
  background-color: var(--au-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: au-gs1 47s ease-in-out infinite;   /* 只管缩放,平移交给两层外壳 */
  will-change: transform;
}
.au-grid-u2 {
  position: absolute; inset: -20px;
  background-color: var(--au-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: au-gs2 53s ease-in-out infinite;   /* 只管缩放,平移交给两层外壳 */
  will-change: transform;
}
.au-grid-u3 {
  position: absolute; inset: -20px;
  background-color: var(--au-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: au-gs3 59s ease-in-out infinite;   /* 只管缩放,平移交给两层外壳 */
  will-change: transform;
}
.au-grid-u4 {
  position: absolute; inset: -20px;
  background-color: var(--au-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: au-gs4 61s ease-in-out infinite;   /* 只管缩放,平移交给两层外壳 */
  will-change: transform;
}
.au-grid-u5 {
  position: absolute; inset: -20px;
  background-color: var(--au-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: au-gs5 67s ease-in-out infinite;   /* 只管缩放,平移交给两层外壳 */
  will-change: transform;
}
.au-grid-x1 { animation: au-gx1 19s linear infinite; }
.au-grid-y1 { animation: au-gy1 29s linear infinite; }
.au-grid-x2 { animation: au-gx2 23s linear infinite; }
.au-grid-y2 { animation: au-gy2 37s linear infinite; }
.au-grid-x3 { animation: au-gx3 31s linear infinite; }
.au-grid-y3 { animation: au-gy3 41s linear infinite; }
.au-grid-x4 { animation: au-gx4 17s linear infinite; }
.au-grid-y4 { animation: au-gy4 43s linear infinite; }
.au-grid-x5 { animation: au-gx5 29s linear infinite; }
.au-grid-y5 { animation: au-gy5 47s linear infinite; }
@keyframes au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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 au-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); } }

/* 演示台里的网格跟着容器缩放走，别盖住内容 */
.au .au-grid-stack{z-index:0}
@media (prefers-reduced-motion:reduce){ .au-grid-stack > *,.au-grid-stack > * > *{animation:none!important} }

/* ═══ 成长页（真软件 GrowthPage，尺寸取自真机 DOM + 实拍图）═══
   头像卡 756×90 / 数字块宽 80 / 大数 22px / 标签 10px / 单位 11px；
   25 维按 7 组列出，每组「编号 组名 N个维度 ——— 数值 ⌄」。 */
.au-page{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:20px 24px}
.au-page::-webkit-scrollbar{display:none}
.au-gcard{display:flex;align-items:center;gap:18px;background:var(--au-card);
  border-radius:8px;padding:15px 18px;margin-bottom:22px}
.au-ava{width:60px;height:60px;border-radius:50%;background:var(--au-surface);flex:none;
  display:grid;place-items:center;position:relative}
.au-ava svg{width:30px;height:30px;opacity:.5}
.au-who{flex:none;min-width:150px}
.au-who b{font-size:19px;font-weight:600;display:block}
.au-did{font-size:11px;color:var(--au-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.au-nums{display:flex;gap:28px;margin-left:auto;flex:none}
.au-num{min-width:80px;white-space:nowrap}
.au-num i{font-style:normal;display:block;font-size:10px;color:var(--au-muted);margin-bottom:3px}
.au-num b{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.15}
.au-num em{font-style:normal;font-size:11px;color:var(--au-muted);margin-left:4px}

.au-sec{font-size:11px;color:var(--au-muted);margin:0 0 9px}
.au-story{border:1px dashed var(--au-line);border-radius:8px;padding:12px 16px;
  display:flex;align-items:center;gap:11px;font-size:13px;margin-bottom:22px}
.au-story svg{width:14px;height:14px;opacity:.5;flex:none}
.au-story i{font-style:normal;color:var(--au-muted);font-size:12px}
.au-story span{margin-left:auto;color:var(--au-2nd);font-size:12px;flex:none}
.au-hr{height:1px;background:var(--au-line-sub);margin:0 0 20px}
.au-srec{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:-8px 0 12px;min-width:0}
.au-srec i{font-style:normal;font-size:10px;color:var(--au-muted);letter-spacing:.08em}
.au-srec u{text-decoration:none;font-size:12px;color:var(--au-2nd);min-width:0;overflow-wrap:anywhere}

.au-tabs{display:flex;gap:10px;margin-bottom:14px}
.au-tabs span{font-size:13px;color:var(--au-muted);padding:6px 14px;border-radius:8px}
.au-tabs span.on{border:1px solid var(--au-line);color:var(--au-text)}
/* ★叫 au-gtip 不叫 au-tip：底部那行免责声明已经占了 .au-tip，
   同名会把它从 10px 居中小字变成一整条卡片（首页三处被压扁就是这么来的）。 */
.au-gtip{display:flex;align-items:center;gap:16px;background:var(--au-card);
  border-radius:10px;padding:13px 16px;margin-bottom:20px;font-size:13px}
.au-gtip i{font-style:normal;font-size:11px;color:var(--au-muted);flex:none}
.au-gtip b{font-weight:400;flex:1;min-width:0}
.au-gtip u{text-decoration:none;border:1px solid var(--au-line);border-radius:7px;
  padding:6px 12px;font-size:12px;flex:none}
.au-gtip s{text-decoration:none;color:var(--au-faint);flex:none}

.au-dims{display:flex;flex-direction:column}
.au-dim{display:flex;align-items:center;gap:12px;padding:17px 0;
  opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.au-dim.in{opacity:1;transform:none}
.au-dim>i{font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px;color:var(--au-faint);flex:none;width:20px}
.au-dim>b{font-size:17px;font-weight:600;flex:none}
.au-dim>em{font-style:normal;font-size:11px;color:var(--au-faint);flex:none}
.au-dim>u{text-decoration:none;flex:1;height:1px;background:var(--au-line-sub);min-width:20px}
.au-dim>s{text-decoration:none;font-size:17px;font-variant-numeric:tabular-nums;flex:none;
  min-width:26px;text-align:right}
.au-dim>svg{width:13px;height:13px;opacity:.4;flex:none}
.au-sub{display:flex;flex-direction:column;gap:9px;padding:0 0 0 32px;
  overflow:hidden;max-height:0;transition:max-height .45s ease,padding .45s ease}
.au-dim-open .au-sub{max-height:300px;padding:0 0 16px 32px}
.au-sub div{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--au-2nd)}
.au-sub span{flex:none;min-width:88px}
/* ★叫 au-dbar 不叫 au-bar：底栏那个模型行已经占了 .au-bar，
   同名会把它的高度压成 3px，所有演示的模型名和发送键当场糊成一条线（栽过一次）。 */
.au-dbar{flex:1;height:3px;background:var(--au-line-sub);border-radius:2px;overflow:hidden}
.au-dbar i{display:block;height:100%;background:var(--au-2nd);opacity:.55;width:0;
  transition:width .7s ease}
.au-sub s{text-decoration:none;font-variant-numeric:tabular-nums;flex:none;min-width:34px;
  text-align:right;color:var(--au-muted)}

/* ═══ 记忆页（真软件 MemoryPage）═══
   标题 + 说明 →「她记住的你」卡（下拉 + 刷新/已保存/现在就总结 + 正文框 +
   更新于/已同步 + 详情）→「她每天更新对你的了解」卡（现在就更新 + 上次成功）。 */
.au-h1{font-size:26px;font-weight:600;margin-bottom:6px}
.au-h1s{font-size:13px;color:var(--au-muted);margin-bottom:20px;line-height:1.7}
.au-card{border:1px solid var(--au-line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
.au-card>h3{font-size:15px;font-weight:600;margin-bottom:5px}
.au-card>p{font-size:12.5px;color:var(--au-muted);margin-bottom:14px;line-height:1.7}
.au-row{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.au-sel{flex:1;min-width:0;border:1px solid var(--au-line);border-radius:8px;
  padding:9px 13px;font-size:13px;display:flex;align-items:center}
.au-sel svg{margin-left:auto;width:13px;height:13px;opacity:.5;flex:none}
.au-btn{border:1px solid var(--au-line);border-radius:8px;padding:9px 15px;font-size:13px;
  color:var(--au-2nd);flex:none}
.au-btn.on{border-color:var(--au-2nd);color:var(--au-text)}
.au-btn.dim{color:var(--au-muted)}
.au-note{font-size:12px;color:var(--au-muted);margin-bottom:10px}
.au-box{border:1px solid var(--au-line-sub);border-radius:10px;padding:15px 17px;
  min-height:118px;font-size:13px;line-height:1.85;color:var(--au-2nd);white-space:pre-wrap}
.au-box.empty{color:var(--au-faint);display:grid;place-items:center;text-align:center}
.au-foot2{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11.5px;
  color:var(--au-faint);white-space:nowrap}
.au-foot2 .r{margin-left:auto;display:flex;align-items:center;gap:5px;
  flex:none;white-space:nowrap}
.au-card-top{display:flex;align-items:flex-start;gap:12px}
.au-card-top>div{flex:1;min-width:0}
.au-tag{border:1px solid var(--au-line);border-radius:6px;padding:3px 9px;font-size:11.5px;
  color:var(--au-2nd);flex:none}
.au-line2{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--au-muted);
  font-variant-numeric:tabular-nums}
.au-mem{opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}
.au-mem.in{opacity:1;transform:none}

/* ═══ 技能库（真软件 SkillsPage，按分类分节）═══
   「技能 N」+ 搜索 + 新建 → 左边分类导航 ｜ 内容列：「分类名 N」+「来源」四个胶囊 → 卡片网格（「全部」时按类分节）+ 右侧详情栏 → 能力清单 ›。
   flex 基准与卡片网格列跟真页同值（守卫钉着）：容器放不下 168 + 16 + 520 时内容列换行，导航自己折成顶部胶囊带。
   全灰阶，只用 --au-* 令牌；横排一律能折行、各格 min-width:0 + 省略号，不写死列数。 */
.au-skhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;margin-bottom:14px}
.au-skhead>b{font-size:16px;font-weight:700;white-space:nowrap}
.au-skhead>b i{font-style:normal;font-weight:400;color:var(--au-muted)}
.au-search{flex:1 1 220px;min-width:0;border:1px solid var(--au-line);border-radius:9px;padding:8px 12px;
  font-size:13px;color:var(--au-faint)}
.au-btn.new{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;white-space:nowrap;background:var(--au-surface);color:var(--au-text)}
.au-btn.new svg{width:13px;height:13px}
.au-skbody{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;min-width:0;container-type:inline-size}
.au-rail{flex:1 1 168px;min-width:0;display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}
.au-cat{flex:1 1 128px;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;
  font-size:12.5px;color:var(--au-2nd)}
/* 排法按容器宽判（真页 CategoryRail 量容器宽）：带名字的导航放得下「168 + 16 + 520」才并排贴顶；
   开着栏时放得下「26 + 16 + 清单 260 + 16 + 栏 280」才收成 26px 图标竖条，放不下就照旧带名字（收了栏也还是折到清单下面）。
   导航先得知道能并排才竖着排，所以不能靠 flex 自己折行来判 */
@container (min-width:704px){
.au-rail{position:sticky;top:0;align-self:flex-start}
}
@container (min-width:598px){
.au-rail[data-compact]{flex:0 0 26px;flex-direction:column;flex-wrap:nowrap;position:sticky;top:0;align-self:flex-start}
.au-rail[data-compact] .au-cat{flex:0 0 auto;padding:6px}
.au-rail[data-compact] .au-cat b,.au-rail[data-compact] .au-cat i{display:none}
}
.au-cat.on{background:var(--au-surface);color:var(--au-text);font-weight:600}
.au-cat svg{width:14px;height:14px;flex:none;color:var(--au-muted)}
.au-cat.on svg{color:var(--au-text)}
.au-cat b{flex:1 1 auto;min-width:0;font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-cat i{font-style:normal;font-size:12px;font-weight:400;color:var(--au-muted);white-space:nowrap}
.au-skmain{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:10px}
.au-skhd{display:flex;flex-direction:column;gap:4px;min-width:0}
.au-skhd1{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;min-width:0}
.au-skhd1>b{font-size:13px;font-weight:600;white-space:nowrap}
.au-skhd1>b i{font-style:normal;font-weight:400;color:var(--au-muted)}
.au-srcs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.au-srcs .lb{font-size:11px;color:var(--au-muted);white-space:nowrap}
.au-srcs span[data-filter]{padding:5px 12px;border-radius:999px;font-size:12.5px;white-space:nowrap;
  border:1px solid var(--au-line);color:var(--au-2nd)}
.au-srcs span.on{border-color:var(--au-line-on);background:var(--au-surface);color:var(--au-text)}
.au-srcs span.zero{opacity:.5}
.au-catnote{font-size:12px;color:var(--au-muted);min-width:0;line-height:1.5;overflow-wrap:anywhere}
.au-skrow{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;min-width:0}
.au-list{flex:1 1 260px;min-width:0;background:var(--au-card);border:1px solid var(--au-line);
  border-radius:12px;padding:8px 6px;display:flex;flex-direction:column;gap:2px}
.au-skgrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:8px;align-items:stretch;min-width:0}
/* 每节一个占满整行的 subgrid 盒子：sticky 节头的贴顶范围只到本节，下一节上来时把它顶走 */
.au-skblock{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:8px;align-items:stretch;min-width:0}
/* --au-card / --au-surface 都半透明，贴顶时会透出底下卡片的字；垫一层页面底色 */
.au-sechd{grid-column:1 / -1;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;min-width:0;
  padding:8px 4px 4px;background-color:var(--au-bg);background-image:linear-gradient(var(--au-surface),var(--au-surface));
  font-size:12.5px;font-weight:600}
.au-sechd b{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-sechd i{font-style:normal;font-size:12px;color:var(--au-muted);white-space:nowrap}
.au-sechd svg{width:13px;height:13px;margin-left:auto;flex:none;color:var(--au-muted)}
.au-skc{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border-radius:10px;
  border:1px solid var(--au-line);background:var(--au-card);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.au-skc.in{opacity:1;transform:none}
.au-skc.on,.au-skc.open{background:var(--au-surface)}
.au-skc .r1{display:flex;align-items:center;gap:8px;min-width:0}
.au-skc .av{width:20px;height:20px;border-radius:50%;background:var(--au-seg);flex:none}
.au-skc .r1 b{flex:1 1 160px;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-skc .more,.au-skc .chev{width:24px;display:inline-flex;justify-content:center;flex:none;color:var(--au-muted)}
.au-skc .more svg{width:13px;height:13px}
.au-skc .chev svg{width:14px;height:14px;transform:rotate(90deg)}
.au-skc.open .chev svg{transform:rotate(270deg)}
.au-skc .lay{width:20px;height:20px;flex:none;color:var(--au-muted);stroke-width:1.5}
.au-skc .d{font-style:normal;font-size:11.5px;line-height:1.45;color:var(--au-2nd);min-width:0;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.au-skc .r3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;min-height:18px}
.au-skc .who{flex:0 1 150px;min-width:0;font-size:12px;color:var(--au-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-skc .use{font-size:11.5px;color:var(--au-muted);white-space:nowrap}
.au-skc .au-an{margin-left:auto}
.au-an{width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--au-text)}
.au-an svg{width:12px;height:12px;display:block}
.au-an.stamp{opacity:.45}
.au-an.pending{opacity:.65}
.au-an.pending svg g{stroke-dasharray:10 8}
.au-an.confirmed{opacity:.9}
.au-drawer{grid-column:1 / -1;min-width:0;padding-left:10px;border-left:2px solid var(--au-line);display:flex;flex-direction:column;gap:8px}
.au-drawer>.h{font-size:12px;color:var(--au-muted);padding:2px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-shut{align-self:flex-start;max-width:100%;padding:4px 8px;border-radius:7px;font-size:12px;border:1px solid var(--au-line);
  color:var(--au-2nd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-skempty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;min-width:0}
.au-skempty>div{font-size:13px;color:var(--au-muted);text-align:center;min-width:0}
.au-pill{padding:5px 12px;border-radius:999px;font-size:12.5px;border:1px solid var(--au-line);color:var(--au-2nd);white-space:nowrap}
.au-guide{font-size:12px;color:var(--au-muted);padding:8px 4px 2px}
.au-cap{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:4px 2px;font-size:12.5px;color:var(--au-2nd)}
.au-cap svg{width:13px;height:13px}
/* 右侧详情栏：基准 280、最宽 min(440px, 100%)，先撑满 440 再分给清单；窄了折到清单下面。与真页 PaneShell 一样贴顶 */
.au-pane{flex:999 1 280px;max-width:min(440px,100%);min-width:0;background:var(--au-card);border:1px solid var(--au-line);
  border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;align-self:flex-start}
.au-pane .h{display:flex;align-items:flex-start;gap:10px;min-width:0}
.au-pane .tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.au-pane .t1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;font-size:14px;font-weight:600}
.au-pane .av{width:22px;height:22px;border-radius:50%;background:var(--au-seg);flex:none}
.au-pane .ln .av{width:18px;height:18px}
/* 没有真实作者的头像位画分类图标：与头像同外框，图标约 0.62 倍边长，同真页 SkillRow.技能头像位 */
.au-skc .av.cat,.au-pane .av.cat{display:inline-flex;align-items:center;justify-content:center;color:var(--au-muted);background:color-mix(in srgb,currentColor 6%,transparent)}
.au-skc .av.cat svg{width:12px;height:12px;stroke-width:1.75}
.au-pane .av.cat svg{width:14px;height:14px;stroke-width:1.75}
.au-pane .t1 b{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.au-pane .t1 em{font-style:normal;font-size:11px;font-weight:400;color:var(--au-muted)}
.au-pane .tt p{font-size:12px;color:var(--au-2nd);line-height:1.5;min-width:0}
.au-pane .x{padding:4px;display:inline-flex;flex:none;color:var(--au-muted)}
.au-pane .x svg{width:14px;height:14px}
.au-pane section{display:flex;flex-direction:column;gap:6px;min-width:0}
.au-pane .k{font-size:11px;color:var(--au-muted);letter-spacing:.3px;min-width:0}
.au-pane .ln{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;min-width:0}
.au-pane .ln>svg{width:14px;height:14px;flex:none;color:var(--au-2nd)}
.au-pane .v{font-size:13px;line-height:1.5;min-width:0}
.au-pane code{font-family:inherit;font-size:12px;color:var(--au-2nd);word-break:break-all;min-width:0}
.au-pane .acts{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--au-line)}
.au-pbtn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;font-size:12.5px;
  border:1px solid var(--au-line);color:var(--au-text);white-space:nowrap}
.au-pbtn svg{width:12px;height:12px;flex:none}
.au-pbtn.dim{opacity:.6}
/* 点「新建」：整屏只剩创建（NewSkillPage，最宽 760） */
.au-newsk{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:760px}
.au-newsk>.top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.au-newsk>.top b{font-size:16px;font-weight:700}
.au-skback{display:inline-flex;align-items:center;gap:2px;padding:4px 8px 4px 4px;border-radius:7px;border:1px solid var(--au-line);
  font-size:12.5px;color:var(--au-2nd)}
.au-skback svg{width:14px;height:14px}
.au-newsk>p{font-size:12px;color:var(--au-2nd);line-height:1.5}
.au-newsk .ta,.au-newsk .in{border:1px solid var(--au-line);border-radius:7px;padding:8px 10px;background:var(--au-surface);
  font-size:13px;line-height:1.5;min-height:36px;min-width:0;white-space:pre-wrap;word-break:break-word}
.au-newsk .ta{min-height:96px}
.au-newsk .ph{color:var(--au-faint)}
.au-newsk .f{display:flex;justify-content:flex-end}
.au-newsk .f .au-pbtn{background:var(--au-surface)}
.au-tolist{font-size:12px;color:var(--au-text)}
.au-form{background:var(--au-card);border:1px solid var(--au-line);border-radius:12px;padding:24px;min-width:0}
.au-form h4{font-size:16px;font-weight:700;margin-bottom:4px}
.au-form>small{display:block;font-size:11px;color:var(--au-muted);margin-bottom:20px}
.au-form .fs{display:flex;flex-direction:column;gap:16px;min-width:0}
.au-form label{display:block;font-size:12px;color:var(--au-2nd);margin-bottom:4px}
.au-form .two{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;min-width:0}
.au-form .mono{min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.6}
.au-form em{display:block;font-style:normal;font-size:10px;color:var(--au-muted);margin-top:4px}
.au-icons{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.au-icons span{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;
  border:2px solid transparent;background:var(--au-surface);color:var(--au-2nd)}
.au-icons span.on{border-color:var(--au-text);background:color-mix(in srgb, var(--au-text) 13%, transparent);color:var(--au-text)}
.au-icons svg{width:15px;height:15px}
.au-types{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.au-types span{flex:1 1 120px;min-width:0;padding:8px 12px;border-radius:8px;border:1px solid var(--au-line);font-size:12px;
  color:var(--au-2nd);text-align:center}
.au-types span.on{border-color:var(--au-muted);background:var(--au-line);color:var(--au-text);font-weight:600}
.au-types small{display:block;font-size:9px;margin-top:2px;opacity:.6;font-weight:400;text-align:center}
.au-form .btns{display:flex;gap:8px;flex-wrap:wrap}
.au-form .btns span{padding:7px 14px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--au-line);
  background:var(--au-surface);color:var(--au-2nd)}
.au-form .btns span.go{background:var(--au-text);border-color:transparent;color:var(--au-bg)}

/* 页头「我的｜商城」两段切换（真页 SkillsViewSwitch）与商城栏（真页 SkillStoreView / SkillStoreCard）。
   商城卡片沿用 .au-skc 的外框与浮出；作者行、标签行、底行都能折行，名字单行省略，按钮不折字 */
.au-vsw{display:inline-flex;gap:2px;padding:2px;border-radius:8px;border:1px solid var(--au-line);flex:none}
.au-vsw span{padding:4px 12px;border-radius:6px;font-size:12.5px;color:var(--au-2nd);white-space:nowrap}
.au-vsw span.on{background:var(--au-surface);color:var(--au-text);font-weight:600}
.au-stnote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;margin-bottom:10px}
.au-stnote>span:first-child{flex:1 1 200px;min-width:0;font-size:12px;color:var(--au-muted);overflow-wrap:anywhere}
.au-stnote .rf{padding:5px 10px;border-radius:7px;font-size:12px;border:1px solid var(--au-line);color:var(--au-2nd);white-space:nowrap}
.au-stc{gap:7px}
.au-stc .av{width:22px;height:22px}
.au-stc .r1 b{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-stc .who{flex:none;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;font-size:12px;color:var(--au-muted);
  overflow:visible;white-space:normal}
.au-stc .who span{min-width:0;overflow-wrap:anywhere}
.au-stc .who .st{display:inline-flex;align-items:center;gap:4px}
.au-stc .who .au-an{width:auto;height:auto}
.au-stc .tags{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.au-stc .tags span{max-width:100%;font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--au-line);color:var(--au-2nd);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-stc .r4{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;min-width:0}
.au-stc .v{flex:0 1 auto;min-width:0;font-size:12px;color:var(--au-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-stc .inst{margin-left:auto;flex:none;padding:5px 12px;border-radius:7px;font-size:12.5px;border:1px solid var(--au-line);
  background:var(--au-surface);color:var(--au-text);white-space:nowrap}
.au-stc .inst.off{background:transparent;color:var(--au-muted)}

/* ═══ 设置（真软件是个弹窗：左边四个 tab，右边内容）═══
   弹窗 1043×664 r=14；tab 179×33 r=7；右侧每块 761 宽、r=12、bg=同卡片色。 */
.au-dlg{position:absolute;inset:0;display:grid;place-items:center;background:var(--au-scrim,rgba(0,0,0,.45))}
.au-dlgbox{width:1043px;max-width:94%;height:664px;max-height:92%;background:var(--au-float);
  border:1px solid var(--au-line);border-radius:14px;display:flex;overflow:hidden}
.au-dlgnav{width:200px;flex:none;padding:14px 10px;display:flex;flex-direction:column;gap:3px}
.au-dlgnav span{padding:7px 12px;border-radius:7px;font-size:12px;color:var(--au-2nd)}
.au-dlgnav span.on{background:var(--au-surface);font-weight:600;color:var(--au-text)}
.au-dlgmain{flex:1;min-width:0;padding:14px 20px 20px;overflow-y:auto;scrollbar-width:none;position:relative}
.au-dlgmain::-webkit-scrollbar{display:none}
/* 关闭键照 SettingsPage：sticky 贴顶、靠右浮动，页面往下滚它也停在右上角 */
.au-x{position:sticky;top:0;float:right;z-index:2;padding:4px;font-size:16px;line-height:1;color:var(--au-2nd)}
.au-blk{background:var(--au-card);border-radius:12px;padding:13px 16px;margin-bottom:14px;
  opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}
.au-blk.in{opacity:1;transform:none}
.au-blk>h5{font-size:13px;font-weight:600;margin-bottom:4px}
.au-blk>p{font-size:11.5px;color:var(--au-muted);line-height:1.7;margin-bottom:10px}
.au-cur{display:flex;align-items:center;gap:10px}
.au-cur i{width:8px;height:8px;border-radius:50%;background:var(--au-text);flex:none}
.au-cur b{font-size:13px;font-weight:600}
.au-cur em{font-style:normal;font-size:11px;color:var(--au-muted);margin-left:auto}
/* 模型与 API 那块是个表单（真软件结构）：服务商 / 模型 / API Key / API 地址，
   左边 76px 标签、右边 633px 控件，底下「测试连接」「保存」。 */
.au-frow{display:flex;gap:10px;margin-bottom:9px}
.au-frow>b{width:76px;flex:none;font-size:12px;font-weight:400;color:var(--au-2nd);
  line-height:24px}
.au-frow>div{flex:1;min-width:0}
.au-ctl{background:var(--au-surface);border-radius:6px;padding:7px 11px;font-size:12px;
  display:flex;align-items:center;gap:8px;height:32px}
.au-ctl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 服务商、模型两格是普通字（真软件 select / div 继承正文字体），钥匙和地址才是等宽 */
.au-ctl .v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-ctl .cv,.au-sw .cv{margin-left:auto;width:20px;height:20px;border-radius:6px;display:grid;
  place-items:center;flex:none;color:var(--au-muted)}
.au-ctl .cv svg,.au-sw .cv svg{width:15px;height:15px;transform:rotate(90deg)}
.au-ctl.ph code{color:var(--au-faint)}
/* ★叫 au-fhint：当年 .au-hint 被这里占过一次，把别处的 padding/背景盖掉了。 */
.au-fhint{font-size:11px;color:var(--au-muted);margin-top:4px;display:flex;
  align-items:center;gap:8px;flex-wrap:wrap}
.au-pol{border-radius:6px;padding:2px 8px;font-size:11px;flex:none;
  border:1px solid var(--au-line);color:var(--au-2nd)}
.au-fhint.one{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 「用中转/加速地址」是一行字加向下的小箭头（真软件 inline-flex、gap 4），点开才出预设地址 */
.au-sw{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--au-2nd);
  margin-bottom:5px}
.au-sw .cv{margin-left:0}
.au-fbtns{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.au-fmsg{font-style:normal;font-size:12px;color:var(--au-text);min-width:0}
.au-fmsg svg{display:inline-block;vertical-align:-0.14em;flex:none}
.au-fbtns span{border:1px solid var(--au-line);border-radius:4px;padding:7px 14px;
  font-size:12px;color:var(--au-2nd)}
.au-fbtns span.on{border-color:var(--au-2nd);color:var(--au-text)}
/* 已配置的 API 列表：圆点 + 名字 + 政策标签 + 钥匙已保存 + 主模型 */
.au-api{display:flex;align-items:center;gap:10px;background:var(--au-surface);
  border-radius:8px;padding:6px 12px;margin-bottom:6px;height:32px;font-size:13px;
  opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.au-api.in{opacity:1;transform:none}
.au-api i{width:8px;height:8px;border-radius:4px;background:var(--au-2nd);flex:none}
.au-api b{font-weight:400;flex:none;min-width:130px}
.au-api s{text-decoration:none;font-size:11px;color:var(--au-muted);flex:none}
.au-api .main{margin-left:auto;font-size:11px;background:var(--au-card);border-radius:6px;
  padding:2px 8px;color:var(--au-2nd);flex:none;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
/* 隐私页（真软件 PrivacyTab）：清单行 = 左边类别名（等宽字）+ 右边「N 条」+ 大小；
   行间一条细线，最后一行没有。按钮照 settingsShared：主按钮 1.5px 实边加粗，次按钮细边，都是透明底。 */
.au-drow{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:12px;color:var(--au-2nd)}
.au-drow+.au-drow{border-top:1px solid var(--au-line-sub)}
.au-drow>span{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px}
.au-drow em{font-style:normal;color:var(--au-2nd);font-weight:500;font-variant-numeric:tabular-nums;flex:none}
.au-drow small{font-size:11px;color:var(--au-muted);flex:none}
.au-drow u{text-decoration:underline;color:var(--au-text);font-size:13px;flex:none}
.au-pact{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.au-del>.au-pact{margin-top:0}
.au-pact small{flex:1 1 240px;min-width:0;font-size:11px;color:var(--au-muted);line-height:1.6}
.au-pact small b{color:var(--au-text)}
.au-prim{border:1.5px solid var(--au-text);border-radius:4px;padding:7px 14px;font-size:12px;
  font-weight:600;color:var(--au-text);flex:none}
.au-seco{border:1px solid var(--au-line-on);border-radius:4px;padding:7px 14px;font-size:12px;
  color:var(--au-text);flex:none}
.au-blk>p b{color:var(--au-text);font-weight:600}
.au-kept{margin-top:10px;font-size:11px;color:var(--au-muted);line-height:1.6}
.au-kg{border:1px solid var(--au-line);border-radius:8px;padding:6px 10px;margin-top:6px}
.au-kg>b{display:block;font-size:12px;font-weight:600;color:var(--au-text)}
.au-kg>b::before{content:'\25B8';display:inline-block;width:14px;font-size:10px;color:var(--au-2nd)}
.au-kg.open>b::before{content:'\25BE'}
.au-kg>p{margin:4px 0;font-size:11px;color:var(--au-muted);line-height:1.6}
.au-kg>ul{margin:0;padding-left:16px;list-style:disc;font-size:11px;color:var(--au-2nd);line-height:1.6;overflow-wrap:anywhere}
/* 隐私页顶上两张带开关的卡（真软件：左边标题 + 说明，右边 Toggle，两头撑开、间距 12） */
.au-tgrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.au-tgrow>div{min-width:0}
.au-tgrow h5{font-size:13px;font-weight:600;margin-bottom:14px}
.au-tgrow p{font-size:11.5px;color:var(--au-muted);line-height:1.6;margin-top:4px}
/* 开关照 settings/Toggle：轨道 34×20、圆钮 14、四周 3px；开着轨道实心、圆钮是底色带一点投影 */
.au-tgl{position:relative;width:34px;height:20px;border-radius:10px;flex:none;box-sizing:border-box;
  border:1px solid var(--au-line-on)}
.au-tgl i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--au-muted)}
.au-tgl.on{background:var(--au-text);border-color:var(--au-text)}
.au-tgl.on i{left:16px;background:var(--au-bg);box-shadow:var(--au-knob)}
/* 星系卡的五档（真软件 NebulaConsentPanel）：圆点 12 + 标题 12.5，下面一行说明缩进 20 */
.au-blk>p code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.au-lvls{display:flex;flex-direction:column;gap:5px}
.au-lvl{padding:8px 12px;border-radius:9px;border:1px solid var(--au-line)}
.au-lvl.on{border-color:var(--au-text);background:var(--au-surface)}
.au-lvl>div{display:flex;align-items:center;gap:8px}
.au-lvl i{width:12px;height:12px;border-radius:50%;flex:none;box-sizing:border-box;border:1px solid var(--au-faint)}
.au-lvl.on i{border-color:var(--au-text);background:var(--au-text)}
.au-lvl b{font-size:12.5px;font-weight:500}
.au-lvl.on b{font-weight:600}
.au-lvl small{font-size:10px;color:var(--au-muted)}
.au-lvl p{font-size:11.5px;color:var(--au-muted);margin:2px 0 0 20px;line-height:1.5}

/* ═══ 注册三步（真软件 RegisterPage）═══
   居中一张卡：顶部四段进度条 → 圆形图标 → 标题 20px → 说明 13px → 内容 → 主按钮。 */
.au-reg{position:absolute;inset:0;display:grid;place-items:center}
.au-regbox{width:492px;max-width:92%;background:var(--au-float);border:1px solid var(--au-line);
  border-radius:14px;padding:26px 30px 24px}
.au-steps4{display:flex;gap:8px;margin-bottom:22px}
.au-steps4 i{flex:1;height:2px;border-radius:1px;background:var(--au-line)}
.au-steps4 i.on{background:var(--au-2nd)}
.au-regic{width:40px;height:40px;border-radius:50%;background:var(--au-surface);
  display:grid;place-items:center;margin:0 auto 14px}
.au-regic svg{width:18px;height:18px;opacity:.7}
.au-regbox h2{font-size:20px;font-weight:600;text-align:center;margin-bottom:7px}
.au-regbox>p{font-size:13px;color:var(--au-muted);text-align:center;margin-bottom:18px;line-height:1.7}
.au-warn{display:flex;gap:10px;background:var(--au-card);border-radius:9px;padding:12px 14px;
  font-size:12px;line-height:1.75;margin-bottom:10px}
.au-warn svg{width:14px;height:14px;flex:none;margin-top:3px;opacity:.7}
.au-warn b{font-weight:400;display:block}
.au-warn em{font-style:normal;color:var(--au-muted);display:block}
.au-mact{display:flex;justify-content:flex-end;gap:14px;font-size:11.5px;color:var(--au-muted);
  margin-bottom:9px}
.au-words{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.au-word{border:1px solid var(--au-line);border-radius:8px;padding:9px 11px;font-size:13px;
  display:flex;gap:8px;align-items:baseline;
  opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.au-word.in{opacity:1;transform:none}
.au-word i{font-style:normal;font-size:10.5px;color:var(--au-faint);flex:none;min-width:14px}
.au-word span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.au-didbox{background:var(--au-card);border-radius:9px;padding:11px 13px;margin-bottom:14px}
.au-didbox i{font-style:normal;font-size:11px;color:var(--au-muted);display:block;margin-bottom:5px}
.au-didbox code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;
  color:var(--au-2nd);word-break:break-all}
.au-main-btn{border:1px solid var(--au-2nd);border-radius:9px;padding:13px;text-align:center;
  font-size:14px;margin-bottom:9px}
.au-sub-btn{border:1px solid var(--au-line);border-radius:9px;padding:11px;text-align:center;
  font-size:13px;color:var(--au-muted)}
.au-field{margin-bottom:14px}
.au-field label{display:block;font-size:12px;color:var(--au-2nd);margin-bottom:7px}
.au-field .box{background:var(--au-surface);border-radius:8px;padding:11px 13px;font-size:14px}
.au-field .hint{font-size:11px;color:var(--au-faint);margin-top:6px}
.au-back{text-align:center;font-size:12px;color:var(--au-faint);margin-top:12px}
.au-back span{color:var(--au-2nd)}

/* ═══ 挂起审批条（真软件 PendingApprovalStrip）═══
   机主 2026-08-04 三改后的样子：输入框正上方，无外框、无图标、无工具名，
   就两个词「不允许 / 允许」。样式取自组件原值（12px / 4px 12px / r=6）。 */
.au-appr{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:8px;min-width:0;
  opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.au-appr.in{opacity:1;transform:none}
.au-appr span{font-size:12px;padding:4px 12px;border-radius:6px;border:1px solid var(--au-line);
  color:var(--au-muted);flex-shrink:0}
/* 「允许」描边用 --ui-border-active（这里是 --au-line-on），字重 500 */
.au-appr span.yes{border-color:var(--au-line-on);color:var(--au-text);font-weight:500}

/* ═══ 问询卡（真软件 QuestionCard，挂在 PendingApprovalStrip 里）═══
   输入框正上方、右对齐，卡宽 100% 封顶 560。三行字 + 一排按钮；窗口拖窄时按钮整行换行、字自己折行。
   变量对照 global.css：--bg-card=--au-card、--border=--au-line、--text-primary=--au-text、
   --text-secondary=--au-2nd、--text-muted=--au-muted、--ui-border-active=--au-line-on。 */
.au-qstrip{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-bottom:8px;min-width:0;
  opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.au-qstrip.in{opacity:1;transform:none}
.au-qcard{box-sizing:border-box;width:100%;max-width:560px;min-width:0;padding:10px 12px;border-radius:10px;
  border:1px solid var(--au-line);background:var(--au-card);display:flex;flex-direction:column;gap:6px}
.au-qmain{min-width:0;font-size:13px;line-height:20px;color:var(--au-text);word-break:break-word}
.au-qwhy{min-width:0;font-size:12px;line-height:18px;color:var(--au-2nd);word-break:break-word}
.au-qbtns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}
.au-qbtns span{flex-shrink:0;max-width:100%;padding:4px 12px;border-radius:6px;font-size:12px;line-height:18px;
  background:transparent;white-space:normal;word-break:break-word;text-align:center;
  border:1px solid var(--au-line);color:var(--au-muted)}
.au-qbtns span.same{color:var(--au-2nd)}
.au-qbtns span.yes{border-color:var(--au-line-on);color:var(--au-text);font-weight:500}
@media (prefers-reduced-motion:reduce){
  .au-appr,.au-qstrip{transition:none}
}

/* ═══ 星云（真软件 CosmicNeuralWeb）═══
   真软件跑的是 Three.js，但画面上就是 2D 投影的点和线，用 canvas 还原得了。
   四个浮层照真软件摆：左上觉醒值/在线数、中上搜索+定位、右上定位自己、
   右侧星云卡、左下我的成长。 */
.au-neb{position:absolute;inset:0;overflow:hidden}
.au-neb canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.au-hud{position:absolute;display:flex;align-items:center;gap:10px;
  background:var(--au-card);border:1px solid var(--au-line);border-radius:10px;
  padding:10px 14px;font-size:12px;backdrop-filter:blur(8px)}
.au-hud.tl{top:16px;left:16px}
.au-hud.tc{top:16px;left:50%;transform:translateX(-50%);padding:8px 10px 8px 14px;gap:8px}
.au-hud.tr{top:16px;right:16px}
.au-hud.rt{top:74px;right:16px;align-items:flex-start}
.au-hud.bl{bottom:16px;left:16px}
.au-hud b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.au-hud i{font-style:normal;color:var(--au-muted);font-size:11.5px}
.au-hud .sep{width:1px;height:16px;background:var(--au-line)}
.au-hud .inp{color:var(--au-faint);min-width:180px}
.au-hud .k{border:1px solid var(--au-line);border-radius:7px;padding:5px 11px;
  color:var(--au-2nd);flex:none}
.au-hud .ic{width:26px;height:26px;border-radius:7px;background:var(--au-surface);
  display:grid;place-items:center;flex:none}
.au-hud .ic svg{width:14px;height:14px;opacity:.7}
.au-hud .nm b{font-size:13px;display:block;font-weight:600}
.au-hud svg.s{width:13px;height:13px;opacity:.5;flex:none}

/* ═══ 首页（真软件 HomeLanding，「+」菜单是 PlusMenu，首页往下弹）═══
   居中一列最宽 720：大标题、输入卡片、卡片下方「工程 / 文件夹」与审批档位、「给你的灵感」。
   首页没有消息流，也就没有聊天背景那层浮动网格。尺寸取组件原值；
   变量对照 global.css：--menu-bg=--au-menu、--bg-card=--au-card、--bg-surface=--au-surface、--border=--au-line、
   --text-primary=--au-text、--text-secondary=--au-2nd、--text-muted=--au-muted、--ui-text-faint=--au-faint、
   --ui-border-active=--au-line-on、--engine-*=--au-eng-*。 */
.au-main:has(>.au-page>.au-hm)>.au-grid-stack{display:none}
.au-hm{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;min-width:0}
.au-hm-col{width:100%;max-width:720px;min-width:0;display:flex;flex-direction:column;gap:22px}
.au-hm-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;
  font-size:30px;line-height:1.5;color:var(--au-text)}
.au-hm-title b{font-weight:600;letter-spacing:1.5px}
.au-hm-title span{font-weight:500;letter-spacing:.5px}
.au-hm-card{border:1px solid var(--au-line);border-radius:16px;padding:14px;background:var(--au-card);
  box-shadow:0 4px 20px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;min-width:0}
.au-hm-ph{height:49px;padding:2px;font-size:15px;line-height:1.5;color:var(--au-muted)}
.au-hm-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.au-hm-plus{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:19px;line-height:1;color:var(--au-2nd);text-align:center}
.au-hm-plus.on{background:var(--au-surface)}
.au-hm-chip{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--au-line-on);background:var(--au-surface);color:var(--au-text)}
.au-hm-spring{flex:1}
.au-hm-model{display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:7px;min-width:0;
  font-size:12px;color:var(--au-muted);white-space:nowrap}
.au-hm-model span{max-width:200px;overflow:hidden;text-overflow:ellipsis}
.au-hm-model svg{opacity:.6;flex-shrink:0}
.au-hm-send{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--au-surface);color:var(--au-muted)}
.au-hm-ctx{height:38px;margin-top:6px;padding-left:2px;display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}
.au-hm-sel{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;min-width:0;
  font-size:13px;color:var(--au-2nd);white-space:nowrap}
.au-hm-sel i{display:flex;flex-shrink:0;color:var(--au-muted)}
.au-hm-ideas{display:flex;flex-direction:column;gap:2px;margin-top:4px;min-width:0}
.au-hm-ideas>div{padding:0 6px 4px;font-size:12px;color:var(--au-faint)}
.au-hm-idea{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;min-width:0;
  font-size:14px;color:var(--au-2nd)}
.au-hm-idea i{display:flex;flex-shrink:0;color:var(--au-muted)}
.au-pm{position:absolute;left:0;top:calc(100% + 8px);z-index:70;min-width:214px;display:none;
  background:var(--au-menu);border:1px solid var(--au-line);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);padding:6px}
.au-pm.in{display:block}
.au-pm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;
  font-size:13px;line-height:1.6;color:var(--au-2nd);white-space:nowrap}
.au-pm-row>i{display:flex;flex-shrink:0;opacity:.75}
.au-pm-row>span{flex:1}
.au-pm-row>svg.sub{opacity:.6}
.au-pm-sep{height:1px;background:var(--au-line);margin:5px 4px}

/* ═══ 后台任务（真软件 RunningTasksIndicator，输入框下面那行的左边）═══
   一颗转圈的空心环 +「N 个后台任务」，点开往上弹面板：「后台任务」+ 个数，按对话分组，
   一行一个任务：描述、「种类 · 跑了多久 · 在做什么」、「停止」。样式取组件里 alita-rti* 的原值；
   面板宽 min(400px, 100vw - 48px)、高 min(46vh, 340px)：演示台固定 1440×900，两个都取前一个。 */
.au-ftrow{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.au-ftrow .au-tip{flex:1;min-width:0;margin-top:0}
.au-rti-root{position:relative;flex-shrink:0;opacity:0;transition:opacity .3s}
.au-rti-root.in{opacity:1}
.au-rti{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;
  font-size:12px;line-height:1;color:var(--au-muted);white-space:nowrap}
.au-rti-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--au-line);
  border-top-color:var(--au-text);border-right-color:var(--au-text);animation:au-rti-spin .9s linear infinite}
@keyframes au-rti-spin{to{transform:rotate(360deg)}}
.au-rti-caret{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--au-muted);opacity:.7;margin-right:-4px}
.au-rti-caret svg{transform:rotate(-90deg);transition:transform .2s}
.au-rti-root.open .au-rti-caret svg{transform:rotate(90deg)}
.au-rti-panel{position:absolute;left:0;bottom:calc(100% + 8px);z-index:120;display:none;flex-direction:column;
  width:400px;max-height:340px;padding:8px 6px 6px;border-radius:10px;
  background:linear-gradient(var(--au-surface),var(--au-surface)),var(--au-bg);
  border:1px solid var(--au-line);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.au-rti-root.open .au-rti-panel{display:flex}
.au-rti-head{display:flex;align-items:center;gap:6px;padding:0 6px 6px;flex-shrink:0;min-width:0}
.au-rti-ptitle{font-size:12.5px;font-weight:600;color:var(--au-text)}
.au-rti-count{flex-shrink:0;font-size:11px;color:var(--au-muted)}
.au-rti-spring{flex:1 1 auto}
.au-rti-list{flex:1 1 auto;min-height:0;overflow:auto}
.au-rti-group{margin-bottom:4px}
.au-rti-gname{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:3px 6px 1px;border-radius:6px;font-size:11px;color:var(--au-muted)}
.au-rti-task{display:flex;align-items:center;gap:8px;height:28px;padding:0 4px 0 6px;border-radius:6px;min-width:0}
.au-rti-tdesc{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--au-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-rti-tmeta{flex:0 1 auto;max-width:48%;font-size:11px;color:var(--au-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-rti-btn{flex-shrink:0;padding:2px 8px;border-radius:6px;font-size:11px;
  border:1px solid transparent;color:var(--au-muted)}
/* 回复上方那行「用了 N 个工具」（真软件 ChatBubble 的 ToolCallsTimeline，跑完是收起的） */
.au-tsum{display:flex;align-items:center;gap:7px;padding:2px 0;margin:2px 0 10px;
  font-size:12.5px;color:var(--au-2nd);white-space:nowrap}
.au-tsum i{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  margin-left:-2px;border-radius:6px;color:var(--au-muted)}
@media (prefers-reduced-motion:reduce){
  .au-rti-dot{animation:none}
  .au-rti-root{transition:none}
}