:root{--font-sans: "MiSans VF", "MiSans", "HarmonyOS Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display: "Noto Sans SC", var(--font-sans);font-family:var(--font-sans);color-scheme:light;--c-primary: #1a1b20;--c-primary-deep: #000000;--c-primary-ink: #ffffff;--c-accent: #f5b81c;--c-accent-deep: #b8860b;--c-accent-ink: #17181d;--c-accent-glow: rgba(245, 184, 28, .068);--c-amber: #b45309;--c-grad: #1a1b20;--c-ink-card: #121317;--c-ink-card-2: #1c1e26;--c-on-card: #eef0f4;--c-on-card-2: #aab1bf;--c-on-card-3: #939aa8;--c-ink: #111319;--c-text: #1c2230;--c-text-2: #5a6170;--c-text-3: #5a6170;--c-bg: #fbfaf7;--c-card: #ffffff;--c-glass: rgba(255, 255, 255, .7);--c-glass-strong: rgba(255, 255, 255, .85);--glass-blur: blur(20px) saturate(1.4);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(17, 19, 25, .04);--c-line: rgba(17, 19, 25, .1);--c-fill: rgba(17, 19, 25, .04);--c-fill-2: rgba(17, 19, 25, .07);--c-hover: rgba(17, 19, 25, .05);--c-soft: rgba(245, 184, 28, .16);--c-soft-accent: rgba(245, 184, 28, .16);--c-up: #16a34a;--c-down: #e11d48;--shadow-card: 0 1px 2px rgba(17, 19, 25, .05), 0 16px 40px rgba(17, 19, 25, .1);--shadow-float: 0 8px 18px rgba(17, 19, 25, .12), 0 28px 62px rgba(17, 19, 25, .18);--shadow-pop: 0 20px 44px rgba(17, 19, 25, .24), 0 60px 120px rgba(17, 19, 25, .32);--shadow-ink: 0 14px 18px -10px rgba(0, 0, 0, .66), 0 34px 44px -22px rgba(0, 0, 0, .52), 0 68px 96px -46px rgba(0, 0, 0, .38);--shadow-btn: inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 9px rgba(17, 19, 25, .36), 0 16px 32px rgba(17, 19, 25, .44);--shadow-btn-hover: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 16px rgba(17, 19, 25, .42), 0 28px 56px rgba(17, 19, 25, .54);--radius: 16px;--radius-s: 10px;--radius-card: 12px;--radius-control: 9px;--radius-bar: 2px;--radius-full: 999px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-18: 18px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-48: 48px;--layout-content-max: 1248px;--shell-desktop-height: 72px;--shell-mobile-header-height: 64px;--shell-mobile-nav-height: 76px;--control-height: 44px;--field-height: 52px;--font-num: "Roboto Condensed", "Bahnschrift", "DIN Alternate", "Avenir Next Condensed", sans-serif;--font-mono: "Roboto Mono", "Cascadia Mono", "Consolas", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html{background:var(--c-bg)}body{margin:0;color:var(--c-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(900px 620px at 96% -16%,var(--c-accent-glow),transparent 60%),var(--c-bg);background-attachment:fixed}#app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-footer{flex-shrink:0;padding:var(--space-16) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom));color:var(--c-text-3);font-size:12px;line-height:24px;text-align:center}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--c-ink);text-decoration:underline}.site-footer a:focus-visible{outline:2px solid var(--c-ink);outline-offset:4px}@media (max-width: 767px){.site-footer.with-mobile-nav{padding-bottom:calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-16))}}::selection{background:#f5b81c42}.panel{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}h1,h2,h3{letter-spacing:.3px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
