:root{--paper: #f7f3ea;--paper-deep: #efe8d8;--ink: #2b2622;--ink-light: #544a40;--ink-faint: #807362;--cinnabar: #a63f2e;--gold: #b8934a;--bamboo: #7a8b6f;--line: rgba(43, 38, 34, .12);--line-strong: rgba(43, 38, 34, .22);--font-title: "Songti SC", "STSong", "STZhongsong", "SimSun", "Noto Serif SC", serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--radius-sm: 2px;--radius-md: 4px;--page-max: 480px;--ease-slow: cubic-bezier(.22, 1, .36, 1);--dur-slow: .6s;--dur-mid: .35s;--shadow-card: 0 1px 0 rgba(43, 38, 34, .04), 0 8px 24px rgba(43, 38, 34, .06)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#e9e3d5;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}#app{height:100%}.app-shell{position:relative;max-width:var(--page-max);min-height:100%;margin:0 auto;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(184,147,74,.08),transparent),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(122,139,111,.07),transparent),var(--paper);box-shadow:0 0 40px #2b26221a;overflow:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.15 0 0 0 0 0.13 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding:0 20px calc(76px + env(safe-area-inset-bottom))}.page-no-tab{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.zen-title{font-family:var(--font-title);letter-spacing:.15em;font-weight:600}.zen-seal{font-family:var(--font-title);color:var(--cinnabar);border:1px solid var(--cinnabar);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px;letter-spacing:.2em}.btn-ink{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-title);letter-spacing:.2em;font-size:15px;padding:12px 28px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--dur-mid) var(--ease-slow),transform var(--dur-mid) var(--ease-slow);-webkit-user-select:none;user-select:none}.btn-ink:active{opacity:.85;transform:scale(.98)}.btn-ink[disabled]{opacity:.4;pointer-events:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:transparent;color:var(--ink-light);font-size:14px;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-mid) var(--ease-slow);-webkit-user-select:none;user-select:none}.btn-ghost:active{background:#2b26220d}.zen-card{background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.empty-state{padding:64px 0;text-align:center;color:var(--ink-faint);font-size:14px;letter-spacing:.1em}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur-mid) var(--ease-slow)}.fade-enter-from,.fade-leave-to{opacity:0}.zen-toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);max-width:min(80vw,360px);background:#2b2622eb;color:var(--paper);padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;letter-spacing:.05em;z-index:99;animation:toast-in .35s var(--ease-slow);text-align:center;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--page-max);display:flex;background:#f7f3eaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;color:var(--ink-faint);text-decoration:none;font-size:11px;letter-spacing:.15em;transition:color var(--dur-mid) var(--ease-slow)}.tab-item .tab-icon{width:22px;height:22px}.tab-item.active{color:var(--ink)}.tab-item.active .tab-icon{color:var(--cinnabar)}.sub-bar{display:flex;align-items:center;gap:12px;padding:18px 0 6px}.sub-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ink-light);cursor:pointer}.sub-title{font-size:17px}