:root{--primary: #ffb000;--primary-deep: #ff8f1f;--bg: #f6f7f9;--card: #ffffff;--text: #222426;--subtext: #7c838f;--line: #eceff3}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#ffd86a 0,#fff6db 126px,var(--bg) 240px)}.topbar{position:sticky;top:0;z-index:50;padding:14px 16px 10px;background:linear-gradient(180deg,#ffd75cf5,#fff4d4e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-main{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-title{font-size:24px;font-weight:700}.logout-btn{border:none;background:#ffffffb3;color:#5c4700;border-radius:999px;padding:10px 14px;box-shadow:0 4px 12px #ffaa001f}.page-container{max-width:960px;margin:0 auto;padding:0 12px 24px}.page-container.with-shell{padding-bottom:96px}.card{background:var(--card);border-radius:20px;box-shadow:0 8px 28px #1f23290f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 8px 20px #ffab0047}.btn-outline{color:#5f6570;background:#fff;border:1px solid #e7e9ee}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff7a7a,#f14f4f)}.btn-sm{min-height:34px;padding:0 14px;font-size:13px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:#ffca56;box-shadow:0 0 0 4px #ffc2331f}.badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-pending{background:#fff3d8;color:#a76a00}.badge-accepted{background:#e6f9eb;color:#157843}.empty{padding:40px 16px;text-align:center;color:var(--subtext);font-size:14px}.bottom-tabs{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#ffffffeb;border-radius:22px;box-shadow:0 12px 40px #1a202c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;color:#8b9098;border-radius:16px;font-size:12px;font-weight:600}.tab-item.router-link-active{background:linear-gradient(135deg,#fff3d6,#fff8ea);color:#8a5d00}.tab-icon{font-size:18px}@media (min-width: 768px){.page-container{padding-left:16px;padding-right:16px}.bottom-tabs{left:50%;right:auto;transform:translate(-50%);width:520px}}