:root{--blue:#0b4ea2;--blue-dark:#083a79;--red:#c8102e;--green:#0f8a3c;--amber:#b26a00;--bg:#f3f5f9;--card:#fff;--text:#1b1f27;--muted:#5b6474;--line:#dde2ea;--radius:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}a{color:var(--blue)}main{max-width:720px;margin:0 auto;padding:16px 16px 24px}h1{margin:8px 0 12px;font-size:1.45rem}h2{margin:20px 0 8px;font-size:1.15rem}.muted{color:var(--muted)}.small{font-size:.88rem}header.top{background:var(--blue);color:#fff}header.top .inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:10px 16px;display:flex}header.top .brand{color:#fff;margin-right:auto;font-size:1.1rem;font-weight:800;text-decoration:none}header.top nav{flex-wrap:wrap;gap:6px;display:flex}header.top nav a{color:#fff;background:#ffffff1f;border-radius:8px;padding:6px 10px;font-size:.9rem;text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:16px}.day-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.day-head .date{font-size:1.1rem;font-weight:800}.track{color:#fff;background:var(--red);border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:800}.slot{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 4px;display:flex}.slot:first-of-type{border-top:0}.slot label{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.slot input[type=checkbox]{width:26px;height:26px;accent-color:var(--blue);flex:none}.slot .name{font-weight:600}.slot .price{white-space:nowrap;font-weight:700}.badge{border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.b-ok{color:var(--green);background:#e3f5ea}.b-wait{color:var(--amber);background:#fff2dc}.b-own{color:var(--blue);background:#e6eefb}.b-bad{color:var(--red);background:#fde8eb}.btn{background:var(--blue);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:filter .12s,transform 60ms,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 3px 10px #0000002e}.btn.ghost:hover:not(:disabled){filter:none;background:#eef3fc}.btn:active:not(:disabled){filter:brightness(.92);box-shadow:none;transform:scale(.97)}.btn:focus-visible{outline-offset:2px;outline:3px solid #f5c400}.btn:disabled{opacity:.5;cursor:default}.btn[aria-busy=true]{opacity:.75;cursor:progress}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn.block{width:100%;display:flex}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.ghost{color:var(--blue);border:2px solid var(--blue);background:#fff}.btn.small{border-radius:10px;padding:8px 12px;font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sticky-bar{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;border-top:1px solid var(--line);background:#fff;padding:12px 16px;position:fixed;box-shadow:0 -4px 16px #0000000f}.sticky-bar .inner{align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.sticky-bar .total{margin-right:auto;font-size:1.2rem;font-weight:800}input[type=text],input[type=tel],input[type=email],input[type=date],input[inputmode],select,textarea{border:2px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:1.1rem}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}label.field{margin:12px 0;font-weight:600;display:block}label.field span{margin-bottom:6px;display:block}.error{color:#8a0b1f;background:#fde8eb;border-radius:12px;margin:12px 0;padding:12px 14px;font-weight:600}.notice{color:var(--blue-dark);background:#e6eefb;border-radius:12px;margin:12px 0;padding:12px 14px}.success{color:#0b5e2a;background:#e3f5ea;border-radius:12px;margin:12px 0;padding:12px 14px;font-weight:600}.amount{color:var(--blue-dark);font-size:2.2rem;font-weight:900}.qr{border-radius:12px;width:100%;max-width:320px;margin:8px auto;display:block}.steps{padding-left:1.3em}.steps li{margin:8px 0}table.list{border-collapse:collapse;width:100%;font-size:.92rem}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}.receipt{border:1px solid var(--line);border-radius:10px;max-width:100%;max-height:520px;display:block}.tabs{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.tabs a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none}.stat{font-size:1.6rem;font-weight:800}.grid2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.viewer-bar{z-index:5;background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.page{background:#fff;border-radius:6px;min-height:120px;margin:0 0 10px;overflow:hidden;box-shadow:0 1px 4px #0000001f}.page img{width:100%;display:block}.choice{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px;display:grid}.choice button{border:2px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:border-color .12s,background .12s;display:flex}.choice button:hover{border-color:var(--blue)}.choice button.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#e6eefb}.choice button .small{color:var(--muted)}.choice-icon{font-size:1.6rem;line-height:1.2}.slot-ready{flex-wrap:wrap}.view-or-dl{flex-wrap:nowrap;gap:8px;width:100%}.view-or-dl .btn{white-space:nowrap;flex:1}.unsent-banner{color:#fff;background:#c8102e;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;max-width:720px;margin:10px auto 0;padding:12px 14px;font-size:.95rem;line-height:1.35;text-decoration:none;display:flex;box-shadow:0 2px 8px #c8102e4d}.unsent-banner:hover{filter:brightness(1.08)}.unsent-go{color:#c8102e;white-space:nowrap;background:#fff;border-radius:8px;flex:none;padding:6px 10px;font-weight:800}@media (max-width:752px){.unsent-banner{margin:10px 16px 0}}.return-hint{outline-offset:4px;border-radius:12px;outline:3px solid #f5c400}.fold>summary{cursor:pointer;margin:18px 0 6px;list-style-position:outside}.fold>summary h2{margin:0}.danger-zone{border:2px solid #f3c2c9;margin-top:24px}.join-links{text-align:center;margin:14px 0}.join-links .btn{background:#0866ff}.join-chat{margin-top:10px;font-weight:700;display:inline-block}.pin-req{border:2px solid #f5c400}.order-items{margin:6px 0 2px;line-height:1.5}.wizard-progress{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 12px;display:grid}.wizard-progress>div{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:.8rem;line-height:1.2;display:flex}.wizard-progress .dot{width:30px;height:30px;color:var(--muted);background:#e7ebf2;border-radius:50%;place-items:center;font-weight:800;display:grid}.wizard-progress .now{color:var(--blue-dark);font-weight:700}.wizard-progress .now .dot{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #cfe0f8}.wizard-progress .done .dot{background:var(--green);color:#fff}.wizard-step h2{margin:2px 0 10px}.wizard-step>.btn.block{margin-top:12px}.wizard-count{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:700}.linklike{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.wizard-back{margin:12px auto 0;display:block}.wizard-step .qr{width:auto;max-width:100%;max-height:30vh}header.top nav a.nav-balance{color:#063082;background:#f9e925;font-weight:800}.prepaid-hero{text-align:center;border:2px solid #f9e925}.load-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 14px;display:grid}.load-option{border:2px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 10px;display:flex;position:relative}.load-option.best{border-color:var(--green);box-shadow:0 2px 10px #118c402e}.load-price{color:var(--blue-dark);font-size:1.6rem;font-weight:900}.load-bonus{color:#fff;background:#c8102e;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:800;position:absolute;top:-11px}.load-option .btn{margin-top:6px}.prepaid-strip{background:#fffbd6;border:1px solid #efe08a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:12px 14px;display:flex}.load-option .btn{padding:10px 8px}.big-steps{font-size:1.05rem}.big-steps li{margin:12px 0}.welcome-card{border:2px solid var(--blue);text-align:center;margin-top:18px;padding:22px 18px}.welcome-card .btn{padding:16px;font-size:1.15rem}.welcome-note{text-align:left;background:#f3f6fb;border-radius:10px;padding:10px 12px;font-size:.92rem;line-height:1.5}.welcome-bonus{text-align:left;background:#fff6c2;border:2px dashed #e0b800;border-radius:10px;padding:10px 12px;font-size:1rem;line-height:1.45}.wizard-progress.two{grid-template-columns:repeat(2,1fr)}.unsent-main{color:#fff;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.unsent-dismiss{color:#ffd9de;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-size:.85rem;text-decoration:underline}header.top nav a.nav-buy{color:#fff;background:#c8102e;font-weight:800}header.top nav a.nav-login{color:#063082;background:#f9e925;font-weight:800}header.top nav a.active{color:var(--blue-dark);background:#fff;font-weight:800;box-shadow:inset 0 -4px #f9e925}header.top nav a.nav-buy.active{color:#c8102e;background:#fff;box-shadow:inset 0 -4px #c8102e}header.top nav a.nav-balance.active{color:#063082;background:#fff;box-shadow:inset 0 -4px #e0b800}header.top nav a.nav-cards{color:#fff;background:#063082;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff8c}header.top nav a.nav-cards.active{color:#063082;background:#fff;box-shadow:inset 0 -4px #063082}.promo-banner{background:#fff6c2;border:2px dashed #e0b800;border-radius:12px;margin:12px 0;padding:12px 14px;font-size:1.05rem;line-height:1.45}.b-free{color:#7a5b00;background:#fff6c2}.fix-banner{background:#fff6c2;border-bottom:2px solid #e0b800}.fix-item{color:#4a3800;flex-direction:column;align-items:stretch;gap:8px;max-width:760px;margin:0 auto;padding:10px 16px;line-height:1.4;text-decoration:none;display:flex}.fix-item+.fix-item{border-top:1px dashed #e0b800}.fix-go{color:#fff;text-align:center;background:#1d7a35;border-radius:10px;padding:10px 12px;font-weight:700}.replace-box{box-sizing:border-box;background:#fff6c2;border:1px solid #e0b800;border-radius:10px;flex-basis:100%;width:100%;margin-top:8px;padding:10px}.thread{flex-direction:column;gap:10px;margin:12px 0;display:flex}.bubble{border-radius:14px;max-width:85%;padding:10px 12px;line-height:1.4}.bubble.theirs{border:1px solid var(--line);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.bubble.mine{background:#e6eefb;border:1px solid #c9d8f3;border-bottom-right-radius:4px;align-self:flex-end}.bubble-who{color:var(--blue-dark);margin-bottom:2px;font-size:.8rem;font-weight:700}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-img{border-radius:8px;max-width:100%;max-height:320px;margin-top:6px;display:block}.bubble-time{color:#6b7280;text-align:right;margin-top:4px;font-size:.75rem}.nav-msg-new{color:#fff!important;background:#c8102e!important}.tabs a.tab-alert{color:#fff;background:#c8102e;border-color:#c8102e}.msg-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 4px;display:flex}.msg-row.unread{background:#fff1f2}.msg-dot{color:#fff;text-align:center;background:#c8102e;border-radius:999px;min-width:22px;padding:2px 6px;font-size:.8rem;font-weight:700;display:inline-block}.announce{color:#fff;background:#0b4ea2;border-bottom:3px solid #f5d90a}.announce-inner{flex-direction:column;gap:8px;max-width:760px;margin:0 auto;padding:10px 16px;display:flex}.announce-text{white-space:pre-wrap;font-size:1.02rem;line-height:1.45}.announce-close{color:#0b2a5b;background:#f5d90a;border:0;border-radius:10px;align-self:flex-end;padding:8px 16px;font-size:1rem;font-weight:700}.bubble.tip{background:#fff8d6;border-color:#e0b800}.bubble-tag{color:#7a5b00;font-weight:600}.tip-teaser{color:#7a5b00;background:#fff8d6;border-radius:8px;margin:6px 0 2px;padding:6px 10px;font-size:.9rem}.kind-pick{flex-wrap:wrap;gap:8px;margin:6px 0 10px;display:flex}.kind-pick label{cursor:pointer}.kind-pick input{opacity:0;position:absolute}.kind-pick span{border:2px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:700;display:inline-block}.kind-pick input:checked+span{color:#fff;background:#0b4ea2;border-color:#0b4ea2}.kind-pick input:focus-visible+span{outline:3px solid #f5d90a}.bubble-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.bubble-foot .bubble-time{margin-top:0}.bubble-x{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #c9ced8;border-radius:999px;min-height:32px;padding:6px 12px;font-size:.8rem;font-weight:700}.bubble-x:hover,.bubble-x:active{color:#c8102e;border-color:#c8102e}.order-chat{border:1px solid var(--line);background:#f8fafc;border-radius:12px;margin-top:12px;padding:10px 12px}.order-chat>summary{cursor:pointer;color:var(--blue-dark);font-weight:700}.order-chat[open]>summary{margin-bottom:8px}.trial-progress{background:#fff6c2;border:1px solid #e0b800;border-radius:12px;flex-direction:column;gap:6px;margin:12px 0;padding:10px 12px;line-height:1.4;display:flex}.trial-bar{background:#f1e3a0;border-radius:99px;height:8px;display:block;overflow:hidden}.trial-bar span{background:#1d7a35;border-radius:99px;height:100%;display:block}.tips-table{border-collapse:collapse;width:100%;margin:8px 0}.tips-table th,.tips-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}.tips-table th{background:#f2f5fb;font-size:.85rem}.tips-oftd{background:#fff7d6;border:2px solid #e0b800;border-radius:12px;margin:6px 0 10px;padding:10px 12px}.tips-dng{background:#fdecec;border-radius:12px;margin-top:8px;padding:10px 12px}.table-wrap{overflow-x:auto}.pay-option{text-align:center;background:#fbfcff;border:2px solid #c9d6ee;border-radius:14px;margin:10px 0;padding:12px}.pay-option-title{color:var(--blue-dark);letter-spacing:.5px;margin-bottom:8px;font-size:.9rem;font-weight:800}.pay-or{color:var(--muted);align-items:center;gap:10px;margin:4px 0;font-size:.85rem;font-weight:800;display:flex}.pay-or:before,.pay-or:after{content:"";border-top:1px solid var(--line);flex:1}header.top .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.top-links{gap:6px;display:flex}.top-links a{color:#fff;background:#ffffff1f;border-radius:8px;padding:6px 10px;font-size:.9rem;text-decoration:none}.top-links a.active{color:var(--blue-dark);background:#fff;font-weight:800}.bottom-nav{z-index:50;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0a2a78;border-top:4px solid #f9e925;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0000002e}.bottom-nav a{color:#fff;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:2px 0;text-decoration:none;display:flex}.bn-icon{font-size:1.55rem;line-height:1.15;position:relative}.bn-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:600;overflow:hidden}.bottom-nav a.active .bn-label{color:#f9e925;font-weight:800}.bottom-nav a.active .bn-icon{transform:scale(1.08)}.bn-dot{background:#e3122c;border:2px solid #0a2a78;border-radius:50%;width:11px;height:11px;position:absolute;top:-2px;right:-6px}.recent-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.recent-row:last-child{border-bottom:0}.recent-main{flex:1;min-width:0}.recent-meta{margin-top:2px;line-height:1.6}.card:has(>table.list){overflow-x:auto}.install-card{background:#eef3ff;border:2px solid #c9d6ee;border-radius:14px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;display:flex}.guide-toc{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.guide-toc a{color:var(--blue-dark);background:#fff;border:1px solid #c9d6ee;border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:600;text-decoration:none}.guide-section{scroll-margin-top:12px}.guide-section h2{margin-top:0}.guide-list{padding-left:1.2rem;line-height:1.55}.guide-list li{margin-bottom:6px}.guide-table{border-collapse:collapse;width:100%}.guide-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}.guide-table td:first-child{white-space:nowrap;width:1%}.guide-faq{border-bottom:1px solid var(--line);padding:8px 0}.guide-faq summary{cursor:pointer;font-weight:700}.guide-top{margin-top:8px;display:inline-block}.admin-tools{border:2px solid #0a2a78}.tool-order{border-top:1px solid #e3e7ef;padding:8px 0}.tool-new{border-top:1px solid #e3e7ef;margin-top:10px;padding-top:8px}.tool-new summary{cursor:pointer;color:#0a2a78;padding:4px 0;font-weight:700}.tool-cards{gap:6px;display:grid}.tool-card{border:1px solid #d5dbe8;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.tool-card input{width:20px;height:20px}.tool-card .muted{margin-left:auto;font-weight:400}.install-card.install-my{color:#fff;background:#0a2a78;border-color:#ffd23f}.install-card.install-my .btn{color:#0a2a78;background:#ffd23f}.install-card.install-my .linklike{color:#dbe4ff}.db-meter{background:#eef3ff;border:1px solid #c9d6ee;border-radius:12px;flex-direction:column;gap:8px;margin:8px 0 10px;padding:10px 12px;font-size:.9rem;line-height:1.4;display:flex}.db-meter.db-will,.db-meter.db-open{background:#e3f5ea;border-color:#7cc79a}.db-meter .db-btn{align-self:flex-start}.db-bar{background:#d5dbe8;border-radius:999px;height:8px;overflow:hidden}.db-bar span{background:#0a2a78;border-radius:999px;height:100%;transition:width .2s;display:block}.db-meter.db-will .db-bar span{background:#16a34a}.db-btn{color:#fff;background:#0a2a78}.db-tag{color:#0b5e2a;vertical-align:middle;background:#e3f5ea;border:1px solid #7cc79a;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.sticky-bar .btn{white-space:nowrap}.sticky-bar .total .db-tag{width:fit-content;margin-top:2px;display:block}
