:root{--ink:#0a1120;--card:#16223a;--press:#22324f;--line:#28395a;--text:#eaf0fa;--muted:#90a4c6;--gold:#d4af6a;--cyan:#7fd6e6;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;}
body{background:radial-gradient(130% 42% at 50% 0%,#16305c 0%,var(--ink) 42%) fixed;color:var(--text);
 font-family:-apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh;
 padding:0 14px calc(70px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;}
.wrap{max-width:560px;margin:0 auto;padding-top:calc(14px + env(safe-area-inset-top));}
a{text-decoration:none;color:inherit;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 14px;}
.brandbox{display:flex;align-items:center;gap:10px;}
.logo{width:42px;height:42px;border-radius:12px;background:var(--ink);border:1.5px solid #2e6ea8;
 display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#dfe9f7;font-style:italic;}
.bname{font-size:16px;font-weight:800;letter-spacing:.5px;}.bname b{color:var(--gold);}
.bslogan{font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:1px;}
.pill{font-size:9px;color:var(--ink);background:var(--gold);padding:3px 9px;border-radius:20px;font-weight:700;}
.hero{background:linear-gradient(100deg,#243a63,#152441);border:.5px solid #3a5a8f;border-radius:14px;padding:14px;margin-bottom:11px;}
.hero h1{font-size:15px;color:#fff;line-height:1.4;}.hero h1 i{color:#f3d79b;font-style:normal;}
.hero p{font-size:11px;color:#c9d6ea;margin-top:4px;}
.btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink);background:var(--cyan);
 padding:6px 13px;border-radius:20px;font-weight:700;margin-top:10px;border:none;cursor:pointer;}
.ann{background:var(--card);border:.5px solid var(--line);border-radius:12px;padding:11px 13px;margin-bottom:12px;
 display:flex;align-items:center;gap:9px;}
.ann .ic{color:var(--gold);flex:0 0 auto;}.ann .txt{flex:1;min-width:0;font-size:12px;color:#dfe9f7;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ann .more{font-size:10px;color:var(--muted);flex:0 0 auto;}
.quick{display:flex;gap:9px;margin-bottom:16px;}
.quick a{flex:1;background:var(--card);border:.5px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;}
.quick a.gold{background:#1a2f52;border-color:#2e6ea8;}
.quick .qt{font-size:12px;color:var(--text);font-weight:600;margin-top:5px;}
.quick .qs{font-size:9px;color:var(--muted);margin-top:1px;}
.quick .em{font-size:20px;}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 10px;}
.sec-h .t{font-size:13px;color:var(--gold);font-weight:700;}.sec-h .m{font-size:10px;color:var(--muted);}
.agent{display:flex;align-items:center;gap:12px;background:var(--card);border:.5px solid var(--line);
 border-radius:13px;padding:13px 14px;margin-bottom:9px;transition:.12s;}
.agent:active{background:var(--press);transform:scale(.99);}
.agent .no{flex:0 0 auto;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
 font-size:12px;font-weight:700;color:var(--cyan);border:1px solid rgba(127,214,230,.4);}
.agent .m{flex:1;min-width:0;}.agent .m b{font-size:15px;font-weight:700;display:block;}
.agent .m span{font-size:11px;color:var(--muted);}
.agent .hot{font-size:9px;color:#e24b4a;background:rgba(226,75,74,.15);padding:2px 7px;border-radius:6px;flex:0 0 auto;}
.agent .chev{color:var(--muted);flex:0 0 auto;}
.cta{background:linear-gradient(100deg,#3a2f1a,#241c10);border:.5px solid #7a5a2a;border-radius:14px;
 padding:15px;text-align:center;margin:16px 0;}
.cta .t{font-size:13px;font-weight:700;color:#f3d79b;}.cta .s{font-size:11px;color:#d9c8a0;margin-top:4px;line-height:1.5;}
.cta .b{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#241c10;background:#f3d79b;
 padding:8px 20px;border-radius:20px;font-weight:700;margin-top:11px;}
.grp-title{font-size:13px;color:var(--gold);font-weight:700;padding:14px 4px 10px;}
.foot{text-align:center;padding:16px 0 6px;font-size:10px;color:#5b6b82;line-height:1.7;}
.tabbar{position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--ink);border-top:.5px solid #21324f;
 display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:50;}
.tabbar a{text-align:center;color:#5b6b82;font-size:9px;}.tabbar a.on{color:var(--cyan);}
.tabbar .ti{font-size:19px;display:block;}
.card-block{background:var(--card);border:.5px solid var(--line);border-radius:13px;padding:14px;margin-bottom:12px;}
.card-block pre{white-space:pre-wrap;word-break:break-word;font-size:12.5px;color:#dfe9f7;line-height:1.7;
 font-family:inherit;margin-bottom:10px;}
.copybtn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink);background:var(--cyan);
 border:none;padding:7px 15px;border-radius:8px;font-weight:600;cursor:pointer;}
.pagetitle{font-size:18px;font-weight:800;padding:6px 4px 14px;}.pagetitle b{color:var(--gold);}
.qrbox{text-align:center;padding:24px;}.qrbox img{width:200px;height:200px;border-radius:12px;background:#fff;}
.wechat-id{font-size:14px;color:var(--gold);margin-top:12px;font-weight:600;}
.notice{font-size:11px;color:#d9b26a;background:rgba(212,175,106,.1);border:.5px solid rgba(212,175,106,.3);
 border-radius:10px;padding:10px 12px;margin:10px 0;line-height:1.6;}

img.logo{object-fit:cover;display:block;}

/* —— 线性图标 & 升级卡片 —— */
.i{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;display:block;}
.agent{position:relative;overflow:hidden;padding-left:15px;}
.agent .bar{position:absolute;left:0;top:0;bottom:0;width:3px;}
.agent .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.quick .qi{width:22px;height:22px;stroke-width:1.6;margin:0 auto;}
.sec-h .t{display:inline-flex;align-items:center;gap:5px;}
.sec-h .t .i{width:15px;height:15px;}
.tabbar .i{width:20px;height:20px;margin:0 auto 1px;stroke-width:1.6;}

/* 修复快捷入口图标显示为黑块 */
.quick .qi{fill:none;stroke:currentColor;stroke-width:1.6;}