
:root{
  --bg:#05050e;--ink:#eceefb;--dim:#8f96b3;
  --violet:#7c5cff;--cyan:#22d3ee;--pink:#f472b6;--gold:#fbbf24;--green:#34d399;
  --glass:rgba(18,18,38,.62);--line:rgba(255,255,255,.1);
  --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;
  --mono:"SF Mono",Menlo,Consolas,monospace;
  --tilebg:rgba(255,255,255,.045);--strong:#fff;--ink2:#cfd6ee;--ink3:#c3cae6;
  --dim2:#5f678a;--barbg:rgba(8,8,20,.72);--bartext:#c7caea;--glassblur:blur(26px);
  --shadow:0 30px 70px rgba(0,0,0,.6);--winr:14px;--dockr:20px;--icblur:blur(10px);
}
body.agios-body{background:var(--bg)!important;color:var(--ink)!important;font-family:var(--font);overflow:hidden;user-select:none;margin:0!important;padding:0!important;min-width:0}
body.agios-body a{color:inherit;text-decoration:none}
html[data-theme="glass"] body.agios-body{background:#eef0f6!important}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;user-select:none}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}

/* ============ 开机动画 ============ */
#boot{position:fixed;inset:0;z-index:1000;background:#03030a;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;transition:opacity .7s}
#boot.gone{opacity:0;pointer-events:none}
.boot-logo{font-size:44px;font-weight:800;letter-spacing:10px;
  background:linear-gradient(92deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:breathe 2.4s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.75;filter:blur(0)}50%{opacity:1;filter:drop-shadow(0 0 22px rgba(124,92,255,.6))}}
#bootlog{font-family:var(--mono);font-size:12.5px;color:#5b6280;width:min(560px,90vw);height:190px;line-height:1.85}
#bootlog b{color:var(--green);font-weight:500}
#bootlog i{color:var(--cyan);font-style:normal}
.bar{width:min(560px,90vw);height:3px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan));
  box-shadow:0 0 14px var(--violet);transition:width .25s}
.boot-hint{font-size:12px;color:#3f4560;letter-spacing:2px}

/* ============ 桌面 ============ */
#desk{position:fixed;inset:0;overflow:hidden}
#stars{position:absolute;inset:0;opacity:.7}
.wall{position:absolute;inset:0;
  background:
    radial-gradient(900px 600px at 12% 8%,rgba(124,92,255,.28),transparent 60%),
    radial-gradient(800px 600px at 88% 82%,rgba(34,211,238,.22),transparent 60%),
    radial-gradient(700px 500px at 70% 10%,rgba(244,114,182,.16),transparent 60%),
    #05050e;
  animation:wallDrift 26s ease-in-out infinite alternate}
@keyframes wallDrift{0%{transform:scale(1)}100%{transform:scale(1.12) translate(-2%,-1%)}}
.grid{position:absolute;inset:-20%;opacity:.16;
  background-image:linear-gradient(rgba(124,92,255,.55) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(124,92,255,.55) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(700px) rotateX(62deg) translateY(28%);
  mask-image:linear-gradient(transparent,#000 40%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 40%,transparent);
  animation:gridMove 8s linear infinite}
@keyframes gridMove{to{background-position:0 64px,64px 0}}
.scan{position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}
.vig{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 260px 60px rgba(0,0,0,.85)}

/* ============ 顶部菜单栏 ============ */
#bar{position:fixed;top:0;left:0;right:0;height:30px;z-index:950;display:flex;align-items:center;
  gap:18px;padding:0 16px;font-size:12.5px;color:#c7caea;
  background:rgba(8,8,20,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
#bar .b-logo{font-weight:800;letter-spacing:1px}
#bar .b-logo em{font-style:normal;color:var(--cyan)}
.b-item{cursor:default;opacity:.85}
.b-item:hover{opacity:1;color:#fff}
#ticker{flex:1;overflow:hidden;height:18px;position:relative;color:#78809f;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#tickerIn{position:absolute;top:0;left:0;height:100%;white-space:nowrap;display:flex;align-items:center}
.tick-run{display:inline-flex;animation:tickScroll linear infinite;will-change:transform}
.tick-seg{padding-right:64px}
@keyframes tickScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#bar .b-right{display:flex;align-items:center;gap:12px}
.pill{padding:2px 10px;border-radius:99px;background:rgba(124,92,255,.2);border:1px solid rgba(124,92,255,.4);color:#c9bcff}
.pill.live{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.14);color:#8ff0c8}
/* 可点击的 pill：明确的指针/悬停/激活反馈 */
#dockToggle,#themeBtn{cursor:pointer;user-select:none;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
#dockToggle:hover,#themeBtn:hover{background:rgba(124,92,255,.34);color:#fff;border-color:rgba(124,92,255,.72)}
#dockToggle.on{background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;border-color:transparent;
  box-shadow:0 4px 14px rgba(124,92,255,.45)}
#clock{font-family:var(--mono);font-size:12.5px;letter-spacing:.5px}

/* ============ 桌面图标 ============ */
#icons{position:absolute;top:52px;left:26px;display:grid;grid-template-columns:repeat(2,88px);gap:14px 10px;z-index:100}
.icon{width:88px;text-align:center;cursor:pointer;transition:transform .2s}
.icon:hover{transform:translateY(-3px)}
.icon .ib{width:56px;height:56px;margin:0 auto 7px;border-radius:17px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
  border:1px solid var(--line);backdrop-filter:blur(10px);
  box-shadow:0 8px 22px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.16);transition:.25s;position:relative}
.icon .ib svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.icon .ib::after{content:"";position:absolute;left:16%;right:16%;bottom:-10px;height:7px;border-radius:50%;
  filter:blur(7px);opacity:.7;transition:.25s}
.icon:nth-child(1) .ib::after{background:var(--violet)}
.icon:nth-child(2) .ib::after{background:var(--cyan)}
.icon:nth-child(3) .ib::after{background:var(--pink)}
.icon:nth-child(4) .ib::after{background:var(--gold)}
.icon:nth-child(5) .ib::after{background:var(--green)}
.icon:nth-child(6) .ib::after{background:var(--pink)}
.icon:nth-child(7) .ib::after{background:var(--violet)}
.icon:nth-child(8) .ib::after{background:var(--cyan)}
.icon:nth-child(9) .ib::after{background:var(--gold)}
.icon:hover .ib{border-color:rgba(124,92,255,.65);transform:translateY(-3px) scale(1.06);
  box-shadow:0 14px 30px rgba(124,92,255,.36),inset 0 1px 0 rgba(255,255,255,.22)}
.icon:hover .ib::after{opacity:1;transform:scaleX(1.25)}
.icon span{font-size:11.5px;color:#b9c0dc;text-shadow:0 2px 6px #000}

/* ============ 窗口 ============ */
.win{position:absolute;width:520px;min-width:340px;border-radius:14px;overflow:hidden;z-index:120;
  background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(26px);
  box-shadow:0 30px 70px rgba(0,0,0,.6);
  display:flex;flex-direction:column;
  animation:winIn .42s cubic-bezier(.2,.9,.25,1)}
@keyframes winIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
.win.min{animation:winOut .28s forwards}
@keyframes winOut{to{opacity:0;transform:scale(.9) translateY(40px)}}
.win.focus{box-shadow:0 34px 80px rgba(0,0,0,.7),0 0 0 1px rgba(124,92,255,.5),0 0 46px rgba(124,92,255,.16)}
.wbar{height:38px;display:flex;align-items:center;gap:12px;padding:0 12px;flex-shrink:0;cursor:grab;
  background:rgba(255,255,255,.045);border-bottom:1px solid var(--line)}
.wbar:active{cursor:grabbing}
.wbar .dots{display:flex;gap:7px}
.wbar .dots i{width:11px;height:11px;border-radius:50%;display:block;cursor:pointer;transition:.2s}
.d1{background:#ff5f57}.d2{background:#febc2e}.d3{background:#28c840}
.wbar .dots i:hover{filter:brightness(1.35);transform:scale(1.15)}
.wtitle{font-size:12.5px;color:#cfd6ee;letter-spacing:.4px;flex:1;text-align:center;font-family:var(--mono)}
.wbadge{font-size:10.5px;padding:1px 8px;border-radius:99px;border:1px solid var(--line);color:#8f96b3}
.wbody{padding:18px;overflow:auto;flex:1;font-size:13.5px;line-height:1.75;color:#c3cae6;max-height:56vh}
.wresize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;
  background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.25) 50%)}

/* 窗口内容通用 */
.h2{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px}
.sub{color:var(--dim);font-size:12.5px;margin-top:4px;margin-bottom:16px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.tile{padding:14px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--line);
  transition:.28s;cursor:pointer;position:relative;overflow:hidden}
.tile:hover{border-color:rgba(124,92,255,.6);transform:translateY(-3px);background:rgba(124,92,255,.1)}
.tile b{display:block;font-size:13.5px;color:#fff;margin:6px 0 4px}
.tile p{font-size:11.5px;color:var(--dim);line-height:1.6}
.tile .em{font-size:22px}
.feed{display:grid;gap:10px}
.feed .row{display:flex;gap:12px;align-items:baseline;padding:9px 12px;border-radius:10px;
  background:rgba(255,255,255,.035);border-left:2px solid var(--cyan);transition:.25s}
.feed .row:hover{background:rgba(34,211,238,.1);transform:translateX(4px)}
.feed .row i{font-style:normal;font-family:var(--mono);font-size:11px;color:#5f678a;flex-shrink:0}
.feed .row span{font-size:12.5px}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.app-c{padding:14px 8px;text-align:center;border-radius:12px;background:rgba(255,255,255,.045);
  border:1px solid var(--line);transition:.28s;cursor:pointer}
.app-c:hover{border-color:var(--violet);transform:translateY(-4px) scale(1.04);box-shadow:0 10px 24px rgba(124,92,255,.25)}
.app-c .ai{font-size:24px}
.app-c b{display:block;font-size:11.5px;color:#fff;margin-top:6px}
.app-c span{font-size:10.5px;color:var(--dim)}
/* 终端 */
.term{font-family:var(--mono);font-size:12.5px;line-height:1.8;height:100%;display:flex;flex-direction:column}
.term .out{flex:1;overflow:auto;padding:2px 0 10px}
.term .l{color:#9aa2c4}
.term .l.you{color:#fff}
.term .l.you b{color:var(--cyan);font-weight:500}
.term .l.ai b{color:var(--gold);font-weight:500}
.term .l.ai{color:#d8dcf0}
.term .in{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.term .in i{font-style:normal;color:var(--green)}
.term .in input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--mono);font-size:12.5px}
.term .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.chip{font-size:11px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:#9aa2c4;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--violet);color:#fff;background:rgba(124,92,255,.16)}
/* 关注窗 */
.fol{text-align:center;padding:6px 0}
.fol .qr{width:132px;height:132px;margin:12px auto;border-radius:14px;background:#fff;padding:9px;
  box-shadow:0 12px 30px rgba(0,0,0,.5)}
.fol .qr svg{width:100%;height:100%}
.fol .btns{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.fol .btn{padding:9px 20px;border-radius:99px;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--violet),#4f46e5);box-shadow:0 8px 22px rgba(124,92,255,.35);transition:.25s}
.fol .btn:hover{transform:translateY(-2px)}
.fol .btn.gh{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}

/* ============ Dock ============ */
#dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:700;
  display:flex;align-items:flex-end;gap:10px;padding:8px 12px;border-radius:20px;
  background:rgba(14,14,32,.66);border:1px solid var(--line);backdrop-filter:blur(24px);
  box-shadow:0 20px 50px rgba(0,0,0,.55);
  transition:transform .5s cubic-bezier(.2,.9,.25,1),opacity .5s}
#dock.dock-hide{transform:translateX(-50%) translateY(calc(100% + 26px));opacity:0;pointer-events:none}
#dock-grab{position:fixed;left:50%;bottom:6px;transform:translateX(-50%);z-index:699;width:132px;height:6px;
  border-radius:99px;background:linear-gradient(90deg,rgba(124,92,255,.55),rgba(34,211,238,.55));
  box-shadow:0 0 14px rgba(124,92,255,.5);transition:opacity .4s,transform .3s;cursor:pointer}
#dock-grab:hover{transform:translateX(-50%) scaleY(1.7)}
#dock-grab.off{opacity:0;pointer-events:none}
.dock-i{width:50px;height:50px;display:grid;place-items:center;cursor:pointer;position:relative}
/* 彩色应用磁贴：颜色取自每个 app 的配色（--ic1/--ic2 由 JS 写在 .dic 上）。
   磁贴放在 .dic 而非 .dock-i —— 这样放大动画会「背景+图标」整块缩放，且不会连带缩放 tooltip。 */
.dock-i .dic{display:grid;place-items:center;width:100%;height:100%;color:#fff;border-radius:14px;
  background:linear-gradient(160deg,var(--ic1,#8e9bff),var(--ic2,#5b6bff));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 6px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.3);
  transform-origin:50% 100%;will-change:transform;transition:border-color .25s,box-shadow .25s}
.dock-i .dic svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.dock-i:hover{z-index:6}
.dock-i:hover .dic{border-color:rgba(255,255,255,.65);
  box-shadow:0 12px 28px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.5)}
.dock-i::before{content:attr(data-name);position:absolute;bottom:calc(100% + 26px);left:50%;z-index:7;
  transform:translateX(-50%) translateY(6px);white-space:nowrap;font-size:11.5px;padding:4px 10px;
  border-radius:9px;background:rgba(10,10,24,.94);border:1px solid var(--line);color:#e8ecff;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dock-i:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}
.dock-i.on::after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-2.5px;
  width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.dock-i.bump{animation:bump .5s}
@keyframes bump{0%,100%{transform:none}35%{transform:translateY(-16px)}70%{transform:translateY(0) scale(.96)}}
@keyframes bump{0%,100%{transform:none}30%{transform:translateY(-18px) scale(1.1)}60%{transform:translateY(0) scale(.95)}}
.dock-sep{width:1px;height:38px;background:var(--line);margin:0 4px}

/* ============ 3D 机器人 ============ */
#bot3d{position:fixed;right:34px;bottom:78px;width:330px;height:400px;z-index:300;cursor:pointer}
#bubble{position:fixed;right:306px;bottom:398px;z-index:301;max-width:250px;padding:12px 30px 12px 16px;
  border-radius:16px;font-size:12.5px;color:#e8ecff;background:rgba(18,18,40,.94);border:1px solid var(--line);
  backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(0,0,0,.5);
  opacity:0;transform:translateY(8px) scale(.94);transition:.35s cubic-bezier(.2,.9,.25,1);pointer-events:none}
#bubble.show{opacity:1;transform:none;pointer-events:auto}
#bubble .bub-x{position:absolute;right:8px;top:7px;width:18px;height:18px;line-height:18px;text-align:center;
  font-size:11px;color:#7d86a8;cursor:pointer;border-radius:50%;transition:.2s}
#bubble .bub-x:hover{background:rgba(255,255,255,.16);color:#fff}
#bubble.show{opacity:1;transform:none}
#bubble::after{content:"";position:absolute;right:-6px;bottom:16px;width:12px;height:12px;
  background:rgba(18,18,40,.92);border-right:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
#bubble b{color:var(--gold)}

/* ============ 系统通知 ============ */
#toast{position:fixed;right:22px;top:44px;z-index:800;width:290px;padding:14px 16px;border-radius:16px;
  background:rgba(16,16,36,.9);border:1px solid var(--line);backdrop-filter:blur(20px);
  box-shadow:0 20px 50px rgba(0,0,0,.6);transform:translateX(130%);transition:transform .5s cubic-bezier(.2,.9,.25,1)}
#toast.show{transform:none}
#toast .t-h{display:flex;align-items:center;gap:8px;font-size:11px;color:#7d86a8;margin-bottom:5px}
#toast .t-h i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
#toast b{display:block;font-size:13px;color:#fff;margin-bottom:3px}
#toast p{font-size:12px;color:#a8b0cf;line-height:1.6}
#toast .t-a{margin-top:10px;font-size:11.5px;color:var(--cyan);cursor:pointer}
#toast .t-x{position:absolute;right:12px;top:12px;font-size:13px;color:#5f678a;cursor:pointer}

/* ============ 移动端回退 ============ */
#mobile{display:none;position:fixed;inset:0;overflow:auto;padding:70px 22px 40px;
  background:radial-gradient(600px 400px at 50% 0,rgba(124,92,255,.25),transparent 60%),var(--bg)}
@media(max-width:820px){
  #desk,#bar,#icons,#dock,#bot3d,#bubble,#toast{display:none!important}
  #boot{display:none!important}
  #mobile{display:block}
}
#mobile h1{font-size:38px;font-weight:800;line-height:1.2;letter-spacing:-.5px}
#mobile h1 .g{background:linear-gradient(92deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
#mobile .m-sub{color:var(--dim);margin:14px 0 26px;font-size:15px}
#mobile .m-cards{display:grid;gap:12px;margin-top:26px}
#mobile .m-c{padding:18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
#mobile .m-c b{font-size:16px;display:block;margin-bottom:6px}
#mobile .m-c span{font-size:13px;color:var(--dim)}
#mobile .m-follow{margin-top:28px;padding:26px 20px;border-radius:20px;text-align:center;
  background:linear-gradient(160deg,rgba(124,92,255,.22),rgba(34,211,238,.1));border:1px solid var(--line)}

/* ============ 主题过渡（切换平滑） ============ */
body,.win,#bar,#dock,#toast,#bubble,.tile,.app-c,.feed .row,.chip,.wbar,.icon .ib,.icon span,.dock-i,
#mobile,.wtitle,.wbody,.h2,.sub{transition:background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,border-radius .5s ease}
.wall,.vig,.grid,.scan{transition:opacity .5s ease,background .6s ease,box-shadow .6s ease}

/* ============ 顶栏：真实站点菜单 ============ */
#barMenu{display:flex;align-items:center;gap:13px;flex-shrink:0}
.b-item.b-link{cursor:pointer;opacity:.9}
.b-item.b-link:hover{opacity:1;color:#fff;text-shadow:0 0 12px rgba(124,92,255,.5)}
.b-menu{position:relative;cursor:default}
.m-drop{position:absolute;top:27px;left:-6px;min-width:172px;padding:7px;border-radius:14px;z-index:660;
  background:var(--glass);border:1px solid var(--line);backdrop-filter:var(--glassblur);
  box-shadow:var(--shadow);display:none;font-size:12.5px}
.b-menu:hover .m-drop{display:block;animation:dropIn .22s ease}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.m-drop a{display:block;padding:6px 11px;border-radius:9px;color:var(--ink);white-space:nowrap;transition:.18s}
.m-drop a:hover{background:var(--tilebg);color:var(--strong)}
#themeBtn{cursor:pointer;user-select:none;transition:.25s}
#themeBtn:hover{filter:brightness(1.2);transform:translateY(-1px)}
.lg-l{display:none}
.wopen{margin-top:16px;padding-top:13px;border-top:1px dashed var(--line);text-align:right}
.wopen a{font-size:12px;color:var(--cyan);border:1px solid var(--line);padding:5px 12px;border-radius:99px;transition:.25s;display:inline-block}
.wopen a:hover{background:rgba(34,211,238,.14);border-color:var(--cyan)}

/* ==========================================================
   主题二：Apple Liquid Glass（苹果液态玻璃）
   ========================================================== */
html[data-theme="glass"]{
  --bg:#eef0f6;
  --ink:#1d1d33;--dim:#5c6280;--dim2:#8a90aa;
  --strong:#08081a;--ink2:#2a2a46;--ink3:#3a3a58;
  --glass:linear-gradient(155deg,rgba(255,255,255,.72),rgba(255,255,255,.44));
  --tilebg:rgba(255,255,255,.5);
  --line:rgba(255,255,255,.85);
  --barbg:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.58));
  --bartext:#26263f;
  --glassblur:blur(28px) saturate(185%) brightness(1.06);
  --shadow:0 18px 48px rgba(31,38,135,.13);
  --winr:24px;--dockr:30px;--icblur:blur(6px);
}
/* 壁纸：Apple 风格多彩弥散 + 液态光斑 */
html[data-theme="glass"] .wall{
  background:
    radial-gradient(720px 520px at 12% 14%,rgba(255,150,90,.55),transparent 62%),
    radial-gradient(680px 480px at 86% 20%,rgba(255,110,185,.45),transparent 62%),
    radial-gradient(820px 560px at 70% 90%,rgba(96,165,250,.5),transparent 62%),
    radial-gradient(560px 400px at 24% 84%,rgba(52,211,153,.32),transparent 62%),
    linear-gradient(160deg,#fdfbf7,#eef1f8 55%,#e7eaf5);
}
html[data-theme="glass"] .wall::before{
  content:"";position:absolute;width:44vw;height:44vw;left:-8vw;top:-10vw;border-radius:50%;
  background:radial-gradient(circle at 32% 32%,rgba(255,186,92,.9),rgba(255,94,120,.45) 55%,transparent 72%);
  filter:blur(64px);animation:blobA 24s ease-in-out infinite alternate}
html[data-theme="glass"] .wall::after{
  content:"";position:absolute;width:40vw;height:40vw;right:-6vw;bottom:-8vw;border-radius:50%;
  background:radial-gradient(circle at 60% 40%,rgba(120,180,255,.85),rgba(160,120,255,.45) 55%,transparent 72%);
  filter:blur(64px);animation:blobB 28s ease-in-out infinite alternate}
@keyframes blobA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6vw,5vh) scale(1.16)}}
@keyframes blobB{0%{transform:translate(0,0) scale(1.1)}100%{transform:translate(-5vw,-6vh) scale(.92)}}
html[data-theme="glass"] .grid{opacity:.09;
  background-image:linear-gradient(rgba(80,104,170,.5) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(80,104,170,.5) 1px,transparent 1px)}
html[data-theme="glass"] .scan{display:none}
html[data-theme="glass"] .vig{box-shadow:inset 0 0 170px 26px rgba(255,255,255,.3)}

/* 玻璃材质：窗口 / Dock / 顶栏 / 通知 */
html[data-theme="glass"] .win{
  background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:var(--winr);
  backdrop-filter:var(--glassblur);-webkit-backdrop-filter:var(--glassblur);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.5),
    inset 1px 0 0 rgba(255,255,255,.6),inset -1px 0 0 rgba(255,255,255,.6)}
html[data-theme="glass"] .win::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  background:linear-gradient(150deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.07) 26%,transparent 48%)}
html[data-theme="glass"] .win.focus{
  box-shadow:0 26px 60px rgba(31,38,135,.2),0 0 0 2px rgba(255,255,255,.95),
    inset 0 1px 0 rgba(255,255,255,1),0 0 40px rgba(124,92,255,.18)}
html[data-theme="glass"] #dock{
  background:linear-gradient(160deg,rgba(255,255,255,.76),rgba(255,255,255,.5));
  border:1px solid rgba(255,255,255,.9);border-radius:var(--dockr);padding:9px 14px;gap:8px;
  backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);
  box-shadow:0 22px 48px rgba(31,38,135,.16),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="glass"] #bar{
  background:var(--barbg);border-bottom:1px solid rgba(255,255,255,.9);color:var(--bartext);
  backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);
  box-shadow:0 1px 0 rgba(255,255,255,.6)}
html[data-theme="glass"] .b-item.b-link:hover{color:#000;text-shadow:none;
  background:rgba(255,255,255,.85);border-radius:8px;padding:3px 9px;margin:-3px -9px;
  box-shadow:0 2px 10px rgba(31,38,135,.1)}
html[data-theme="glass"] #bubble,
html[data-theme="glass"] #toast{
  background:linear-gradient(160deg,rgba(255,255,255,.84),rgba(255,255,255,.6));
  border:1px solid rgba(255,255,255,.92);color:var(--ink);
  box-shadow:0 18px 44px rgba(31,38,135,.16),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="glass"] #bubble::after{background:rgba(255,255,255,.84);border-color:rgba(255,255,255,.92)}

/* 桌面图标：Apple 彩色渐变 + 胶囊标签 */
html[data-theme="glass"] .icon .ib{
  background:linear-gradient(160deg,var(--ic1,#8e9bff),var(--ic2,#5b6bff));
  border:1px solid rgba(255,255,255,.75);backdrop-filter:var(--icblur);
  box-shadow:0 10px 24px rgba(31,38,135,.2),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(0,0,0,.08)}
html[data-theme="glass"] .icon:hover .ib{transform:translateY(-3px) scale(1.06);
  box-shadow:0 16px 30px rgba(31,38,135,.26),inset 0 1px 0 rgba(255,255,255,.85)}
html[data-theme="glass"] .icon .ib::after{opacity:.35;filter:blur(8px)}
html[data-theme="glass"] .icon span{color:#191930;background:rgba(255,255,255,.78);
  border-radius:99px;padding:1px 8px;display:inline-block;text-shadow:none;
  backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(31,38,135,.1)}
html[data-theme="glass"] .dock-i .dic{
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 8px 20px rgba(31,38,135,.2),inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme="glass"] .dock-i.on::after{background:#1d1d33;box-shadow:none;bottom:-6px}

/* 文字与卡片 */
html[data-theme="glass"] .h2,html[data-theme="glass"] .tile b,html[data-theme="glass"] .app-c b,
html[data-theme="glass"] #toast b,html[data-theme="glass"] .term .l.you{color:var(--strong)}
html[data-theme="glass"] .sub,html[data-theme="glass"] .tile p,html[data-theme="glass"] .app-c span,
html[data-theme="glass"] .wbadge,html[data-theme="glass"] #toast p,html[data-theme="glass"] .feed .row i,
html[data-theme="glass"] .chip,html[data-theme="glass"] #toast .t-h,html[data-theme="glass"] #toast .t-x{color:var(--dim)}
html[data-theme="glass"] .wtitle,html[data-theme="glass"] .wbody,html[data-theme="glass"] .term .l,
html[data-theme="glass"] .term .l.ai,html[data-theme="glass"] .term .in input{color:var(--ink)}
html[data-theme="glass"] .tile,html[data-theme="glass"] .feed .row,html[data-theme="glass"] .app-c,
html[data-theme="glass"] .chip,html[data-theme="glass"] .wbar{
  background:var(--tilebg);border-color:rgba(255,255,255,.8)}
html[data-theme="glass"] .tile:hover{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.95);
  transform:translateY(-3px) scale(1.015);box-shadow:0 12px 26px rgba(31,38,135,.12)}
html[data-theme="glass"] .feed .row:hover{background:rgba(255,255,255,.88);transform:translateX(4px)}
html[data-theme="glass"] .app-c:hover{background:rgba(255,255,255,.9);
  box-shadow:0 12px 26px rgba(31,38,135,.14);transform:translateY(-4px) scale(1.04)}
html[data-theme="glass"] .chip:hover{background:rgba(124,92,255,.16);border-color:var(--violet);color:var(--strong)}
html[data-theme="glass"] .fol .btn.gh{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9);color:var(--ink)}
html[data-theme="glass"] .wopen a{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.55)}
html[data-theme="glass"] .wopen a:hover{background:rgba(34,211,238,.18)}

/* 开机 / 移动端 */
html[data-theme="glass"] #boot{background:linear-gradient(160deg,#fdfbf7,#e9ecf7)}
html[data-theme="glass"] #bootlog{color:#6b7290}
html[data-theme="glass"] #bootlog b{color:#0a9f6e}
html[data-theme="glass"] #bootlog i{color:#2563eb}
html[data-theme="glass"] .bar{background:rgba(0,0,0,.09)}
html[data-theme="glass"] .boot-hint{color:#9aa0bb}
html[data-theme="glass"] .lg-d{display:none}
html[data-theme="glass"] .lg-l{display:block}
html[data-theme="glass"] #mobile{background:linear-gradient(170deg,#fdfbf7,#e7eaf6);color:var(--ink)}
html[data-theme="glass"] #mobile .m-c{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.95);
  box-shadow:0 10px 26px rgba(31,38,135,.08)}
html[data-theme="glass"] #mobile .m-follow{background:linear-gradient(160deg,rgba(255,160,110,.18),rgba(120,160,255,.16));
  border-color:rgba(255,255,255,.95)}

/* ===== v9.7.2 修复：AGI OS 桌面页隐藏主题自带悬浮客服条（它会盖住 3D 小艾与右上角开关） ===== */
body.agios-body .karbar{display:none!important}
body.agios-body #toast{top:42px}

/* 移动端回退卡片图标 */
#mobile .m-c b svg{width:18px;height:18px;vertical-align:-3px;margin-right:7px}

/* 液态玻璃主题下的新元素适配 */
html[data-theme="glass"] #ticker{color:#6a7188}
html[data-theme="glass"] .dock-i:hover .dic{filter:brightness(1.07);border-color:#fff;
  box-shadow:0 12px 26px rgba(31,38,135,.3),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="glass"] .dock-i .dic svg{filter:none}
html[data-theme="glass"] .dock-i::before{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.95);
  color:#1d1d33;box-shadow:0 10px 26px rgba(31,38,135,.16)}
html[data-theme="glass"] .icon .ib svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}
html[data-theme="glass"] #bubble{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.74))}
html[data-theme="glass"] #bubble .bub-x:hover{background:rgba(0,0,0,.09);color:#000}
html[data-theme="glass"] .tile .em svg,html[data-theme="glass"] .app-c .ai svg{filter:none}
.tile .em svg{width:22px;height:22px}
.app-c .ai svg{width:24px;height:24px}
