body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;padding-bottom:120rpx}a{color:inherit;text-decoration:none}:root{--primary:#1a1a2e;--primary-light:#2d2d4e;--primary-gradient:#1a1a2e;--accent:#f44336;--accent-gradient:#f44336;--success:#4caf50;--warning:#ff9800;--bg:#f5f5f5;--card-bg:#fff;--card-radius:12px;--card-shadow:0 1px 4px rgba(0,0,0,.04);--text-primary:#1a1a2e;--text-secondary:#666;--text-hint:#bbb;--border:#eee;--tag-active:#e3f2fd;--tag-active-text:#1976d2;--tag-success:#e8f5e9;--tag-success-text:#388e3c;--tag-warning:#fff3e0;--tag-warning-text:#f57c00;--safe-bottom:env(safe-area-inset-bottom,0px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary)}.page,body{background:var(--bg)}.page{min-height:100vh;padding:12px 12px 70px}.card,.card-white{background:var(--card-bg);border-radius:var(--card-radius);padding:16px;margin-bottom:10px;box-shadow:var(--card-shadow)}.btn-primary{width:100%;height:48px;background:var(--primary);color:#fff;border:none;border-radius:var(--card-radius);font-size:16px;font-weight:600;cursor:pointer}.btn-primary:active{opacity:.85}.btn-success{background:#4caf50}.btn-danger,.btn-success{width:100%;height:48px;color:#fff;border:none;border-radius:var(--card-radius);font-size:16px;font-weight:600;cursor:pointer}.btn-danger{background:var(--accent)}.btn-outline{width:100%;height:44px;background:#fff;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--card-radius);font-size:15px;cursor:pointer}.tag{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:500}.tag-active{background:var(--tag-active);color:var(--tag-active-text)}.tag-success{background:var(--tag-success);color:var(--tag-success-text)}.tag-warning{background:var(--tag-warning);color:var(--tag-warning-text)}.tag-gray{background:#f5f5f5;color:#999}.empty-state{text-align:center;padding:80px 20px;color:var(--text-hint)}.empty-state .icon{font-size:56px;margin-bottom:12px}.empty-state p{font-size:14px}.price,.price-big{color:var(--accent);font-weight:700}.price-big{font-size:22px}.divider{height:1px;background:var(--border);margin:12px 0}.input-field{width:100%;height:44px;border:1.5px solid var(--border);border-radius:10px;padding:0 14px;font-size:15px;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.textarea-field{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:12px;font-size:14px;outline:none;resize:vertical;transition:border-color .2s}.textarea-field:focus{border-color:var(--primary)}.page-header{display:flex;align-items:center;height:44px;margin-bottom:12px}.page-header .back{font-size:20px;cursor:pointer;width:36px;text-align:center}.page-header .title{flex:1;text-align:center;font-size:17px;font-weight:600}.page-header .right{width:36px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100;-webkit-animation:fadeIn .2s;animation:fadeIn .2s}.modal-box{background:#fff;border-radius:16px;padding:24px;width:88%;max-width:400px;max-height:80vh;overflow-y:auto;-webkit-animation:slideUp .25s;animation:slideUp .25s}.modal-box h3{text-align:center;margin:0 0 16px;font-size:17px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.status-bar{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;font-size:13px;margin-bottom:10px}.status-bar.success{background:var(--tag-success);color:var(--tag-success-text)}.status-bar.warning{background:var(--tag-warning);color:var(--tag-warning-text)}.status-bar.info{background:var(--tag-active);color:var(--tag-active-text)}.bottom-nav-custom{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid var(--border);padding:6px 0 calc(6px + var(--safe-bottom));z-index:99}.bottom-nav-custom .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer}.bottom-nav-custom .nav-item .nav-icon{font-size:22px}.bottom-nav-custom .nav-item .nav-text{font-size:10px;color:var(--text-hint);margin-top:2px}.bottom-nav-custom .nav-item.active .nav-text{color:var(--primary);font-weight:600}.list-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer}.list-row:last-child{border:none}.list-row .icon{font-size:18px;margin-right:12px}.list-row .label{flex:1;font-size:15px}.list-row .value{font-size:14px;color:var(--text-hint)}.list-row .arrow{color:#ccc;font-size:14px;margin-left:8px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:-16px 12px 0;background:#fff;border-radius:var(--card-radius);padding:14px 0;box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;z-index:2}.quick-grid .grid-item{text-align:center;cursor:pointer;padding:4px 0}.quick-grid .grid-item .g-icon{font-size:26px}.quick-grid .grid-item .g-text{font-size:11px;color:var(--text-secondary);margin-top:4px}