:root{--bg: #faf9f7;--bg-gradient: linear-gradient(180deg, #faf9f7 0%, #f5f4f0 50%, #efeeeb 100%);--surface: #ffffff;--surface-2: #faf9f7;--ink: #23211e;--ink-2: #55524c;--muted: #8b8780;--faint: #b7b3ab;--line: #e7e4de;--line-soft: #f0ede6;--accent: #a02f23;--accent-deep: #7a2219;--accent-soft: #f6ece8;--accent-grad: linear-gradient(135deg, #a02f23 0%, #7a2219 100%);--accent-shadow: rgba(160, 47, 35, .25);--card-bg: rgba(255, 255, 255, .9);--card-shadow: 0 20px 60px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--overlay: rgba(0, 0, 0, .06);--good-bg: #f0fdf4;--good-ink: #166534;--good-line: #bbf7d0;--bad-bg: #fef2f2;--bad-ink: #b91c1c;--bad-line: #fecaca;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--maxw: 720px;--radius: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-theme=dark]{--bg: #14120f;--bg-gradient: linear-gradient(180deg, #17140f 0%, #12100d 50%, #0f0d0a 100%);--surface: #1d1a15;--surface-2: #241f19;--ink: #ece8e1;--ink-2: #b7b2a8;--muted: #8c867b;--faint: #5f5a50;--line: #353029;--line-soft: #2a2620;--accent: #e05a45;--accent-deep: #c94a37;--accent-soft: #2a1a17;--accent-grad: linear-gradient(135deg, #e05a45 0%, #b23a2a 100%);--accent-shadow: rgba(224, 90, 69, .3);--card-bg: rgba(29, 26, 21, .9);--card-shadow: 0 20px 60px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .2);--good-bg: #10241a;--good-ink: #7ed49a;--good-line: #1e3a2a;--bad-bg: #2a1614;--bad-ink: #f08a7a;--bad-line: #4a2620}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease;overflow-x:clip}@media(max-width:768px){input,textarea,select,button{font-size:16px}}@media(hover:none){a,button,input,select,textarea,[role=button]{-webkit-tap-highlight-color:rgba(160,47,35,.12)}}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}
