@charset "UTF-8";
:root{--ink:#183d34;--muted:#7e8780;--green:#1a5542;--light:#eaf1e8;--paper:#f7f7f1;--line:#e8eae3;--orange:#dc8c53;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #91bca3;outline-offset:4px}[hidden]{display:none!important}.mode-banner{background:#fff0d8;text-align:center;font-size:12px;font-weight:600;padding:9px 16px;color:#815925;letter-spacing:.5px}.site-header{max-width:1120px;margin:0 auto;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--ink);color:#dbeab9;font-size:29px;font-weight:400;line-height:1}.service-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:#6f7f73}.service-badge i{width:6px;height:6px;background:#93ad82;border-radius:50%}main{max-width:1120px;margin:16px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 478px;gap:32px 80px;align-items:start}.introduction{padding:34px 0 0;position:relative}.eyebrow{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#748475}.eyebrow>span{height:1px;width:24px;background:#90a487}h1{margin:25px 0 24px;font-size:60px;line-height:1.25;letter-spacing:-2px;font-weight:750}h1>span{color:#7f9870}.intro-copy{font-size:15px;color:#778275;line-height:1.9;margin:0}.intro-graphic{height:250px;position:relative;margin:20px 0 15px;max-width:380px}.orbit{position:absolute;border:1px solid #dfe5d6;border-radius:50%;width:250px;height:250px;left:55px;top:0}.orbit-two{width:180px;height:180px;left:90px;top:35px}.signal-card{position:absolute;top:28px;left:91px;width:178px;height:196px;padding:21px;background:#e8eecf;border:1px solid #d9e3bc;border-radius:23px;transform:rotate(-9deg);box-shadow:16px 18px 30px -20px #9aa48a}.signal-label{font-size:11px;color:#657658;letter-spacing:2px}.signal-bars{display:flex;align-items:flex-end;height:94px;gap:9px;padding-bottom:11px}.signal-bars b{background:#416340;width:22px;border-radius:5px}.signal-bars b:nth-child(1){height:25px}.signal-bars b:nth-child(2){height:40px}.signal-bars b:nth-child(3){height:57px}.signal-bars b:nth-child(4){height:75px}.signal-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-top:1px solid #c9d6b1;padding-top:12px}.signal-bottom span{font-size:23px}.floating-label{position:absolute;right:0;bottom:44px;transform:rotate(7deg);padding:11px 17px;border-radius:9px;background:#edddc7;border:1px solid #e1cfb4;color:#9c704c;font-size:12px;box-shadow:0 7px 16px -13px #916d4d}.benefit-row{display:flex;gap:23px;font-size:11px;color:#798574;letter-spacing:1px}.benefit-row span:before{content:'✓';margin-right:5px;color:#78906b}.recharge-card,.result-card{background:#fff;border-radius:25px;padding:31px 30px 24px;border:1px solid #e4e8de;box-shadow:0 20px 55px -38px #7c8b72;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.section-kicker{display:block;font-size:9px;letter-spacing:2px;color:#90a18b;font-weight:650}h2{font-size:22px;font-weight:700;letter-spacing:.2px;margin:9px 0 0}.card-symbol{font-size:29px;color:#879e73;font-weight:300}.field-label{display:block;font-size:13px;font-weight:650;margin:0 0 11px}.phone-field{display:flex;align-items:center;background:#f6f8f3;border:1px solid #e3e8de;border-radius:11px;height:58px;padding:0 15px}.phone-field:focus-within{border-color:#769b7b;box-shadow:0 0 0 3px #edf2e8}.country-code{font-size:14px;color:#869382;border-right:1px solid #dce3d6;padding-right:13px;margin-right:13px}#mobile{width:100%;min-width:0;font-size:20px;font-weight:600;letter-spacing:1px;border:0;background:transparent;outline:none;color:#244637}#mobile::placeholder{font-size:15px;letter-spacing:0;font-weight:400;color:#a2aa9d}.clear-phone{border:0;background:#e8ece4;color:#7d8974;border-radius:50%;width:23px;height:23px;font-size:19px;line-height:20px;padding:0;flex-shrink:0}.field-hint{font-size:10px;color:#92998d;line-height:1.6;margin:8px 0 0}fieldset{padding:0;border:0;margin:24px 0 0;min-width:0}.operator-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.operator{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;gap:4px;height:44px;font-size:11px;color:#798374;cursor:pointer}.operator input,.amount-option input{position:absolute;opacity:0;width:1px;height:1px}.operator:has(input:focus-visible),.amount-option:has(input:focus-visible){outline:3px solid #91bca3;outline-offset:3px}.operator:has(input:checked){border-color:#8da183;background:#f3f7ef;color:#214d3b}.operator-mark{font-weight:800;font-size:14px;font-style:italic}.mobile-mark{color:#4592c2}.unicom-mark{color:#d55b5b;font-size:19px}.telecom-mark{color:#5f8dc8;font-size:22px}.radio-dot{display:none}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.amount-option{height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;position:relative;cursor:pointer;overflow:hidden}.amount-value{font-size:29px;font-weight:650;letter-spacing:-1px;color:#445e4d}.amount-value small{font-size:11px;font-weight:450;margin-left:4px;letter-spacing:0}.amount-caption{font-size:9px;color:#a0a796;margin-top:5px}.amount-option:has(input:checked){border:1.5px solid #557955;background:#f0f5e8}.amount-option:has(input:checked) .amount-value{color:#365637}.amount-option:has(input:checked) .amount-caption{color:#7c906b}.amount-option:has(input:disabled){opacity:.35;cursor:not-allowed}.selection-check{display:none;position:absolute;right:0;bottom:0;background:#5b7952;color:#fff;width:18px;height:17px;text-align:center;font-size:11px;border-top-left-radius:8px}.amount-option:has(input:checked) .selection-check{display:block}.checkout-summary{display:flex;align-items:center;justify-content:space-between;margin:27px 0 17px;padding-top:21px;border-top:1px dashed #e6e9e0}.checkout-summary>div{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:10px;color:#8c9787}.summary-price{color:#254a37;display:flex;align-items:baseline;gap:2px;letter-spacing:-1px}.summary-price strong{font-size:34px;line-height:1.2;font-weight:700}.summary-price small{font-size:16px;font-weight:600}.payment-method{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b8874}.payment-method i{font-size:10px;font-style:normal;background:#76a76c;color:#fff;border-radius:5px;padding:3px;line-height:1}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:11px;min-height:52px;padding:13px 18px;font-weight:600;font-size:14px}.primary-button{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 6px 14px -10px #1a5542}.primary-button:hover:not(:disabled){background:#24674f}.primary-button>span:last-child{margin-left:auto;font-size:22px;font-weight:400}.primary-button #submit-label{margin-left:auto;font-size:14px;font-weight:600}.secondary-button{background:#fff;border:1px solid #dbe3d6;color:#446047}.secondary-button:hover{background:#f6f8f2}.payment-note{font-size:9px;line-height:1.8;text-align:center;color:#9ba292;margin:12px 0 0}.notice{font-size:11px;line-height:1.8;background:#f5f5ec;border:1px solid #e6e7d6;border-radius:9px;padding:10px 12px;color:#85815f;margin-bottom:18px}.form-error{font-size:12px;background:#fff5ef;border:1px solid #efdbcc;border-radius:9px;color:#b16a44;line-height:1.8;padding:10px 12px;margin:15px 0}.help-section{grid-column:1/-1;border-top:1px solid #e5e8de;margin-top:14px;padding-top:28px}.help-heading{display:flex;gap:8px;align-items:center}.help-heading h2{font-size:13px;font-weight:600;margin:0}.small-circle{width:16px;height:16px;display:grid;place-items:center;border:1px solid #a4b09b;font-size:10px;border-radius:50%;color:#84967c}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:18px}.help-grid details{font-size:11px;color:#788570;line-height:1.9}.help-grid summary{cursor:pointer;font-weight:500;list-style:none;padding:5px 0}.help-grid summary:after{content:'+';float:right;color:#91a086}.help-grid details[open] summary:after{content:'−'}.help-grid p{font-size:10px;color:#919a89;margin:8px 0}footer{max-width:1120px;padding:28px 24px 32px;display:flex;gap:20px;justify-content:space-between;margin:auto;color:#9ba490;font-size:9px;letter-spacing:.4px}footer a{text-decoration:underline;text-underline-offset:4px}.result-card{padding-top:31px;text-align:center}.result-card .section-kicker{text-align:left}.result-icon{width:70px;height:70px;border-radius:23px;display:grid;place-items:center;background:#edf3e5;color:#668458;font-size:36px;margin:27px auto 19px}.result-icon.success{background:#e5f1e5;color:#438056}.result-icon.attention{background:#f8eadc;color:#b98453}.result-card h2{font-size:24px}.result-description{color:#8a9583;font-size:12px;line-height:1.9;margin:12px 0 24px;min-height:45px}.progress-steps{display:flex;align-items:center;justify-content:space-between;margin:20px 0 27px;color:#a1ac99;font-size:9px}.progress-steps span{display:flex;align-items:center;gap:5px;white-space:nowrap}.progress-steps i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d5dfcd;border-radius:50%;font-style:normal}.progress-steps b{height:1px;width:20px;background:#e3e8dc}.progress-steps .done{color:#57754b}.progress-steps .done i{background:#68885d;border-color:#68885d;color:#fff}.order-details{background:#f7f9f3;border:1px solid #e9ede2;padding:17px 15px;border-radius:12px;margin:0 0 21px}.order-details>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.8;padding:7px 0}.order-details dt{color:#8c9982;white-space:nowrap}.order-details dd{margin:0;text-align:right;color:#4a6541}.order-number{font-size:9px;overflow-wrap:anywhere}.result-card .secondary-button{margin-top:12px}.text-button{background:none;border:0;color:#6e8360;font-size:12px;margin:19px auto 5px;padding:8px}.expiry-text{font-size:10px;color:#a09377;margin-bottom:17px}dialog{border:1px solid #e1e7d9;border-radius:23px;max-width:390px;width:calc(100% - 40px);padding:27px;text-align:center;color:var(--ink);box-shadow:0 24px 80px #183d3429}dialog::backdrop{background:#173c3466;backdrop-filter:blur(4px)}dialog h2{font-size:19px}.dialog-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;background:#ecf2e5;border-radius:14px;color:#70935c;font-size:23px}.confirm-phone{font-size:27px;font-weight:650;letter-spacing:1px;margin:24px 0 7px}.confirm-detail{font-size:13px;color:#728466}.dialog-note{font-size:11px;color:#919d87;line-height:1.8;margin:23px 0}.dialog-actions{display:flex;gap:9px}.dialog-actions button{font-size:12px;min-height:46px;padding:10px}.no-script{position:fixed;inset:0;background:var(--paper);display:grid;place-items:center;padding:30px;text-align:center}
@media(min-width:900px){.result-card{grid-column:2}.introduction:has(+.recharge-card[hidden]){grid-row:1}.result-card{grid-row:1}}
@media(max-width:899px){.site-header{height:77px;padding:0 24px;max-width:530px}.brand{font-size:17px;gap:9px}.brand-icon{width:30px;height:30px;border-radius:9px;font-size:24px}.service-badge{font-size:10px;gap:5px}main{grid-template-columns:1fr;gap:24px;max-width:530px;padding:0 20px;margin-top:0}.introduction{padding:12px 8px 3px;min-height:150px}.eyebrow{font-size:10px;letter-spacing:.5px;gap:6px}.eyebrow>span{width:17px}h1{font-size:37px;line-height:1.25;letter-spacing:-.8px;margin:15px 0 12px}h1 br{display:block}.intro-copy{font-size:11px;line-height:1.8;max-width:235px}.intro-graphic{position:absolute;right:0;bottom:0;transform:scale(.41);transform-origin:right bottom;width:300px;height:250px;margin:0;z-index:-1}.floating-label{display:none}.orbit{border-color:#e1e6d6}.benefit-row{gap:17px;font-size:9px;letter-spacing:0;margin-top:15px}.recharge-card,.result-card{padding:26px 23px 22px;border-radius:21px}.card-heading{margin-bottom:23px}h2{font-size:20px}.section-kicker{font-size:8px;letter-spacing:1.7px}.card-symbol{font-size:26px}.field-label{font-size:12px}.phone-field{height:55px}#mobile{font-size:19px}#mobile::placeholder{font-size:13px}.operator{font-size:10px;gap:4px;height:43px}.operator-options{gap:7px}.amount-options{gap:9px}.amount-option{height:89px}.amount-value{font-size:28px}.amount-caption{font-size:9px}fieldset{margin-top:23px}.checkout-summary{margin-top:25px}.summary-price strong{font-size:33px}.primary-button{min-height:51px}.help-section{margin-top:3px;padding:23px 7px 0}.help-grid{grid-template-columns:1fr;gap:9px;margin-top:13px}.help-grid summary{padding:8px 0;font-size:11px}.help-grid details{border-bottom:1px solid #e6e9df;padding-bottom:4px}.help-grid p{font-size:10px;margin-bottom:11px}footer{max-width:530px;padding:27px 27px 30px;flex-wrap:wrap;gap:11px;font-size:9px}footer>span:last-child{margin-left:auto}.result-card{margin-top:5px}.result-card~.help-section{margin-top:0}body:has(#result-panel:not([hidden])) .introduction{display:none}body:has(#result-panel:not([hidden])) main{padding-top:12px}}
@media(max-width:360px){.site-header{padding:0 17px}main{padding:0 12px}.recharge-card,.result-card{padding:24px 19px}.operator{font-size:9px}.operator-mark{font-size:12px}h1{font-size:33px}.intro-copy{max-width:205px}.amount-caption{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.primary-button,.operator,.amount-option{transition:background .18s,border-color .18s,transform .18s}.primary-button:active:not(:disabled){transform:translateY(1px)}}