:root{--ink:#1c2430;--ink-soft:#3d4a5c;--paper:#f3ebe0;--paper-deep:#e6d8c4;--seal:#b23a2f;--seal-deep:#8d2c24;--jade:#2f6b5a;--line:#1c24301f;--shadow:0 18px 40px #1c24301f;--radius:18px;--font-display:"Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%, #b23a2f1f, transparent 55%), radial-gradient(900px 500px at 100% 0%, #2f6b5a1a, transparent 50%), linear-gradient(180deg, #f7f1e8 0%, var(--paper) 45%, #ebe1d2 100%)}button,input{font:inherit}a{color:inherit;text-decoration:none}.page{width:min(480px,100%);min-height:100vh;margin:0 auto;padding:24px 18px 40px}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf7e0}.btn{appearance:none;cursor:pointer;border:none;border-radius:999px;padding:12px 22px;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn-primary{color:#fff8f0;background:linear-gradient(135deg, var(--seal), var(--seal-deep))}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.muted{color:var(--ink-soft)}