:root{--yellow:#ffe000;--ink:#211e1b;--paper:#fffdf5;--muted:#676257;--mint:#beedd5;--purple:#dcd0f4}*{box-sizing:border-box}body{margin:0;background:var(--yellow);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.65}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5e378e;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,4vw,44px);line-height:1.4;letter-spacing:-.04em;margin-bottom:10px}h2{font-size:23px;line-height:1.5}p{margin-bottom:18px}.preview-note{background:var(--ink);color:var(--paper);font-size:12px;text-align:center;padding:7px 12px}.preview-note button{color:var(--yellow);text-decoration:underline;margin-left:8px;min-height:30px}#preview-tools{background:#eeeadd;padding:16px;position:relative;z-index:5}#preview-tools label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}#preview-tools button{padding:8px 14px;border:1px solid var(--ink);margin:5px;border-radius:22px}select{max-width:100%;min-height:44px}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 30px;gap:24px}.brand{display:flex;align-items:center;gap:5px;font-size:27px;font-weight:850;letter-spacing:-1px}.brand img{width:48px;height:48px;object-fit:contain}header nav{display:flex;gap:40px;font-size:15px}header nav a{padding:10px 0}.menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none}.menu-toggle span{width:25px;height:1.5px;background:var(--ink)}main{max-width:1150px;padding:35px 28px 90px;margin:auto;min-height:80vh}main:focus{outline:none}.lead{font-size:15px;margin-bottom:34px}.back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-bottom:16px;font-size:14px;font-weight:700}.paper{background:var(--paper);padding:32px;clip-path:polygon(.6% .3%,16% 0,37% .25%,57% 0,78% .25%,99.3% 0,100% 2%,99.8% 33%,100% 64%,99.7% 99.6%,79% 100%,58% 99.75%,38% 100%,17% 99.8%,.2% 100%,0 66%,.2% 36%,0 1%)}.primary{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:white;border-radius:99px;min-height:52px;padding:12px 24px;font-weight:700;text-align:center}.primary .arrow{border-color:currentColor}.arrow{position:relative;display:inline-block;flex:none;border:1px solid currentColor;border-radius:50%;width:25px;height:25px}.arrow:after{content:"";position:absolute;inset:6px 7px;clip-path:polygon(12% 0,100% 50%,12% 100%,0 70%,40% 50%,0 28%);background:currentColor}.text-action{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;min-height:44px;padding:4px 0}.secondary{min-height:44px;padding:8px 18px;border:1px solid var(--ink);border-radius:30px}.hero{text-align:center;padding-top:16px}.welcome{display:inline-block;background:white;padding:8px 25px;clip-path:polygon(1% 2%,99% 0,100% 97%,0 100%);font-weight:700;margin-bottom:28px}.hero h1{font-size:34px}.hero-art{position:relative;max-width:640px;height:370px;margin:10px auto 15px}.mascot-link{display:block;width:65%;position:absolute;left:17.5%;top:8%;animation:bob 5s ease-in-out infinite}.mascot-link img{width:100%;display:block}.satellite{width:22%;position:absolute;bottom:4%;animation:wiggle 6s ease-in-out infinite}.satellite img{width:100%}.satellite.left{left:0;transform:rotate(-5deg)}.satellite.right{right:0;animation-delay:-3s}.hero h2{margin-bottom:10px}.hero .primary{max-width:390px;margin:26px auto 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:58px}.plan{position:relative;min-width:0}.plan .paper{text-align:center;padding:22px 18px}.plan-art{width:100px;height:84px;object-fit:contain;position:absolute;right:14px;top:-70px;z-index:1;animation:bob 6s ease-in-out infinite}.tag{background:var(--mint);display:inline-block;padding:3px 17px;font-weight:800;clip-path:polygon(2% 0,100% 3%,98% 100%,0 98%)}.plan h2{font-size:24px;margin:15px 0 12px}.plan h3{font-size:24px;margin:0}.plan p{font-size:15px;min-height:74px}.plan .muted{font-size:14px;min-height:64px}.price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:22px 0}.price strong{font-size:27px;line-height:1;font-family:Arial,sans-serif}.price span{font-size:14px}.muted{color:var(--muted)}.checkout{max-width:650px;margin:auto}.checkout .paper{padding:26px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 30px}.choice{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #b9b3a8;border-radius:8px;padding:12px 15px;font-size:17px;gap:4px}.choice[aria-pressed=true]{background:var(--yellow);border-color:var(--ink)}.choice strong{font-size:19px}.field{margin:16px 0 21px}.field label{display:block;margin-bottom:6px;font-size:15px}.field input,.search{width:100%;min-height:46px;border:1px solid #b9b3a8;border-radius:7px;padding:10px 12px;background:white;font-size:16px}.field input[aria-invalid=true]{border:2px solid #ad2828}.error{color:#a12720;font-size:14px;margin:6px 0 0;min-height:0}.quantity{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.stepper{display:flex;border:1px solid #b9b3a8;border-radius:7px;align-items:center}.stepper button{width:44px;height:44px;font-size:21px}.stepper output{width:45px;text-align:center;font-weight:700}.agree{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-top:25px}.agree input{margin-top:6px;flex:none;width:18px;height:18px;accent-color:var(--ink)}.agree label{min-height:44px}.inline-link{text-decoration:underline;text-underline-offset:3px}.checkout-total{margin:24px 0 10px;font-size:23px;font-weight:800}.search{max-width:520px;margin:0 0 22px}.order-list{display:grid;gap:22px}.order-card{text-align:center}.status{display:inline-block;padding:3px 17px;background:var(--purple);font-size:14px;font-weight:700;clip-path:polygon(1% 2%,100% 0,99% 98%,0 100%)}.order-card h2{margin:16px 0 6px}.order-card p{margin:4px 0;font-size:14px}.order-card .id{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.order-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.order-actions strong{font-size:22px;font-family:Arial,sans-serif}.help{margin:25px 0 0;font-size:14px}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.detail-main{text-align:center}.detail-main h2{margin:18px 0 8px}.detail-main .amount{font-size:34px;font-weight:800;font-family:Arial,sans-serif;margin:20px 0}.id{overflow-wrap:anywhere}.detail-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.state-art{width:155px;display:block;margin:22px auto;animation:bob 6s ease-in-out infinite}.qr{aspect-ratio:1;width:min(100%,230px);background:#e8e6dd;display:flex;flex-direction:column;justify-content:center;margin:18px auto;border-radius:8px;padding:12px;text-align:center}.qr strong{font-size:19px}.qr span{font-size:13px;color:var(--muted)}.payment-card{text-align:center}.payment-card .text-action{margin:10px auto}.voucher{background:#e8e6dd;padding:18px;margin:16px 0;overflow-wrap:anywhere;font-family:monospace}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faq-grid details{border-top:1px solid #cfc8bc}.faq-grid summary{cursor:pointer;list-style:none;padding:20px 32px 20px 0;min-height:52px;position:relative;font-weight:700;font-size:15px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";position:absolute;right:4px;top:19px;font-weight:400}.faq-grid details[open] summary:after{content:"−"}.faq-grid details p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 22px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.contact-grid dl{margin:0}.contact-grid dt{font-weight:700;margin:22px 0 5px}.contact-grid dd{margin:0;color:var(--muted)}.contact-art{width:160px;display:block;margin:10px auto 25px}.center{text-align:center}.narrow{max-width:720px;margin:auto}.empty{text-align:center;padding:35px 25px}.empty img{width:140px;display:block;margin:10px auto 24px}.empty .primary{max-width:300px;margin:auto}.steps{padding-left:23px}.steps li{padding-left:7px;margin-bottom:24px}.steps p{color:var(--muted);font-size:15px;margin:5px 0}.link-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:15px}dialog{background:var(--paper);border:0;padding:25px;color:var(--ink);max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#211e1b88}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-head h2{margin:0}.close{width:44px;height:44px;font-size:30px}.dialog-head+div{margin-top:18px}#menu nav{display:grid;margin-top:20px}#menu nav a{border-bottom:1px solid #d7d0c3;min-height:54px;display:flex;align-items:center;font-weight:700}#menu nav a:after{content:"↗";margin-left:auto;font-size:20px}.menu-mascot{width:110px;display:block;margin:25px auto 0}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:12px 22px;max-width:calc(100vw - 32px);width:max-content;z-index:20;pointer-events:none;opacity:0;font-size:14px}#toast.visible{opacity:1}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr);row-gap:90px}header nav{display:none}}@media(max-width:600px){header{padding:16px;gap:12px}.brand{font-size:24px}.brand img{width:38px;height:38px}main{padding:25px 18px 50px}h1{font-size:26px}.lead{font-size:14px;margin-bottom:28px}.paper{padding:22px 18px}.hero{padding-top:12px}.hero h1{font-size:27px}.welcome{font-size:17px;margin-bottom:26px;padding:6px 16px}.hero-art{height:300px;margin:5px auto 20px}.mascot-link{width:80%;left:10%;top:6%}.satellite{width:27%;bottom:0}.hero h2{font-size:20px}.hero p{font-size:15px}.hero .primary{margin-top:26px}.cards{grid-template-columns:1fr;gap:65px;padding-top:50px}.plan .paper{padding:22px 25px}.plan-art{height:65px;top:-51px;width:90px;right:12px}.plan .tag{font-size:20px}.plan p{min-height:0;margin-bottom:17px}.plan h2{margin:17px 0}.plan .muted{min-height:0;font-size:14px}.plan .primary{max-width:270px;margin:auto}.checkout .paper{padding:22px 18px}.checkout h2{font-size:18px}.choices{gap:10px}.choice{font-size:16px;padding:10px 12px}.detail-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.detail-main .amount{font-size:30px}.detail-buttons>*{width:100%}.order-actions .text-action{font-size:14px}.faq-grid{gap:22px}.faq-grid h2{font-size:20px}.faq-grid summary{font-size:15px}.contact-grid .paper:last-child{text-align:center}.preview-note{font-size:11px;padding:3px 8px}.preview-note button{margin-left:4px;font-size:11px}.help{font-size:14px}.agree{font-size:14px}.order-card h2{font-size:20px}.back{margin-bottom:12px}.state-art{width:135px}}

.payment-qr{display:block;width:min(100%,240px);height:auto;margin:20px auto}button:disabled{cursor:not-allowed;opacity:.5}.order-list{margin-top:20px}#checkout-error:empty{display:none}

.support-qr{display:block;width:min(100%,320px);height:auto;margin:24px auto;background:white}.invoice-totals{display:flex;gap:24px;flex-wrap:wrap;margin:22px 0}.invoice-totals strong{font-size:24px}.invoice-notice{padding:16px;background:#eee8d9;border-radius:8px}#invoice-form{margin-top:24px}#invoice-form>.primary{margin:24px 0}.invoice-payment{border-top:1px solid #ccc5b6;margin-top:28px;padding-top:22px;text-align:center}#invoice-refresh{margin-top:24px}

/* Reference inspired masthead: bold Chinese type, generous spacing and a clear hover gesture. */
:root{--nav-ink:#211e1b;--nav-yellow:#ffe000}
body{font-family:Arial,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:.005em}
header{position:relative;z-index:10;max-width:1440px;min-height:96px;padding:20px 34px;gap:34px}
.brand{gap:9px;font-size:34px;line-height:1;font-weight:900;letter-spacing:-1.8px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.brand img{width:52px;height:52px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.brand:hover{transform:translateY(-2px)}
.brand:hover img{transform:rotate(-8deg) scale(1.08)}
header nav{display:flex;flex:1;align-items:center;justify-content:flex-start;gap:clamp(24px,3.1vw,52px);margin-left:22px;font-size:17px;font-weight:750;letter-spacing:.02em}
header nav a:nth-child(5){margin-left:auto}
header nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:8px 1px;white-space:nowrap;transition:transform .28s cubic-bezier(.2,.8,.2,1),color .28s ease}
header nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;border-radius:4px;background:var(--nav-ink);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
header nav a:hover,header nav a:focus-visible,header nav a[aria-current="page"]{transform:translateY(-3px)}
header nav a:hover::after,header nav a:focus-visible::after,header nav a[aria-current="page"]::after{transform:scaleX(1)}
.menu-toggle{width:52px;height:52px;border:1px solid transparent;border-radius:50%;gap:6px;transition:background .3s ease,transform .3s ease,border-color .3s ease}
.menu-toggle span{width:26px;height:2px;transition:transform .3s ease,background .3s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--nav-ink);border-color:var(--nav-ink);transform:rotate(-6deg)}
.menu-toggle:hover span,.menu-toggle:focus-visible span{background:var(--nav-yellow)}
@media(max-width:900px){header{min-height:78px;padding:15px 22px}.brand{font-size:29px}.brand img{width:45px;height:45px}header nav{display:none}.menu-toggle{margin-left:auto}}
@media(max-width:600px){header{padding:13px 16px}.brand{font-size:25px;letter-spacing:-1px}.brand img{width:39px;height:39px}.menu-toggle{width:46px;height:46px}}