@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'XY Sans';src:url('/fonts/noto-sans-sc-ui.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ground:#0c1119;--surface:#121c2a;--raised:#172435;--text:#e5eef8;--muted:#a4b3c7;--faint:#a4b3c7;--accent:#9ccfff;--border:#2b3a4d;--control:#52677f;--negative:#ffb0a8;--active:#1c2d43;--radius-card:8px;--font:Manrope,'XY Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif}
body{font-size:14px}::selection{background:#31536c;color:#fff}
.sidebar{background:#101823}.brand{font-size:24px;letter-spacing:-.035em}.brand-note{font-size:12px;line-height:1.6;margin-top:8px}.nav-group p{letter-spacing:.04em}.nav-group nav a{border-radius:4px}.nav-group nav a[aria-current=page]{border-left:2px solid var(--accent);color:var(--accent)}
.avatar{border-radius:4px;border:1px solid var(--border);color:var(--accent)}.primary,.secondary,.search{border-radius:4px}.primary{background:var(--accent);color:#0c1825}.primary:hover{background:#cce6ff}.text-button:hover{color:var(--accent)}input{color:var(--text)}input::placeholder{color:var(--faint)}.form-panel input:not([type=checkbox]){border-radius:4px}.form-panel{border:1px solid var(--border);padding:32px}.form-panel .primary{min-width:128px}.feedback{color:var(--text);background:var(--raised);border:1px solid var(--border)}
.page-heading h1{font-size:32px;letter-spacing:-.025em}.quiet-label{border:1px solid var(--border);border-radius:4px;padding:4px 12px}.intro-strip{margin-bottom:24px;padding-block:16px}.intro-strip a{color:var(--accent)}.intro-strip .dot{background:#d6b37f}.system-summary{margin:0 0 40px;display:grid;grid-template-columns:1fr 1fr 1.3fr;border:1px solid var(--border);border-radius:4px;background:#101925}.system-summary>div{padding:16px 24px}.system-summary>div+div{border-left:1px solid var(--border)}.system-summary dt{font-size:12px;color:var(--muted);margin-bottom:8px}.system-summary dd{margin:0;font-size:20px;line-height:1.4;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.system-summary dd span{font-size:12px;color:var(--muted);margin-left:8px}.system-summary>div:last-child dd{font-size:14px;line-height:28px}
.content-grid{gap:24px}.catalog-section{grid-column:span 8}.access-panel{grid-column:span 4;border-left:1px solid var(--border);padding-left:24px}.access-panel h2{font-size:16px}.access-foot{padding-top:24px;border-top:1px solid var(--border)}.small-mark .brand-mark{color:var(--accent)}.tool-grid{gap:16px}.tool-card{border:1px solid var(--border);padding:24px;transition:border-color .2s}.tool-card:hover{border-color:#587996}.tool-top{margin-bottom:24px}.tool-card h2{font-size:20px;margin-bottom:12px}.status{color:#e1bc85;background:#30291f;border:1px solid #635139;border-radius:4px}.tool-bottom a{color:var(--accent);min-height:44px;display:inline-flex;align-items:center}.tool-bottom{padding-top:8px}.bottom-note{margin-top:40px}.bottom-note a{color:var(--accent)}.detail-panel{border:1px solid var(--border)}.scope-icon{color:var(--accent)}
@media(max-width:1100px){.sidebar{border-bottom:1px solid var(--border)}.catalog-section{grid-column:span 8}.access-panel{grid-column:span 4}.canvas{padding-top:40px}.brand-note{margin-top:4px}}
@media(max-width:760px){.catalog-section,.access-panel{grid-column:1/-1}.access-panel{padding:24px 0 0;border-left:0;border-top:1px solid var(--border)}.system-summary{grid-template-columns:1fr 1fr}.system-summary>div{padding:16px}.system-summary>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.system-summary>div:last-child dt{margin-bottom:0}.page-heading h1{font-size:28px}.quiet-label{display:none}.tool-card{padding:24px}.form-panel{padding:24px}.intro-strip{align-items:flex-start}.content-grid{gap:24px}.account-layout{margin-top:24px}.sidebar .navigation{background:#101823}}
@media(max-width:400px){.system-summary dd{font-size:20px}.page-heading h1{font-size:24px}.tool-card{padding:20px}.form-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Tool identity is decorative; availability always has its own text and shape. */
.brand-chinese{display:block;font-size:20px;font-weight:600;letter-spacing:.04em;line-height:1.5}
.brand-english{display:block;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--accent);line-height:1.6}
.brand-note{font-size:11px;margin-top:8px;letter-spacing:0}
.tool-card{--tool-ink:#9ccfff;--tool-tint:#203c56;background:linear-gradient(125deg,var(--surface) 35%,var(--tool-tint));position:relative;overflow:hidden}
.tool-card[data-tool=xiaoyao]{--tool-ink:#d3bdf1;--tool-tint:#30283f}
.tool-card[data-tool=quant]{--tool-ink:#98dcf1;--tool-tint:#163c49}
.tool-card[data-tool=funds]{--tool-ink:#a4dfc3;--tool-tint:#1b3b32}
.tool-card[data-tool=merchant]{--tool-ink:#f2b7a4;--tool-tint:#3d2b2a}
.tool-card[data-tool=organize]{--tool-ink:#e7cd93;--tool-tint:#3b3527}
.tool-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--tool-ink);opacity:.5}
.tool-card .category,.tool-card .tool-bottom a{color:var(--tool-ink)}
.tool-card:hover,.tool-card:focus-within{border-color:var(--tool-ink)}
.tool-top{gap:12px;align-items:center}.category{font-size:12px}
.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none;font-size:12px;line-height:20px;padding:2px 8px}
.status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.status-ready{color:#adf0ce;background:#17372b;border-color:#36664e}
.status-planned{color:#bac4d1;background:#1a2533;border-color:#526174}
.tool-bottom a{gap:8px}.intro-strip .dot{background:var(--accent)}
@media(max-width:1100px){.brand-note{display:none}.brand-chinese{font-size:18px}.brand-english{font-size:12px}.sidebar .brand{gap:12px}}
@media(max-width:400px){.tool-top{gap:8px}.tool-card{padding:20px}.status{padding-inline:6px}}
