:root{--primary:#f7b733;--text:#333;--muted:#888;--bg:#fffaf2;--card-bg:#fff;--border:#eee0c8;--nav-height:56px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-bottom:calc(var(--nav-height) + 16px)}body{color:var(--text);background:var(--bg);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.page{padding:16px 16px calc(var(--nav-height) + 24px);max-width:640px;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.card h3{margin-bottom:8px;font-size:16px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:17px;font-weight:600;display:block}.btn:disabled{background:#ccc}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background:#fff}.tag{background:var(--border);border-radius:8px;margin-right:6px;padding:2px 8px;font-size:12px;display:inline-block}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.muted{color:var(--muted);font-size:13px}.bottom-nav{height:var(--nav-height);border-top:1px solid var(--border);z-index:10;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--primary);font-weight:600}