:root{--ink:#132a2a;--muted:#6b7d80;--accent:#087e74;--accent-dark:#06655d;--line:#e1e9e9;--canvas:#f5f8f9;--danger:#bb3737;--mint:#eaf7f1;--white:#fff;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #258cba;outline-offset:4px}input:focus-visible{outline:3px solid #b2e9df;border-color:var(--accent)}[hidden]{display:none!important}h1,h2,p{margin:0}.site-header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;letter-spacing:.06em}.brand img{object-fit:contain}.brand-caption{font-size:14px;font-weight:500;color:var(--muted);border-left:1px solid var(--line);margin-left:15px;padding-left:15px;letter-spacing:0}.site-header nav{display:flex;gap:30px;font-size:14px;color:#516668}.site-header nav a:hover{color:var(--accent)}main{max-width:1120px;margin:0 auto;padding:26px 28px 60px}.preview-note{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #d2e5ec;background:#edf5f9;border-radius:9px;font-size:13px;line-height:1.6;color:#476371}.note-badge{flex-shrink:0;color:#26627c;font-size:12px;letter-spacing:.03em;font-weight:650;border-right:1px solid #ccdee6;padding-right:12px}.page-intro{margin:44px 0 34px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.15em;color:var(--accent)}h1{font-size:40px;letter-spacing:-1.4px;line-height:1.35;margin:10px 0 12px;font-weight:700}h1 span{color:var(--accent)}.page-intro p{color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(280px,1fr);gap:26px;align-items:start}.recharge-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px #16393904;overflow:hidden;min-width:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 32px;gap:32px}.tabs button{background:transparent;padding:22px 0 19px;color:var(--muted);font-size:16px;font-weight:650;position:relative}.tabs button[aria-selected=true]{color:var(--accent)}.tabs button[aria-selected=true]:after{content:"";position:absolute;height:3px;bottom:-1px;left:0;right:0;border-radius:3px;background:var(--accent)}.panel{padding:30px 32px 24px;min-height:482px}.steps{list-style:none;padding:0;margin:0 0 34px;display:flex;justify-content:space-between;font-size:13px;gap:10px;color:#7d8b8e}.steps li{display:flex;align-items:center;gap:7px}.steps li>span{display:grid;place-items:center;border:1px solid #d6dfe0;background:#fff;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.steps .current{color:var(--accent);font-weight:650}.steps .current>span{background:var(--accent);border-color:var(--accent);color:white}.steps .completed>span{background:#e7f4ee;border-color:#e7f4ee;color:var(--accent)}.platform-label,label,.field-title{font-size:14px;font-weight:650}.platform-label{margin-bottom:10px}.platform{display:flex;align-items:center;padding:15px;background:#f7faf9;border:1px solid #d3e6de;border-radius:10px;gap:13px;margin-bottom:26px}.platform-symbol{height:42px;width:42px;display:grid;place-items:center;background:#112d28;color:white;border-radius:11px;font-size:12px;letter-spacing:-.3px;font-weight:750}.platform strong{font-size:16px;display:block}.platform span:not(.selected-check){display:block;font-size:12px;color:var(--muted);margin-top:4px}.selected-check{margin-left:auto;background:#dcefe6;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:13px;font-weight:bold}.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.text-button{background:transparent;color:var(--accent);font-size:13px;font-weight:600;padding:4px 0}.text-button:hover{text-decoration:underline}.input-wrap{position:relative}input:not([type=checkbox]){width:100%;border:1px solid #d6e0e0;border-radius:9px;padding:14px 16px;line-height:1.5;color:var(--ink);background:#fff;min-width:0;font-size:15px;transition:border-color .15s}input::placeholder{color:#94a0a5}.input-wrap input{padding-right:44px}.clear-button{position:absolute;right:12px;top:12px;font-size:24px;line-height:1;padding:3px 5px;color:var(--muted);background:none}.field-hint{font-size:12px;margin:9px 0 24px;color:var(--muted)}code{font-family:Consolas,monospace;font-size:12px;color:#4d7470}.field-error{color:var(--danger);font-size:14px;line-height:1.6;margin:8px 0 16px}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--accent);color:white;padding:15px 18px;border-radius:9px;font-size:15px;font-weight:650;min-height:52px;transition:background .15s}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.primary-button span{font-size:20px;line-height:1}.panel-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#778b88;margin-top:27px;line-height:1.6}.lock-icon{font-size:18px}.summary-column{display:grid;gap:20px}.package-card{border:1px solid #cfe3dc;border-radius:18px;background:linear-gradient(118deg,#e8f5f0,#f0faf5);padding:26px 27px 23px;position:relative;overflow:hidden}.package-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#5e7973;gap:10px}.mini-badge{display:inline-block;border-radius:5px;background:#ffffffc2;color:#547970;padding:4px 7px;font-size:11px;font-weight:500;white-space:nowrap}.package-brand{font-size:16px;font-weight:700;margin:32px 0 20px;color:#275a4e}.package-brand span{display:block;font-size:10px;letter-spacing:.18em;margin-top:5px;font-weight:500;color:#65877e}.package-name{font-size:25px;letter-spacing:-.7px;font-weight:650;margin-bottom:10px}.package-card>p{font-size:13px;line-height:1.85;color:#648079;min-height:48px}.package-bottom{display:flex;justify-content:space-between;font-size:12px;padding-top:20px;margin-top:26px;border-top:1px solid #cbdfd6;color:#648079}.package-bottom strong{font-size:12px;font-weight:550;color:#396858}.guide-card{padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:#ffffff9e}.guide-card h2{font-size:16px;font-weight:650}.guide-card ol{list-style:none;margin:23px 0 0;padding:0;display:grid;gap:21px}.guide-card li{display:flex;gap:15px}.guide-card li>span{font-size:12px;font-family:Consolas,monospace;color:#72978c;padding-top:2px}.guide-card strong{font-size:14px;font-weight:600}.guide-card p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.guide-card>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:19px;color:var(--accent);font-size:12px}.help-section{display:grid;grid-template-columns:1fr 1.64fr;gap:36px;border-top:1px solid var(--line);margin-top:56px;padding-top:38px;scroll-margin-top:24px}.help-intro h2{font-size:23px;margin:10px 0}.help-intro p{font-size:13px;color:var(--muted);line-height:1.7}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{margin-top:-14px}.faq-list summary{list-style:none;cursor:pointer;padding:17px 0;font-size:14px;font-weight:550;display:flex;gap:18px;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#82918e;font-size:19px;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);padding:0 25px 18px 0}.site-footer{border-top:1px solid var(--line);max-width:1064px;margin:0 auto;padding:25px 0 32px;display:flex;justify-content:space-between;color:#7c8b8b;font-size:12px;gap:16px}.site-footer a:hover{color:var(--accent)}.validation-note{background:#eaf7ef;color:#28765b;border:1px solid #d7eadf;padding:11px 14px;border-radius:8px;font-size:13px;margin-bottom:23px}.stage-title{font-size:24px;margin-bottom:8px}.stage-description{font-size:14px;color:var(--muted);line-height:1.8}.confirmation-details{margin:23px 0;padding:0}.confirmation-details>div,.lookup-result dl>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.8;padding:11px 0;border-bottom:1px solid #edf1f1}.confirmation-details dt,.lookup-result dt{color:var(--muted);flex-shrink:0}.confirmation-details dd,.lookup-result dd{margin:0;text-align:right;overflow-wrap:anywhere}.demo-explainer{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 15px}.agreement{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.6;margin-bottom:22px;font-size:13px}.agreement input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.secondary-button{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:13px 15px;background:#fff;color:#4c6764;font-size:14px;margin-top:12px}.secondary-button:hover:not(:disabled){background:#f4f8f6}.result-symbol{width:56px;height:56px;background:#e5f5ed;color:#198260;display:grid;place-items:center;border-radius:50%;font-size:29px;margin:0 auto 16px}.result-title{text-align:center;font-size:23px}.centered{text-align:center;margin-top:9px}.order-ticket{display:flex;justify-content:space-between;gap:10px;background:#f5f8f7;border-radius:9px;padding:15px;margin-top:25px}.order-ticket>div{min-width:0}.order-ticket span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.order-ticket strong{font-size:13px;font-family:Consolas,monospace;overflow-wrap:anywhere}.timeline{list-style:none;padding:0;margin:27px 0}.timeline li{display:flex;gap:15px;padding-bottom:25px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li>span{width:12px;height:12px;flex-shrink:0;border:2px solid #d4e0dc;background:white;border-radius:50%;margin-top:3px;z-index:1}.timeline li:not(:last-child):after{content:"";position:absolute;left:5px;top:15px;bottom:-2px;width:1px;background:#dae5e1}.timeline .done>span{background:var(--accent);border-color:var(--accent)}.timeline .active>span{border-color:var(--accent);box-shadow:0 0 0 3px #e2f3eb}.timeline strong{font-size:14px;font-weight:600}.timeline p{font-size:12px;color:var(--muted);margin-top:5px}.lookup-heading{font-size:25px;margin:7px 0 8px}#lookup-form{margin-top:28px}#lookup-form label{display:block;margin-bottom:10px}#lookup-form .primary-button{margin-top:18px}.empty-state{text-align:center;padding:33px 0 8px;color:#8b9c9c}.empty-state>span:first-child{font-size:38px}.empty-state p{font-size:14px;margin:5px 0 8px}.empty-state>span:last-child{font-size:12px;line-height:1.7}.lookup-result{margin-top:25px;background:#f6faf8;border:1px solid #dcebe3;border-radius:10px;padding:18px}.lookup-result-header{display:flex;justify-content:space-between;gap:10px}.lookup-result dl{margin:12px 0}.lookup-result p{font-size:12px;line-height:1.7;color:var(--muted)}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#163b34;color:#fff;padding:12px 20px;border-radius:9px;font-size:14px;box-shadow:0 8px 35px #10332f20;z-index:10;max-width:calc(100vw - 32px);text-align:center}
@media(min-width:1500px){main{padding-top:34px}.page-intro{margin-top:48px}}
@media(max-width:760px){.site-header{height:76px;padding:0 24px}.brand{font-size:21px;gap:8px}.brand-caption{font-size:12px;margin-left:10px;padding-left:10px}.site-header nav{gap:16px;font-size:12px}main{padding:20px 22px 38px}.preview-note{font-size:12px;align-items:flex-start;padding:11px 12px}.page-intro{margin:30px 0 26px}h1{font-size:32px}.page-intro p{font-size:14px}.workspace{grid-template-columns:1fr;gap:20px}.summary-column{grid-template-columns:1fr 1fr;gap:16px}.package-card,.guide-card{padding:20px}.package-brand{margin:25px 0 18px}.package-name{font-size:22px}.guide-card p{font-size:12px}.help-section{grid-template-columns:1fr;gap:26px;margin-top:35px;padding-top:28px}.help-intro p{display:none}.site-footer{margin:0 22px;font-size:11px;flex-wrap:wrap;padding-top:22px}.panel{min-height:460px}.panel-footer{margin-top:25px}.faq-list details:first-child{margin-top:0}}
@media(max-width:480px){.site-header{padding:0 18px}.brand-caption{display:none}.brand img{width:35px;height:33px}main{padding-left:16px;padding-right:16px}h1{font-size:30px}.panel{padding:24px 22px 21px}.tabs{padding:0 22px;gap:28px}.tabs button{font-size:15px;padding-top:19px}.steps{font-size:12px;gap:5px;margin-bottom:29px}.steps li{gap:5px}.steps li>span{width:21px;height:21px;font-size:11px}.summary-column{grid-template-columns:1fr}.package-brand{margin:22px 0 12px}.package-bottom{margin-top:15px;padding-top:17px}.package-card>p{min-height:0}.guide-card{display:none}.site-footer span:nth-child(2){display:none}.confirmation-details>div{font-size:13px}.platform{margin-bottom:24px}.field-title .text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel-card{display:block;border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px;transition:border-color .15s,transform .15s}.channel-card:hover{border-color:var(--accent);transform:translateY(-3px)}.channel-card h2{font-size:25px;margin:24px 0 12px}.channel-card p{font-size:15px;color:var(--muted);line-height:1.9}.channel-card .channel-go{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;color:var(--accent);font-size:15px}.channel-type{font-size:12px;color:var(--accent);letter-spacing:.1em}.route-back{display:inline-block;color:var(--accent);font-size:14px;margin-bottom:18px}.form-section-title{font-size:19px;margin-bottom:22px}.form-field{margin:22px 0}.form-field label{display:block;margin-bottom:10px}.form-field textarea{resize:vertical;min-height:140px;font:13px/1.6 Consolas,monospace;padding:13px 15px;width:100%;border:1px solid var(--line);border-radius:9px;outline-offset:3px;overflow-wrap:anywhere}.account-summary{background:#f3f8f6;border-radius:8px;padding:13px 15px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.field-hint a{color:var(--accent);text-decoration:underline}.service-note{font-size:13px;line-height:1.8;background:#fff7e8;color:#835b19;padding:12px 15px;border-radius:8px;margin:18px 0}.notice-error{background:#fff0ed;color:#a9362b}.live-status{font-size:13px;color:#54716b}.inline-row{display:flex;gap:10px;align-items:stretch}.inline-row input{flex:1;min-width:0}.inline-row button{background:#eaf5ef;color:var(--accent);padding:0 16px;border-radius:8px;font-size:14px;flex-shrink:0}.lookup-box{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.lookup-box h2{font-size:20px;margin-bottom:10px}.lookup-box label{display:block;margin:18px 0 8px}.lookup-box input{font-family:Consolas,monospace;font-size:13px}.result-box{background:#f5f9f7;border:1px solid #d5e6dd;border-radius:12px;padding:22px;margin-top:24px}.result-box h3{margin:0 0 12px;font-size:21px}.result-box p{color:var(--muted);font-size:14px;line-height:1.9}.receipt-box{width:100%;margin-top:15px;font-size:12px!important}.result-box .text-button{margin-top:10px}.mode-badge{display:inline-block;padding:5px 9px;border-radius:6px;background:#e5f3ef;color:var(--accent);font-size:12px}.channel-card.ph .mode-badge{background:#e9effb;color:#4566ac}.form-hint{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0}.submit-note{font-size:12px;text-align:center;color:var(--muted);margin-top:12px}.brand-caption{white-space:nowrap}.api-status{margin-left:auto}.query-actions{display:flex;gap:15px;flex-wrap:wrap}.query-actions button{width:auto}.subtle-divider{height:1px;background:var(--line);margin:26px 0}.status-success{border-color:#95d6b2}.status-warning{border-color:#ead29b;background:#fffaf0}.page-intro{margin-top:34px}.footer-gap{margin-top:40px}.privacy-line{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.help-intro p{display:block}#validation-message{margin:10px 0 0;font-size:13px;line-height:1.8}#validation-message[data-state=error]{color:var(--danger)}#validation-message[data-state=ok]{color:var(--accent)}
@media(max-width:760px){.channel-grid{grid-template-columns:1fr}.channel-card{padding:25px}.channel-card h2{margin-top:18px}.channel-card .channel-go{margin-top:19px;padding-top:18px}.inline-row{gap:7px}.inline-row button{padding:0 11px}.form-field textarea{min-height:160px}.lookup-box{padding:22px}.summary-column{grid-template-columns:1fr}.page-intro{margin-top:26px}}