.app-shell{min-height:100vh;background:linear-gradient(180deg,#f0fff7,#f6f8ff 45%,#f5f7fa)}.app-shell.with-header .app-content{padding-top:72px}.app-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px 12px;background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,147,18,.08);box-shadow:0 10px 30px #0e25510f}.app-bar-main{min-width:0}.app-bar-title{color:#10213a;font-size:18px;font-weight:900;line-height:1.2}.app-bar-subtitle{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#6c7a90;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:999px;background:#0f9312;box-shadow:0 0 0 4px #0f93121f}.app-bar-chip{border:0;border-radius:999px;padding:8px 12px;background:linear-gradient(135deg,#0f93121f,#1f6feb1f);color:#0f4f18;font-size:12px;font-weight:800;white-space:nowrap}.app-content{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(15,147,18,.08);box-shadow:0 -12px 32px #00000014;z-index:20}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#7b8494;transition:transform .2s ease,color .2s ease}.tabbar-item.active{color:#0f9312;transform:translateY(-1px)}.tabbar-icon{font-size:20px;line-height:1}.tabbar-text{font-size:11px;font-weight:600}html,body,#app{width:100%;min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#132238;background:#f5f7fa}*{box-sizing:border-box}button,input{font:inherit}.page{padding:16px 16px 24px}.hero-card,.panel-card,.stat-card,.item-card,.profile-card,.login-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 14px 40px #0e255114;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-title{margin:0 0 12px;font-size:17px;font-weight:800;color:#10213a}.muted{color:#7a8599}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#0f93121f;color:#0f9312}.badge-warning{background:#e6a23c1f;color:#b36d00}.badge-danger{background:#f56c6c1f;color:#cc3b3b}.badge-info{background:#409eff1f;color:#2f6fcb}.text-right{text-align:right}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:480px){.page{padding:12px 12px 20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero-card,.panel-card,.stat-card,.item-card,.profile-card,.login-card{border-radius:18px}}