:root{--bg: #f5f5f5;--card: #ffffff;--ink: #1a1a1a;--sub: #888;--line: #eee;--brand: #e8a040;--brand-bg: #fdf6ec;--danger: #e54d42;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans CJK SC,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}input,button{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-wrap{max-width:420px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.topbar{height:52px;display:flex;align-items:center;justify-content:center;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;font-size:16px;font-weight:600}.topbar .back{position:absolute;left:14px;font-size:22px;color:var(--ink);cursor:pointer}.page-wrap.with-tab{padding-bottom:76px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;background:var(--card);border-top:1px solid var(--line);display:flex;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 0 6px;color:var(--sub);cursor:pointer;-webkit-user-select:none;user-select:none}.tab.active{color:var(--brand)}.tab-icon{position:relative;line-height:1}.tab-glyph{font-size:21px}.tab-label{font-size:11px}.tab-badge{position:absolute;top:-5px;right:-12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-style:normal;line-height:16px;text-align:center;white-space:nowrap}.tabbar-brand,.tabbar-publish{display:none}@media(min-width:1024px){body{padding-left:224px;background:radial-gradient(1100px 480px at 78% -8%,rgba(232,160,64,.1),transparent 62%),radial-gradient(900px 420px at -8% 108%,rgba(232,160,64,.05),transparent 55%),#f0efec}.page-wrap{max-width:640px;min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}.page-wrap.with-tab{padding-bottom:48px}.tabbar{top:0;bottom:0;left:0;transform:none;width:224px;max-width:none;height:auto;flex-direction:column;align-items:stretch;gap:4px;border-top:none;border-right:1px solid var(--line);padding:20px 12px 24px;overflow-y:auto}.tab{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;border-radius:12px;transition:background .15s ease,color .15s ease}.tab:hover{background:#e8a0401a}.tab.active{background:var(--brand-bg)}.tab-glyph{font-size:19px}.tab-label{font-size:15px;font-weight:500}.tab-badge{top:-4px;right:-10px}.tabbar-brand{display:flex;align-items:center;gap:8px;padding:4px 14px 18px;font-size:23px;font-weight:700;font-style:italic;letter-spacing:.5px}.tabbar-brand:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}.tabbar-publish{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 2px 14px;padding:12px;border-radius:999px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.tabbar-publish:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e8a04059}.tabbar-publish:active{transform:translateY(0)}.toast{left:calc(224px + (100vw - 224px)/2)!important}}