.device-name-block[data-v-776a9640]{min-width:0;flex:1}.name-row[data-v-776a9640]{display:flex;align-items:center;gap:8px;min-width:0}.name-row .item-title[data-v-776a9640]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn[data-v-776a9640]{flex:0 0 auto;border:0;padding:0;background:transparent;color:var(--primary);font-size:var(--fs-xs);font-weight:700;cursor:pointer}.device-sn[data-v-776a9640]{margin:4px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;word-break:break-all}.rename-row[data-v-776a9640]{display:flex;align-items:center;gap:6px}.rename-input[data-v-776a9640]{flex:1;min-width:0;height:var(--btn-height-sm);padding:0 10px;border:1px solid var(--line);border-radius:var(--btn-radius-sm);background:var(--fill-soft);font-size:var(--fs-sm);font-weight:700}.device-meta[data-v-776a9640]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.device-meta>div[data-v-776a9640]{padding:10px;border-radius:14px;background:var(--fill-soft)}.device-meta span[data-v-776a9640]{display:block;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600}.device-meta strong[data-v-776a9640]{display:block;margin-top:4px;color:var(--text-primary);font-size:var(--fs-sm);font-weight:700;word-break:break-all}.bind-footer[data-v-776a9640]{margin-top:20px}.log-input[data-v-776a9640]{width:100%;resize:vertical;min-height:96px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);color:var(--text-primary);font:inherit;outline:none}.log-input[data-v-776a9640]:focus{border-color:var(--primary);background:var(--surface)}.login-wrap[data-v-ec3b61bd]{min-height:100%;padding:0}.login-header[data-v-ec3b61bd]{padding:56px 24px 16px}.login-header h1[data-v-ec3b61bd]{margin:0;font-size:var(--fs-title);font-weight:800;color:var(--text-primary);line-height:1.25}.login-header p[data-v-ec3b61bd]{margin:8px 0 0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.65}.tabs[data-v-ec3b61bd]{display:flex;margin:0 24px;background:var(--line-soft);border-radius:12px;padding:4px}.tab[data-v-ec3b61bd]{flex:1;border:none;background:transparent;padding:10px;font-size:var(--fs-md);font-weight:600;color:var(--text-secondary);border-radius:10px;cursor:pointer}.tab.active[data-v-ec3b61bd]{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.login-form[data-v-ec3b61bd]{padding:24px;display:flex;flex-direction:column;gap:16px}.field label[data-v-ec3b61bd]{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary);margin-bottom:8px}.field input[data-v-ec3b61bd]{width:100%;height:var(--btn-height);border:1px solid var(--line);border-radius:var(--btn-radius);padding:0 14px;font-size:var(--fs-md);color:var(--text-primary);outline:none}.field input[data-v-ec3b61bd]::placeholder{color:var(--text-tertiary)}.field input[data-v-ec3b61bd]:focus{border-color:var(--primary)}.code-row[data-v-ec3b61bd]{display:flex;gap:10px;align-items:stretch}.code-row input[data-v-ec3b61bd]{flex:1}.login-form .btn-primary[data-v-ec3b61bd]{margin-top:8px}.dev-code[data-v-ec3b61bd]{margin:0;padding:10px 12px;border-radius:10px;background:var(--ok-soft);color:var(--ok);font-size:var(--fs-sm);font-weight:700}.hint[data-v-ec3b61bd]{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:1.5;text-align:center;margin-top:auto;padding-bottom:8px}.feedback-card[data-v-a799cebf]{margin-bottom:.75rem;padding:16px}.feedback-card.is-ok[data-v-a799cebf]{border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 8%,#fff)}.feedback-card.is-err[data-v-a799cebf]{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 8%,#fff)}.feedback-card.is-pending[data-v-a799cebf]{background:var(--fill-soft)}.feedback-title[data-v-a799cebf]{display:block;font-size:var(--fs-md);font-weight:800;color:var(--text-primary)}.feedback-msg[data-v-a799cebf]{margin:8px 0 14px;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.steps-card[data-v-a799cebf]{margin-bottom:.75rem}.tip-list[data-v-a799cebf]{display:grid;gap:10px}.tip-item[data-v-a799cebf]{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;background:var(--fill-soft);color:var(--text-primary);font-size:var(--fs-sm);line-height:1.55;font-weight:600}.tip-item b[data-v-a799cebf]{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm);font-weight:800}.tip-body[data-v-a799cebf]{flex:1;min-width:0;display:grid;gap:10px}.wifi-box[data-v-a799cebf]{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface, #fff);border:1px solid var(--line)}.wifi-row[data-v-a799cebf]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600}.wifi-row em[data-v-a799cebf]{flex:0 0 2.5em;font-style:normal;color:var(--text-secondary);font-weight:600}.wifi-row code[data-v-a799cebf]{padding:2px 8px;border-radius:8px;background:var(--fill-soft);color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm);font-weight:700;word-break:break-all}.wifi-or[data-v-a799cebf]{color:var(--text-tertiary);font-weight:600}.open-luci[data-v-a799cebf]{margin-top:14px;text-align:center;text-decoration:none}.server-card[data-v-a8085175]{padding:0;overflow:hidden}.server-main[data-v-a8085175]{display:block;padding:14px}.server-meta[data-v-a8085175]{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600}.server-card.is-expired[data-v-a8085175]{border-color:#fecaca;background:var(--danger-soft)}.server-card.is-expiring[data-v-a8085175]{border-color:#fde68a;background:var(--warn-soft)}.renew-bar[data-v-a8085175]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line-soft);font-size:var(--fs-xs);font-weight:700}.renew-bar--expired[data-v-a8085175]{border-top-color:#fecaca;background:#fee2e2;color:#b91c1c}.renew-bar--soon[data-v-a8085175]{border-top-color:#fde68a;background:#fef3c7;color:#b45309}.renew-bar span[data-v-a8085175]{min-width:0;line-height:1.4}.field-hint[data-v-cb13997a]{margin:6px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs);line-height:1.5}.period-tabs[data-v-cb13997a]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-card .period-tabs[data-v-cb13997a]{margin-top:14px}.period-tab[data-v-cb13997a]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);text-align:left}.period-tab strong[data-v-cb13997a]{color:var(--text-primary);font-size:var(--fs-sm);font-weight:800}.period-tab span[data-v-cb13997a]{color:var(--text-secondary);font-size:var(--fs-md);font-weight:700}.period-tab.active[data-v-cb13997a]{border-color:var(--select-active-border);background:var(--primary-soft)}.period-tab.active strong[data-v-cb13997a],.period-tab.active span[data-v-cb13997a]{color:var(--primary)}.order-tips[data-v-cb13997a]{margin:0 0 4px;padding:12px 12px 12px 28px;border-radius:14px;background:var(--fill-soft);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.order-tips li+li[data-v-cb13997a]{margin-top:4px}.order-tips b[data-v-cb13997a]{color:var(--text-primary);font-weight:800}.price-box[data-v-cb13997a]{margin-top:4px}.daily-list[data-v-cb13997a]{margin-top:8px}.detail-link[data-v-cb13997a]{color:var(--primary);font-size:var(--fs-sm);font-weight:700}.power-actions[data-v-cb13997a]{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.power-actions>.power-btn[data-v-cb13997a]{flex:1 1 0;min-width:0}.power-actions>.unbind-btn[data-v-cb13997a]{flex:1 1 100%}.renew-alert[data-v-cb13997a]{border-color:#fde68a;background:var(--warn-soft)}.renew-alert .section-title[data-v-cb13997a]{color:#b45309}.renew-alert .section-hint[data-v-cb13997a]{margin-top:4px;color:var(--warn)}.renew-alert--expired[data-v-cb13997a]{border-color:#fecaca;background:var(--danger-soft)}.renew-alert--expired .section-title[data-v-cb13997a]{color:#b91c1c}.renew-alert--expired .section-hint[data-v-cb13997a]{color:var(--danger)}.group-tabs[data-v-70f9b95e]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.group-tab[data-v-70f9b95e]{height:var(--btn-height-sm);border:1px solid var(--line);border-radius:var(--btn-radius-sm);background:var(--fill-soft);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700}.group-tab.active[data-v-70f9b95e]{border-color:var(--select-active-border);background:var(--primary-soft);color:var(--primary)}.daily-list[data-v-70f9b95e]{margin-top:4px}.pager[data-v-70f9b95e]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}.pager-meta[data-v-70f9b95e]{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700}.server-option[data-v-963569c8]{width:100%;text-align:left;cursor:pointer;border:1px solid var(--line-soft);transition:border-color .15s,opacity .15s,background-color .15s}.server-option.selected[data-v-963569c8]{border-color:var(--select-active-border);background:var(--primary-soft)}.server-option.disabled[data-v-963569c8]{opacity:.48;cursor:not-allowed;background:var(--fill-soft)}.empty-hint[data-v-963569c8]{margin-top:12px;text-align:center;padding:28px 16px}.empty-hint p[data-v-963569c8]{margin:0 0 8px;color:var(--text-primary);font-weight:800}.empty-hint .muted[data-v-963569c8]{margin-bottom:16px}.bind-actions[data-v-963569c8]{margin-top:16px}.profile-page[data-v-b37fe6e4]{padding-top:18px}.profile-card[data-v-b37fe6e4]{display:flex;align-items:center;gap:12px;padding:18px 16px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 16px 30px #2563eb38}.avatar[data-v-b37fe6e4]{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;background:#ffffff2e;font-size:var(--fs-title);font-weight:800}.profile-main[data-v-b37fe6e4]{min-width:0;flex:1}.profile-main h1[data-v-b37fe6e4]{margin:0;color:#fff;font-size:var(--fs-lg);font-weight:800;line-height:1.3}.profile-main p[data-v-b37fe6e4]{margin:5px 0 0;color:#dbeafeeb;font-size:var(--fs-sm)}.profile-card .tag[data-v-b37fe6e4]{background:#ffffff2e;color:#fff}.profile-stats[data-v-b37fe6e4]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.stat-link[data-v-b37fe6e4]{display:block;padding:12px 10px;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface);box-shadow:0 1px 3px #00000014}.stat-link span[data-v-b37fe6e4]{color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600}.stat-link strong[data-v-b37fe6e4]{display:block;margin-top:5px;color:var(--text-primary);font-size:var(--fs-lg);font-weight:800}.menu-card[data-v-b37fe6e4]{padding:2px 14px}.menu-item[data-v-b37fe6e4]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.menu-item[data-v-b37fe6e4]:last-child{border-bottom:0}.menu-item.disabled[data-v-b37fe6e4]{cursor:default;opacity:.72}.menu-icon[data-v-b37fe6e4]{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;font-size:var(--fs-md);font-weight:800}.menu-icon.guide[data-v-b37fe6e4]{background:var(--primary-soft);color:var(--primary)}.menu-icon.realname[data-v-b37fe6e4]{background:var(--ok-soft);color:var(--ok)}.menu-icon.support[data-v-b37fe6e4]{background:var(--primary-soft);color:var(--primary)}.menu-icon.aftersale[data-v-b37fe6e4]{background:var(--warn-soft);color:var(--warn)}.menu-icon.agent[data-v-b37fe6e4]{background:var(--primary-soft);color:var(--primary)}.menu-item div[data-v-b37fe6e4]{flex:1;min-width:0}.menu-item .item-title[data-v-b37fe6e4]{font-size:var(--fs-md)}.menu-item .item-desc[data-v-b37fe6e4]{margin:3px 0 0}.menu-item em[data-v-b37fe6e4]{color:var(--text-tertiary);font-size:var(--fs-title);font-style:normal;font-weight:400}.menu-item em.done[data-v-b37fe6e4]{font-size:var(--fs-xs);font-weight:700;color:var(--ok)}.logout-btn[data-v-b37fe6e4]{margin-top:14px}.aftersale-input[data-v-b37fe6e4]{width:100%;resize:vertical;min-height:96px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);color:var(--text-primary);font:inherit;outline:none}.aftersale-input[data-v-b37fe6e4]:focus{border-color:var(--primary);background:var(--surface)}.step-item[data-v-3b5494a9]{display:flex;align-items:flex-start;gap:12px}.step-item b[data-v-3b5494a9]{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm);font-weight:800}.step-item>div[data-v-3b5494a9]{flex:1;min-width:0}a.step-item[data-v-3b5494a9]{-webkit-tap-highlight-color:transparent}a.step-item[data-v-3b5494a9]:active{opacity:.88}.step-item--static[data-v-3b5494a9]{cursor:default}.hero-card[data-v-06bc8fdf]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:0;color:#fff;box-shadow:0 16px 30px #2563eb38}.eyebrow[data-v-06bc8fdf]{margin:0;color:#dbeafee6;font-size:var(--fs-xs);font-weight:800;letter-spacing:.14em}.hero-title[data-v-06bc8fdf]{margin:8px 0 0;color:#fff;font-size:var(--fs-lg);font-weight:800;line-height:1.35}.hero-lead[data-v-06bc8fdf]{margin:10px 0 0;color:#eff6ffeb;font-size:var(--fs-sm);line-height:1.7}.point-list[data-v-06bc8fdf]{margin:10px 0 0;padding:0;list-style:none}.point-list li[data-v-06bc8fdf]{padding:12px 0;border-bottom:1px solid var(--line-soft)}.point-list li[data-v-06bc8fdf]:last-child{border-bottom:0;padding-bottom:0}.point-list strong[data-v-06bc8fdf]{display:block;color:var(--text-primary);font-size:var(--fs-md);font-weight:800}.point-list span[data-v-06bc8fdf]{display:block;margin-top:4px;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.tech-list[data-v-06bc8fdf]{margin-top:8px;display:flex;flex-direction:column;gap:12px}.tech-item[data-v-06bc8fdf]{padding:12px;border-radius:14px;background:var(--fill-soft)}.tech-item h3[data-v-06bc8fdf]{margin:0;color:var(--text-primary);font-size:var(--fs-md);font-weight:800}.tech-tag[data-v-06bc8fdf]{margin:6px 0 0;color:var(--primary);font-size:var(--fs-xs);font-weight:800;letter-spacing:.04em}.tech-item>p[data-v-06bc8fdf]:last-child{margin:8px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.effect-grid[data-v-06bc8fdf]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.effect-item[data-v-06bc8fdf]{padding:12px 10px;border-radius:14px;background:var(--primary-soft);text-align:center}.effect-item strong[data-v-06bc8fdf]{display:block;color:var(--primary);font-size:var(--fs-md);font-weight:800}.effect-item span[data-v-06bc8fdf]{display:block;margin-top:4px;color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600}.deep-list[data-v-06bc8fdf]{margin-top:8px}.deep-block+.deep-block[data-v-06bc8fdf]{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.deep-block h3[data-v-06bc8fdf]{margin:0 0 8px;color:var(--text-primary);font-size:var(--fs-md);font-weight:800}.deep-block p[data-v-06bc8fdf]{margin:0 0 8px;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.7}.deep-block p[data-v-06bc8fdf]:last-child{margin-bottom:0}.section-hint[data-v-06bc8fdf]{margin:12px 0 0}.tip-card[data-v-e45f265a]{background:var(--primary-soft);border-color:var(--select-active-border)}.tip-card strong[data-v-e45f265a]{display:block;color:var(--primary);font-size:var(--fs-md);font-weight:800}.tip-card p[data-v-e45f265a]{margin:8px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.7}.myth-head[data-v-e45f265a]{display:flex;align-items:flex-start;gap:12px}.myth-head b[data-v-e45f265a]{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:var(--warn-soft);color:var(--warn);font-size:var(--fs-sm);font-weight:800}.myth-head>div[data-v-e45f265a]{min-width:0;flex:1}.myth-wrong[data-v-e45f265a]{margin:6px 0 0;color:#b45309;font-size:var(--fs-sm);font-weight:600;line-height:1.55}.myth-body[data-v-e45f265a]{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.myth-body p[data-v-e45f265a]{margin:0 0 10px;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.7}.myth-body p[data-v-e45f265a]:last-child{margin-bottom:0}.label[data-v-e45f265a]{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:6px;font-size:var(--fs-xs);font-weight:800;vertical-align:1px}.label.ok[data-v-e45f265a]{background:var(--ok-soft);color:var(--ok)}.label.tech[data-v-e45f265a]{background:var(--primary-soft);color:var(--primary)}.label.tip[data-v-e45f265a]{background:var(--fill-soft);color:var(--text-tertiary)}*{box-sizing:border-box}:root{--tab-bar-height: 80px;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff6ff;--select-active-border: #bfdbfe;--bg: #f5f7fa;--surface: #fff;--line: #e5e7eb;--line-soft: #f3f4f6;--fill-soft: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text: var(--text-primary);--muted: var(--text-secondary);--ok: #059669;--ok-soft: #ecfdf5;--warn: #d97706;--warn-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--fs-display: 28px;--fs-title: 20px;--fs-lg: 16px;--fs-md: 14px;--fs-sm: 12px;--fs-xs: 11px;--btn-height: 44px;--btn-height-sm: 36px;--btn-radius: 12px;--btn-radius-sm: 10px;--btn-pad-x: 16px;--btn-pad-x-sm: 12px;--fs-10: 10px;--fs-11: var(--fs-xs);--fs-12: var(--fs-sm);--fs-13: var(--fs-sm);--fs-14: var(--fs-md);--fs-16: var(--fs-lg);--fs-18: var(--fs-lg);--fs-22: var(--fs-title)}html,body,#app{min-height:100%}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg);color:var(--text-primary);font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;outline:none}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none;outline:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.item-title{margin:0;color:var(--text-primary);font-size:var(--fs-lg);font-weight:800;line-height:1.3}.item-desc{margin:4px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.meta-label{color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;line-height:1.4}.meta-value{color:var(--text-primary);font-size:var(--fs-sm);font-weight:700;line-height:1.4}.phone-container{width:375px;height:812px;max-height:100vh;background:var(--surface);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000026;border:8px solid var(--line);border-radius:40px}.content-area{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--surface)}.content-area::-webkit-scrollbar{display:none}.tab-bar{height:var(--tab-bar-height);background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:0;left:0;width:100%;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{display:flex;flex:1;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:700;transition:all .25s;min-width:0;padding:0 2px}.tab-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text-tertiary);transition:all .25s ease}.tab-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tab-item span:last-child{line-height:1;letter-spacing:.01em}.tab-item.active{color:var(--primary)}.tab-item.active .tab-icon{color:var(--primary);background:var(--primary-soft);box-shadow:0 8px 16px #2563eb1f;transform:translateY(-1px)}.page,.app-page,.page-shell--flat{min-height:100%;padding:16px 16px calc(var(--tab-bar-height) + 24px);animation:fadeIn .3s ease-out}.page-shell--flat{padding:0}.app-page-header{margin-bottom:18px}.app-page-header--row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-page-eyebrow{margin:0 0 6px;color:var(--primary);font-size:var(--fs-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.app-page-title{margin:0;color:var(--text-primary);font-size:var(--fs-title);line-height:1.25;font-weight:800}.app-page-desc,.muted{margin:6px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.glass-card,.app-card,.app-card-muted,.card,.list-item,.metric{background:var(--surface);border-radius:16px;border:1px solid var(--line-soft);box-shadow:0 1px 3px #00000014}.app-card,.app-card-muted,.card{padding:14px}.app-card-muted{background:var(--fill-soft)}.stack{display:flex;flex-direction:column;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin:0;color:var(--text-primary);font-size:var(--fs-md);font-weight:800}.btn-primary,.btn,.btn-secondary,.btn-ghost,.btn-danger,.btn-input-match,.btn-code,.logout-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--btn-height);min-height:var(--btn-height);padding:0 var(--btn-pad-x);border-radius:var(--btn-radius);font-size:var(--fs-md);font-weight:800;line-height:1;transition:background-color .15s,box-shadow .15s,opacity .15s;-webkit-user-select:none;user-select:none}.btn-primary,.btn{border:0;background:var(--primary);color:#fff;box-shadow:0 8px 14px -4px #2563eb47}.btn-primary:active:not(:disabled),.btn:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-input-match:active:not(:disabled),.btn-code:active:not(:disabled),.logout-btn:active:not(:disabled){opacity:.88}.btn-secondary,.btn-ghost,.btn.ghost,.btn-input-match,.btn-code{border:1px solid #dbeafe;background:var(--primary-soft);color:var(--primary);box-shadow:none}.btn-danger,.logout-btn{border:0;background:var(--fill-soft);color:#ef4444;box-shadow:none}.btn-sm,.btn.small{height:var(--btn-height-sm);min-height:var(--btn-height-sm);padding:0 var(--btn-pad-x-sm);border-radius:var(--btn-radius-sm);font-size:var(--fs-sm)}.btn-block,.btn.block{width:100%}.btn-input-match,.btn-code{white-space:nowrap;flex-shrink:0}.field label,.label-apple{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700}input,select,.input-apple{width:100%;height:var(--btn-height);border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);color:var(--text-primary);font-size:var(--fs-md);padding:0 12px;outline:none}input::placeholder,select::placeholder,.input-apple::placeholder{color:var(--text-tertiary)}input:focus,select:focus,.input-apple:focus{border-color:var(--primary);background:var(--surface)}.form{display:flex;flex-direction:column;gap:14px}.login-form{padding:16px!important}.login-form__field+.login-form__field{margin-top:18px}.login-form__code-row{display:flex;gap:10px}.login-form__actions{margin-top:24px}.list{display:flex;flex-direction:column;gap:12px}.list-item{padding:14px;-webkit-tap-highlight-color:transparent}.list-item>.row-between strong,.list-item .item-title,.list-item>div>strong:first-child{color:var(--text-primary);font-size:var(--fs-lg);font-weight:800;line-height:1.3}.list-item p{margin:4px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.55}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;background:var(--line-soft);color:var(--text-secondary);font-size:var(--fs-10);font-weight:700}.tag.primary{background:var(--primary-soft);color:var(--primary)}.tag.success,.tag.online,.tag.verified{background:var(--ok-soft);color:var(--ok)}.tag.warning,.tag.offline,.tag.pending{background:var(--warn-soft);color:var(--warn)}.tag.danger,.tag.failed{background:var(--danger-soft);color:var(--danger)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:10px}.metric span{color:var(--text-tertiary);font-size:var(--fs-xs)}.metric strong{display:block;margin-top:4px;color:var(--text-primary);font-size:var(--fs-lg)}.sn-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.error,.ok{margin:10px 0 0;font-size:var(--fs-sm);line-height:1.5}.error{color:var(--danger)}.ok{color:var(--ok)}.empty{padding:28px 12px;text-align:center;color:var(--text-secondary);font-size:var(--fs-sm)}.actions{display:flex;flex-wrap:wrap;gap:8px}.balance-strip{display:flex;align-items:center;gap:10px}.balance-strip>span:first-child{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600}.balance-strip>strong{flex:1;color:var(--text-primary);font-size:var(--fs-lg);font-weight:800}.balance-strip a,.balance-link{color:var(--primary);font-size:var(--fs-sm);font-weight:700}.select-tabs{display:grid;gap:8px}.select-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);text-align:left;color:var(--text-primary)}.select-tab strong{color:var(--text-primary);font-size:var(--fs-sm);font-weight:800}.select-tab span{color:var(--text-secondary);font-size:var(--fs-md);font-weight:700}.select-tab.active{border-color:var(--select-active-border);background:var(--primary-soft)}.select-tab.active strong,.select-tab.active span{color:var(--primary)}.amount-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amount-tabs--gap{margin:12px 0}.amount-tab{display:flex;align-items:baseline;justify-content:center;gap:2px;min-height:48px;padding:12px 8px;border:1px solid var(--line);border-radius:var(--btn-radius);background:var(--fill-soft);color:var(--text-primary)}.amount-tab .amount-yen{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700}.amount-tab strong{color:var(--text-primary);font-size:var(--fs-md);font-weight:800;line-height:1}.amount-tab.active{border-color:var(--select-active-border);background:var(--primary-soft)}.amount-tab.active .amount-yen,.amount-tab.active strong{color:var(--primary)}.price-box{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:16px;background:var(--primary-soft)}.price-box--gap{margin:0 0 14px}.price-box span{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600}.price-box strong{color:var(--primary);font-size:var(--fs-title);font-weight:800;line-height:1}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.detail-row:last-child{border-bottom:0}.detail-row>span:first-child{color:var(--text-secondary);font-weight:600}.daily-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.daily-row:last-child{border-bottom:0}.daily-row div{min-width:0}.daily-row strong{display:block;color:var(--text-primary);font-size:var(--fs-md);font-weight:800}.daily-row span{display:block;margin-top:3px;color:var(--text-tertiary);font-size:var(--fs-xs)}.daily-row b{flex:0 0 auto;color:var(--primary);font-size:var(--fs-md);font-weight:800}.daily-row.cost-row b,.cost-row b{color:var(--warn)}.back-link{display:inline-flex;align-items:center;margin:0 0 10px;padding:0;border:0;background:transparent;color:var(--primary);font-size:var(--fs-sm);font-weight:700;cursor:pointer}.section-hint{margin:6px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600}.step-badge{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:var(--fs-sm);font-weight:800}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px 20px;background:#1118277a;animation:modalFadeIn .2s ease-out}.modal-card{width:100%;max-width:320px;padding:22px 18px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:0 18px 40px #0f172a33;animation:modalPopIn .22s ease-out}.modal-title{margin:0;color:var(--text-primary);font-size:var(--fs-lg);font-weight:800;line-height:1.3;letter-spacing:.01em}.modal-desc{margin:10px 0 0;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;line-height:1.65}.modal-hint{margin:10px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;line-height:1.5}.modal-card .field{margin-top:16px}.modal-card .field label{margin-bottom:6px;color:var(--text-secondary);font-size:var(--fs-xs);font-weight:700}.modal-card .code-row{display:flex;gap:8px}.modal-card .error,.modal-card .ok{margin:10px 0 0;font-size:var(--fs-sm)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.modal-actions .btn-primary,.modal-actions .btn-secondary{font-size:var(--fs-sm)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:479px){.phone-container{width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none}}