*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #ff6b35;--primary-dark: #e85a2a;--bg: #f5f6f8;--card: #ffffff;--text: #1a1a1a;--text-sub: #888;--border: #eee;--success: #07c160;--warning: #ff976a}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}#app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;box-shadow:0 0 20px #0000000d}input,button,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}.btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:23px;font-size:16px;font-weight:600;background:var(--primary);color:#fff;width:100%;transition:opacity .2s}.btn:active{opacity:.85}.btn[disabled]{background:#ccc;cursor:not-allowed}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.card{background:var(--card);border-radius:12px;padding:16px;margin:12px;box-shadow:0 2px 8px #0000000a}.page{padding-bottom:70px;min-height:100vh}.navbar{position:sticky;top:0;z-index:10;height:48px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600}.navbar .back{position:absolute;left:12px;font-size:22px;line-height:1}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#fff;border-top:1px solid var(--border);display:flex;z-index:20}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-sub);font-size:11px;gap:2px}.tabbar .tab.active{color:var(--primary)}.tabbar .tab .ico{font-size:22px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.empty{text-align:center;color:var(--text-sub);padding:60px 0;font-size:14px}.spinner{width:22px;height:22px;border:2px solid #eee;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;background:#fff0e9;color:var(--primary)}