:root{--bg-primary: #f5f3ee;--bg-secondary: #edeae3;--bg-card: #ffffff;--bg-card-hover: #faf8f5;--accent: #8b5e3c;--accent-light: #b07a52;--accent-dim: #c49a6c;--text-primary: #2c2416;--text-secondary: #6b5d4d;--text-muted: #9a8b78;--border: #ddd8cf;--gold: #c9953a;--gold-glow: rgba(201, 149, 58, .2);--danger: #c0392b;--success: #27ae60;--radius: 12px;--shadow: 0 2px 12px rgba(44, 36, 22, .08);--shadow-hover: 0 6px 24px rgba(44, 36, 22, .14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.stars{display:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .25s}.card:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;border-radius:8px;font-size:.9rem;font-family:inherit;cursor:pointer;border:none;transition:all .25s;font-weight:500;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 4px 16px var(--gold-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent-dim)}.btn-outline:hover{background:#8b5e3c14;border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--bg-card-hover)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:8px;color:var(--text-primary);padding:10px 16px;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #8b5e3c1a}.input::placeholder{color:var(--text-muted)}.page{position:relative;z-index:1;min-height:100vh;padding-top:60px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:12px 24px;border-radius:10px;font-size:.9rem;opacity:0;transition:all .3s;z-index:9999;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-hover)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.success{border-color:var(--success);color:var(--success)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f3eee6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s}.loading-overlay.show{opacity:1;pointer-events:all}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.md-content{font-family:"Noto Serif SC",宋体,serif;font-size:1.05rem;line-height:2.2;color:var(--text-primary)}.md-content p{margin-bottom:1.4em;text-indent:2em}.md-content h1,.md-content h2,.md-content h3{color:var(--accent);margin:1.5em 0 .8em;font-weight:700}.md-content h1{font-size:1.6rem}.md-content h2{font-size:1.3rem}.md-content h3{font-size:1.1rem}.md-content strong{color:var(--accent);font-weight:700}.md-content hr{border:none;border-top:1px dashed var(--border);margin:2em auto;width:60%}.md-content blockquote{border-left:3px solid var(--accent-dim);padding-left:16px;color:var(--text-secondary);margin:1.2em 0}.md-content code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:.9em}.md-content pre{background:var(--bg-secondary);padding:16px;border-radius:8px;overflow-x:auto}.md-content ul,.md-content ol{padding-left:2em;margin-bottom:1em}.md-content li{margin-bottom:.4em}@media (max-width: 768px){.btn{padding:8px 18px;font-size:.85rem}}