:root{color-scheme:light;font-family:SF Pro Display,Segoe UI Variable Display,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #eef3fa;--surface: #ffffff;--surface-muted: #f6f8fc;--text: #132238;--text-soft: #59708f;--text-muted: #7f91aa;--line: rgba(14, 38, 77, .08);--brand: #1976ff;--brand-strong: #0b5ee9;--brand-soft: #dbe9ff;--success: #27b36a;--warning: #f3a20d;--danger: #dc4a54;--shadow: 0 10px 25px rgba(17, 42, 82, .08), 0 2px 8px rgba(17, 42, 82, .04);--shadow-soft: 0 1px 2px rgba(17, 42, 82, .04), 0 8px 24px rgba(17, 42, 82, .04);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--page-max: 460px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(61,142,255,.18),transparent 24%),radial-gradient(circle at top right,rgba(39,179,106,.12),transparent 20%),linear-gradient(180deg,#f4f8fd,#eaf0f7);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{max-width:var(--page-max);margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 100px)}.topbar{position:sticky;top:0;z-index:10;padding-bottom:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__main{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.topbar__start,.topbar__end{display:flex;align-items:flex-start}.topbar__text h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.topbar__text p{margin:3px 0 0;color:var(--text-soft);font-size:.86rem}.brand-badge,.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:var(--shadow-soft);color:var(--brand)}.brand-badge{font-weight:800;letter-spacing:.06em}.brand-badge--logo{width:112px;height:72px;padding:4px 8px;border-radius:18px;margin-top:-5px}.brand-badge__logo{width:100%;height:100%;object-fit:contain;display:block}.topbar__actions,.ota-topbar-actions{display:flex;align-items:center;gap:10px}.icon-button--soft{background:#ffffffe6;color:#33445e}.language-menu{position:relative}.lang-switch{min-width:84px;height:36px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffffd1;box-shadow:var(--shadow-soft);color:var(--brand-strong);font-weight:700}.lang-switch.is-open{background:#dbe9fff5}.language-menu__panel{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;padding:8px;border-radius:18px;background:#fffffff5;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);display:grid;gap:4px}.language-menu__option{min-height:42px;padding:0 12px;border-radius:12px;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.language-menu__option.is-active{background:#1976ff1a;color:var(--brand-strong);font-weight:700}.page{display:grid;gap:16px;padding-top:6px}.product-switch-card{padding-top:16px;padding-bottom:16px}.scan-entry-card__actions{margin-top:14px}.scan-entry-card{margin-top:6px}.ota-card-detail{padding:0;overflow:hidden}.ota-card-detail__top,.ota-section,.ota-gauge-card,.ota-note,.ota-link-row{padding:18px 18px 0}.ota-card-detail__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ota-label-row{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:.86rem}.ota-iccid-row{margin-top:8px;display:flex;align-items:center;gap:8px}.ota-iccid-row strong,.ota-validity__value strong,.ota-section__value{font-size:1.02rem;line-height:1.4}.ota-copy-button{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#1322380f;color:var(--text-soft)}.ota-validity{margin-top:18px}.ota-validity__label,.ota-section__label{margin:0 0 8px;color:var(--text-soft);font-size:.9rem}.ota-validity__value{display:flex;align-items:center;gap:8px}.ota-tag{min-height:24px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:#13223814;color:var(--text-soft);font-size:.74rem;font-weight:700}.ota-card-mini{width:76px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f3f7fb);border:1px solid rgba(19,34,56,.08)}.ota-card-mini img{width:58px;object-fit:contain}.ota-section,.ota-gauge-card,.ota-note,.ota-link-row{border-top:1px solid var(--line)}.ota-section__value{display:block}.ota-gauge{--ota-progress: 55%;width:220px;height:110px;margin:8px auto 0;position:relative;overflow:hidden}.ota-gauge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:220px 220px 0 0;background:conic-gradient(from 180deg,#36b15f var(--ota-progress),#d7dbe2 0);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 61px,#000 62px);mask:radial-gradient(circle at 50% 100%,transparent 61px,#000 62px)}.ota-gauge__inner{position:absolute;top:42px;right:0;bottom:0;left:0;display:grid;justify-items:center;align-content:start;text-align:center}.ota-gauge__inner strong{font-size:2rem;line-height:1}.ota-gauge__inner span{margin-top:2px;font-size:1rem;font-weight:700;color:var(--text-soft)}.ota-gauge__inner p{margin:8px 0 0;color:var(--text-soft);font-size:.84rem}.ota-expiry{margin:12px 0 0;text-align:center;color:var(--text-soft)}.ota-note{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.78rem;padding-bottom:18px}.ota-link-row{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--text);font-weight:700;padding-bottom:18px}.scan-view{position:relative;border-radius:22px;overflow:hidden;background:radial-gradient(circle at top,rgba(25,118,255,.14),transparent 38%),linear-gradient(180deg,#0f1c30,#162742);display:grid;place-items:center}.scan-view--qr{min-height:300px}.scan-view--iccid{min-height:240px}.scan-view__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scan-view__placeholder{margin-top:18px;display:grid;justify-items:center;gap:12px;text-align:center;color:var(--text)}.scan-view__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffffff29}.scan-view__icon--floating{position:absolute;top:18px;left:50%;z-index:2;transform:translate(-50%)}.scan-frame{position:absolute;z-index:1;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 999px #080e1a6b}.scan-frame--qr{width:180px;height:180px;top:78px;left:50%;transform:translate(-50%);border-radius:24px}.scan-frame--iccid{width:min(84%,300px);height:110px;top:92px;left:50%;transform:translate(-50%);border-radius:18px}.scan-frame__corners{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 16px #3d8eff2e}.scan-actions{margin-top:16px;display:grid;gap:10px}.scan-message{margin:12px 0 0;color:var(--text-soft);font-size:.88rem;text-align:center}.scan-result-chip{margin-top:14px;min-height:44px;padding:10px 14px;border-radius:16px;display:flex;align-items:center;gap:8px;background:#27b36a1f;color:#158552;word-break:break-all}.card{border-radius:var(--radius-xl);background:#ffffffd6;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft);padding:20px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-header h2{margin:0;font-size:1.02rem;letter-spacing:-.02em}.text-link,.inline-action{color:var(--brand-strong);display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:600}.device-card,.plan-summary,.list-stack,.faq-list,.guide-steps,.package-list,.network-list,.method-list,.form-stack,.kv-stack{display:grid;gap:14px}.device-card__visual,.plan-summary,.list-row,.record-row,.action-list-item,.network-card__head,.package-card__head,.package-card__footer,.kv-row,.signal-row,.button-row,.chat-input{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-illustration{width:64px;height:64px;border-radius:22px;background:linear-gradient(180deg,#1b77ff,#58a5ff);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff59}.device-illustration__screen{width:28px;height:36px;border-radius:8px;background:#ffffffe0}.device-card h3,.plan-summary h3,.package-card h3,.result-card h2{margin:0;font-size:1rem}.device-card p,.plan-summary p,.package-card p,.list-row p,.record-row p,.faq-item p,.body-copy,.helper-text{margin:0;color:var(--text-soft)}.device-card__chips{margin-top:10px}.device-details{display:grid;gap:16px}.device-details__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-stack{display:grid;gap:14px}.metrics-grid,.strategy-grid,.action-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid--compact{grid-template-columns:1fr}.metric,.strategy-card,.sub-card{border-radius:18px;padding:14px;background:var(--surface-muted);border:1px solid var(--line)}.metric__label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.82rem}.metric__value{margin-top:8px;font-weight:700;word-break:break-all}.metric-secret{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.metric-secret__toggle{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#1976ff1a;color:var(--brand-strong);font-size:.76rem;font-weight:700}.signal-row__label,.network-card__meta,.record-row span{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.85rem}.signal-bars{display:flex;align-items:flex-end;gap:4px}.signal-bars span{width:6px;border-radius:999px;background:#13223829}.signal-bars span:nth-child(1){height:10px}.signal-bars span:nth-child(2){height:14px}.signal-bars span:nth-child(3){height:18px}.signal-bars span:nth-child(4){height:22px}.signal-bars span:nth-child(5){height:26px}.signal-bars span.active{background:linear-gradient(180deg,#4ece8c,#2dac68)}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.01em}.status-pill--neutral{background:#13223814;color:var(--text)}.status-pill--info{background:#1976ff1f;color:var(--brand-strong)}.status-pill--success{background:#27b36a1f;color:#158552}.status-pill--warning{background:#f3a20d24;color:#a96c00}.status-pill--danger{background:#dc4a541f;color:#aa2431}.progress{display:grid;gap:8px}.progress__track{height:12px;border-radius:999px;background:#1976ff1f;overflow:hidden}.progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2bb86b,#1772f7)}.progress__label{color:var(--text-muted);font-size:.8rem}.sub-card__head,.record-row__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-card span{color:var(--text-muted);font-size:.82rem}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-tile{border-radius:22px;padding:16px 12px;background:#ffffffd1;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft);display:grid;gap:10px;justify-items:start;min-height:110px}.action-tile__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#1976ff1f;color:var(--brand-strong)}.faq-item{padding:16px 0;border-top:1px solid var(--line)}.faq-item:first-child{border-top:0;padding-top:0}.faq-item summary{cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:10px}.notice-card,.processing-card,.result-card,.qr-card{display:grid;justify-items:start;gap:12px}.notice-card{grid-template-columns:auto 1fr;align-items:start}.notice-card__icon,.result-card__icon,.processing-orb{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#1976ff1f;color:var(--brand-strong)}.notice-card--soft{background:linear-gradient(180deg,#ffffffe0,#e7f1ffe0)}.prompt-surface{background:linear-gradient(180deg,#fff8dffa,#fff1c4fa);border:1px solid rgba(243,162,13,.24);box-shadow:0 10px 24px #f3a20d14}.prompt-head{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#8a5a00}.prompt-icon{background:#f3a20d29;color:#a96c00}.guide-strip{padding:16px 18px;border-radius:20px}.guide-strip__icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center}.guide-strip .guide-bullets{gap:8px}.guide-strip .guide-bullets p{position:relative;padding-left:14px}.guide-strip .guide-bullets p:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:999px;background:#d88a00}.guide-step{display:flex;align-items:flex-start;gap:12px}.guide-step span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-strong);font-weight:700;flex:0 0 auto}.guide-bullets{display:grid;gap:10px}.guide-bullets p{margin:0;color:var(--text-soft)}.network-card,.package-card,.method-card{width:100%;text-align:left;border-radius:20px;padding:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:12px}.network-card--selected,.package-card--selected,.method-card--selected{border-color:#1976ff75;box-shadow:0 0 0 4px #1976ff14}.strategy-grid,.method-list{grid-template-columns:1fr}.package-card__price,.record-row__meta{text-align:right}.package-card__original{display:block;color:var(--text-muted);text-decoration:line-through;font-size:.82rem}.package-card__badges,.chip-wrap{display:flex;gap:8px;flex-wrap:wrap}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(255,255,255,.5)}.segmented--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{min-height:42px;border-radius:14px;background:transparent;color:var(--text-soft);font-weight:600}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.segmented--triple{margin-bottom:14px}.button,.button a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:16px;font-weight:700}.button--primary{background:linear-gradient(135deg,#1c7cff,#0d5ee8);color:#fff;box-shadow:0 10px 20px #0d5ee82e}.button--primary:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:#1322380f;color:var(--text)}.sticky-actions{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:grid;gap:10px;padding:14px;border-radius:24px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.helper-text,.success-text{margin:0;text-align:center;color:var(--text-soft);font-size:.85rem}.success-text{color:var(--success);font-weight:600}.qr-code-mock{width:100%;display:grid;place-items:center}.qr-code-mock__inner{width:210px;aspect-ratio:1;border-radius:24px;display:grid;place-items:center;background:linear-gradient(45deg,rgba(19,34,56,.04) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,rgba(19,34,56,.04) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(180deg,#fdfefe,#eff4fa);border:1px solid var(--line)}.center{text-align:center}.result-card{justify-items:center;text-align:center}.result-card--success .result-card__icon{background:#27b36a1f;color:var(--success)}.result-card--failed .result-card__icon{background:#dc4a541f;color:var(--danger)}.result-card--review .result-card__icon{background:#f3a20d1f;color:var(--warning)}.form-stack{gap:14px}.field{display:grid;gap:8px}.field span{font-size:.88rem;color:var(--text-soft)}.field input{min-height:50px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:#fffffff2;color:var(--text);width:100%}.field-with-action{position:relative}.field-with-action input{padding-right:96px}.field-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);min-height:34px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#1976ff14;color:var(--brand-strong);font-size:.8rem;font-weight:700;z-index:1;border:1px solid rgba(25,118,255,.12)}.list-row,.record-row,.action-list-item{padding:14px 0;border-top:1px solid var(--line)}.list-row:first-child,.record-row:first-child,.action-list-item:first-child{padding-top:0;border-top:0}.record-row strong,.kv-row strong{font-size:.96rem}.chip{min-height:40px;padding:0 14px;border-radius:999px;background:#1976ff1a;color:var(--brand-strong);font-weight:600}.chat-shell{display:grid;gap:12px}.chat-bubble{max-width:85%;padding:12px 14px;border-radius:18px}.chat-bubble--agent{background:#1322380f}.chat-bubble--user{margin-left:auto;background:#1976ff1f}.chat-input input{flex:1;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a14246b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;align-items:end;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 24px)}.dialog-card{width:min(100%,var(--page-max));margin:0 auto;padding:22px;border-radius:28px;box-shadow:0 24px 64px #09182d3d;display:grid;gap:16px}.dialog-card__icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:1.15rem;font-weight:800}.dialog-card__content{display:grid;gap:8px}.dialog-card__content h2{margin:0;font-size:1.05rem;line-height:1.35}.dialog-card__content p{margin:0;color:var(--text-soft)}.dialog-card__actions{display:grid;gap:10px}.support-fab{position:fixed;right:max(16px,calc((100vw - var(--page-max)) / 2 + 16px));bottom:calc(env(safe-area-inset-bottom,0px) + 24px);min-height:52px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#183a74,#0a5fe6);color:#fff;box-shadow:0 14px 30px #0a5fe642}@media(max-width:420px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:1fr}}