.action-btns[data-v-c8ecc5e1]{display:flex;gap:8px;align-items:center}.action-btns a.copy-btn[data-v-c8ecc5e1]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}:root{--brand: #5b6cff;--brand-2: #8c7bff;--brand-soft: #eef0ff;--accent: #ff7eb3;--success: #22c55e;--warn: #f97316;--danger: #ef4444;--text: #1f2430;--text-2: #5b6173;--text-3: #9aa0b4;--line: #ececf3;--bg: #f4f6fb;--card: #ffffff;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 4px 14px rgba(91, 108, 255, .08), 0 2px 6px rgba(16, 24, 40, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;color:var(--text);font-size:14px;line-height:1.5;background:radial-gradient(1000px 500px at -20% -10%,rgba(140,123,255,.12),transparent 60%),radial-gradient(800px 400px at 120% 10%,rgba(255,126,179,.1),transparent 60%),var(--bg)}a{text-decoration:none;color:inherit}input,button,textarea,select{font-family:inherit;font-size:14px;color:var(--text)}button{cursor:pointer}.page{max-width:480px;margin:0 auto;min-height:100vh;padding:14px 14px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 14px}.brand{display:flex;align-items:center;gap:8px}.brand-badge{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 6px 14px #5b6cff4d}.brand-text{font-size:18px;font-weight:700;letter-spacing:.2px;background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-btns{display:flex;gap:8px}.btn-ghost{font-size:12px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fffc;color:var(--text-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-primary-sm{font-size:12px;padding:7px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:600;box-shadow:0 4px 10px #5b6cff4d}.hero{position:relative;margin-bottom:14px;padding:16px 18px;border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#ffffff1a,#fff0 40%),linear-gradient(135deg,#5b6cff,#8c7bff,#ff7eb3 110%);box-shadow:0 10px 24px #5b6cff40;overflow:hidden}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:#ffffff1a}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.hero-title{font-size:15px;font-weight:600;margin-bottom:2px}.hero-sub{font-size:12px;opacity:.88}.hero-cta{padding:8px 14px;border-radius:999px;background:#fff;color:var(--brand);font-weight:700;font-size:13px;border:none;box-shadow:0 4px 10px #00000014}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.stat-card{background:var(--card);border-radius:var(--radius-md);padding:14px 10px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(91,108,255,.06)}.stat-title{font-size:12px;color:var(--text-3);margin-bottom:6px}.stat-num{font-size:20px;font-weight:800;color:var(--brand);letter-spacing:.3px}.stat-num .slash{color:#d6d9e3;margin:0 3px;font-weight:500}.stat-num .muted{color:var(--text-3);font-size:16px;font-weight:700}.card{background:var(--card);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm);border:1px solid rgba(91,108,255,.05)}.card-title{font-size:15px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px}.card-title .dot{width:4px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--accent))}.card-subtitle{font-size:12px;color:var(--text-3);margin-bottom:10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 6px 10px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:#fbfbfe;transition:border-color .15s ease,background .15s ease}.category-item.active{border-color:var(--brand);background:linear-gradient(180deg,#f3f4ff,#fff);box-shadow:0 0 0 3px #5b6cff1a}.category-item .avatar,.category-item .avatar-placeholder{width:100%;aspect-ratio:1 / 1;border-radius:10px;object-fit:cover;background:linear-gradient(135deg,#eef0ff,#f8e8f2)}.category-item .avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--brand)}.category-item .name{font-size:12px;margin-top:6px;font-weight:600;text-align:center;color:var(--text)}.category-item.active .name{color:var(--brand)}.category-item .stock{font-size:10px;margin-top:4px;padding:2px 8px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-weight:600}.category-item .stock.empty{background:#f1f2f7;color:var(--text-3)}.category-item .badge-active{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #5b6cff59}.claim-hint{font-size:12px;color:var(--text-3);text-align:center;margin:16px 0 10px}.claim-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:12px}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.stepper button{width:36px;height:40px;border:none;background:#fff;font-size:18px;color:var(--brand);font-weight:700}.stepper button:disabled{color:var(--text-3)}.stepper input{width:56px;height:40px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:16px;font-weight:600;background:#fff;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.claim-btn{display:block;width:100%;height:46px;border-radius:12px;border:none;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 18px #5b6cff47;transition:transform .08s ease,box-shadow .15s ease}.claim-btn:active{transform:translateY(1px)}.claim-btn[disabled]{background:#cfd3e8;box-shadow:none;color:#fff;opacity:.85}.form-input{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:14px;margin-bottom:10px;background:#fbfbfe}.form-input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #5b6cff1a}.form-tip{font-size:12px;color:var(--text-3);margin:-4px 0 10px}.form-error{font-size:12px;color:var(--danger);margin-bottom:8px;min-height:16px}.form-success{font-size:13px;color:var(--success);background:#ecfdf5;border:1px solid #bbf7d0;padding:8px 10px;border-radius:8px;margin-bottom:10px}.guide-list{display:flex;flex-direction:column;gap:10px}.guide-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#fafbff,#fff);border:1px solid rgba(91,108,255,.08)}.guide-step{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #5b6cff4d}.guide-body{flex:1}.guide-body .title{font-size:13px;font-weight:700;margin-bottom:2px}.guide-body .desc{font-size:12px;color:var(--text-2);line-height:1.55}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{background:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(91,108,255,.06)}.history-item .row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.history-item .plan-name{font-weight:700;font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px}.history-item .plan-name:before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent))}.history-item .date{color:var(--text-3);font-size:12px}.history-item .url{font-size:12px;color:var(--brand);word-break:break-all;background:var(--brand-soft);padding:8px 10px;border-radius:8px;line-height:1.5}.copy-btn{padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;font-size:12px;font-weight:600}.copy-btn[disabled]{background:#cfd3e8}.empty-tip{text-align:center;color:var(--text-3);padding:36px 0;font-size:13px}.empty-tip .emoji{font-size:32px;display:block;margin-bottom:6px}.login-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#fff7ed,#fef3f2);border:1px solid #fed7aa;color:#9a3412;font-size:12.5px;margin-bottom:12px}.login-banner .actions{display:flex;gap:8px}.login-banner .b{padding:6px 12px;border-radius:999px;font-weight:600;font-size:12px;border:none}.login-banner .b.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.login-banner .b.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand-soft)}.footer{text-align:center;color:var(--text-3);font-size:11px;margin-top:18px;padding-bottom:6px}