:root{--bg:#f5f6f2;--ink:#1d2e2a;--muted:#74827c;--lime:#d8f174;--line:#d8e0d7;--cream:#edf0e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1220px,calc(100% - 80px));margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.15}.brand-mark{font-size:38px;letter-spacing:-.15em;font-weight:800;margin-right:5px}.brand-mark span{color:#a8c83c}.nav nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.nav-button{background:var(--ink);color:white;border-radius:40px;padding:15px 22px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;gap:65px;padding-top:64px;padding-bottom:74px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#60746a;display:flex;align-items:center;gap:11px}.dot{width:8px;height:8px;border-radius:50%;background:#a8c83c}.line{width:24px;height:1px;background:#aebeb2}h1,h2,h3,p{margin:0}h1{font-size:clamp(52px,6.2vw,86px);line-height:1.15;letter-spacing:-.06em;font-weight:650;margin-top:40px}h1 em,h2 em{font-style:normal;color:#7a9b43}.lede,.auth-intro p{font-size:16px;line-height:1.9;color:#6f7c75;max-width:370px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{border:0;border-radius:50px;padding:17px 24px;display:inline-flex;justify-content:space-between;gap:45px;align-items:center;font-size:13px;font-weight:700;cursor:pointer}.dark{background:var(--ink);color:white}.button span{font-size:17px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #a0b0a4;padding:12px 0}.text-link span{margin-left:20px}.hero-bottom{margin-top:auto;display:flex;gap:50px;font-size:10px;letter-spacing:.12em;color:#88988e;font-weight:700}.hero-art{position:relative;min-height:450px;background:#e8eddf;border-radius:12px;overflow:hidden;display:grid;place-items:center}.orbit{position:absolute;width:420px;height:420px;border:1px solid #cad7c3;border-radius:50%}.orbit-two{width:570px;height:570px}.art-card{position:relative;width:58%;height:72%;background:#264439;border-radius:4px;padding:26px;color:#e6f4d4;box-shadow:20px 25px 55px #8a9e8538;transform:rotate(-5deg);overflow:hidden}.small-label{font-size:9px;letter-spacing:.15em}.art-sun{width:130px;height:130px;background:var(--lime);border-radius:50%;position:absolute;top:24%;left:25%}.art-lines{position:absolute;right:-15%;top:21%;width:70%;height:48%;border:1px solid #9db881;border-radius:50%;transform:rotate(-35deg)}.art-lines span{position:absolute;inset:12px;border:1px solid #9db881;border-radius:50%}.art-lines span:nth-child(2){inset:25px}.art-lines span:nth-child(3){inset:38px}.art-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.12em;line-height:1.5}.art-caption span:first-child{font-size:24px;font-weight:800;letter-spacing:-.05em}.art-tag{position:absolute;bottom:24px;right:24px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#7e8d80}.plans{background:#e9eee5;padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section-head h2,.support h2{font-size:clamp(38px,4.3vw,59px);line-height:1.22;letter-spacing:-.05em;margin-top:24px}.accent{color:#8bac40}.section-head>p{color:#6f7c75;font-size:14px;max-width:230px;line-height:1.8}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-card{background:#fafbf8;border:1px solid #dfe6dd;border-radius:10px;padding:33px 36px}.plan-card.featured{background:#d9ed9b;border-color:#d9ed9b}.plan-top,.form-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#728178;font-weight:800}.tag{background:#c7df84;padding:7px 10px;border-radius:30px;letter-spacing:0;color:#314833}.plan-card h3{font-size:23px;margin-top:38px}.plan-card p{font-size:13px;color:#7b897e;margin-top:9px}.price{font-size:68px;font-weight:650;letter-spacing:-.06em;margin-top:25px}.price>span{font-size:22px;vertical-align:top;margin-right:6px}.price small{font-size:14px;font-weight:500;letter-spacing:0;color:#728178}.divider{height:1px;background:#d4ddcf;margin:20px 0}.plan-card ul{padding:0;list-style:none;font-size:13px;line-height:2.3}.plan-card li:before{content:"↗";margin-right:12px;color:#789345}.plan-link{display:flex;justify-content:space-between;font-size:13px;font-weight:750;padding-top:20px}.plan-note{font-size:12px;color:#78877b;margin-top:20px}.support{padding:110px 0;display:grid;grid-template-columns:1fr 2fr auto;align-items:center}.support-index{font-size:10px;letter-spacing:.13em;color:#7a8c7f;font-weight:800;align-self:start;margin-top:35px}.support p{color:#718177;font-size:14px;line-height:1.8;margin-top:25px}.round-link{width:72px;height:72px;border:1px solid #a9b9ab;border-radius:50%;display:grid;place-items:center;font-size:26px}.footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;color:#8a9a8e;font-size:10px;letter-spacing:.1em;font-weight:700}.auth-wrap{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;min-height:calc(100vh - 170px);padding:50px 0 90px}.auth-intro h1{font-size:clamp(45px,5vw,68px)}.auth-decoration{font-size:14px;letter-spacing:.2em;margin-top:80px;color:#829384}.auth-decoration span{font-size:55px;color:#a8c83c;margin:0 15px}.form-card,.account-card{background:#fff;border:1px solid #e1e8de;border-radius:12px;padding:38px}.form-card h2,.account-card h2{font-size:27px;margin:24px 0}.form-card label{display:block;font-size:13px;font-weight:700;margin-top:20px}.form-card input,.subscription input{display:block;width:100%;margin-top:9px;border:1px solid #dce5da;border-radius:7px;padding:14px;background:#f9fbf7;outline-color:#91b450}.form-card .button{width:100%;margin-top:28px}.form-switch{font-size:12px;color:#89968b;margin-top:25px}.form-switch a{color:#334d3d;font-weight:750}.error,.notice{padding:12px;border-radius:6px;font-size:13px;line-height:1.5}.error{background:#fff2ee;color:#a44332}.notice{background:#eef6df;color:#4d7130}.account{min-height:calc(100vh - 180px);padding:80px 0}.account h1{font-size:55px;margin-top:26px}.account-card{max-width:650px;margin-top:45px}.account-card p{font-size:14px;line-height:1.7;color:#708076}.subscription{display:flex;gap:10px;margin-top:18px}.subscription input{margin:0;min-width:0}.subscription button{border:0;border-radius:7px;background:var(--ink);color:white;padding:0 20px;white-space:nowrap;cursor:pointer}.text-button{border:0;background:none;color:#627568;padding:24px 0;cursor:pointer}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{height:80px}.nav nav{gap:16px}.nav nav>a:not(.nav-button):not(.login){display:none}.nav-button{padding:12px 16px}.hero{grid-template-columns:1fr;gap:40px;padding-top:42px}.hero h1{font-size:55px}.hero-bottom{margin-top:55px}.hero-art{min-height:365px}.art-card{height:76%;width:59%}.art-sun{width:100px;height:100px}.plans{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:20px}.plan-grid{grid-template-columns:1fr}.support{padding:70px 0;grid-template-columns:1fr auto}.support-index{grid-column:1/-1;margin:0 0 15px}.support h2{font-size:38px}.round-link{width:55px;height:55px}.auth-wrap{grid-template-columns:1fr;gap:35px;padding:45px 0 70px}.auth-intro h1{font-size:47px}.auth-decoration{display:none}.form-card{padding:28px}.account h1{font-size:43px}.subscription{flex-direction:column}.subscription button{padding:14px}}
.qr-grid{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}.qr-grid div{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:13px}.qr-grid img{width:min(280px,100%);height:auto;object-fit:contain;background:white;border:1px solid #e1e8de;border-radius:8px}.account-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.payment-action{margin-top:24px}

.admin-list{display:grid;gap:16px}.admin-row{padding:18px;border:1px solid #dfe6dd;border-radius:8px}.admin-row h3{font-size:16px}.admin-row p{margin:8px 0}.admin-row input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #dce5da;border-radius:7px}.admin-row button{margin-top:8px}.admin-wide{max-width:850px}.admin-tabs{display:flex;gap:25px;margin-top:25px}
.payment-methods{display:grid;gap:12px;margin-top:24px}.payment-method{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border:1px solid #dce5da;border-radius:9px;background:#f9fbf7;font-size:14px}.payment-method>span:first-child{display:flex;align-items:center;gap:14px}.payment-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:white;font-size:16px}.wechat-icon{background:#09b66c}.alipay-icon{background:#1677ee}
.plan-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.plan-option{display:flex;flex-direction:column;gap:12px;padding:20px;border:2px solid #dfe7dc;border-radius:10px;background:#fafcf9;transition:border-color .15s,background .15s}.plan-option:hover,.plan-option:focus-visible{border-color:#7c9d48;outline:none}.plan-option.selected{border-color:#456a37;background:#eef7dd;box-shadow:0 0 0 2px #dcebc8}.plan-option .plan-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:750;color:#2b4033}.plan-option .plan-label b{font-size:11px;color:#4c7330}.plan-option strong{font-size:31px;letter-spacing:-.04em}.plan-option small{font-size:13px;font-weight:500;color:#758679;letter-spacing:0}.plan-option>span:last-child{font-size:12px;color:#738278}.plan-hint{margin-top:18px}.saved-label{display:block;font-size:13px;font-weight:700;margin:12px 0 16px}.saved-label input[readonly]{background:#f1f6ee;color:#405544}.guide-card{max-width:750px}.guide-list{display:grid;gap:4px;margin:24px 0}.guide-list article{display:flex;gap:18px;padding:18px 0;border-top:1px solid #e3eae1}.guide-number{font-size:11px;letter-spacing:.12em;color:#91a28f;font-weight:800;padding-top:4px}.guide-list h3{font-size:15px}.guide-list p{margin-top:8px}.guide-list a{display:inline-block;font-size:13px;font-weight:700;color:#456c38;margin-top:10px}.import-actions{display:flex;flex-wrap:wrap;gap:10px}.import-secondary{border:1px solid #aab9a8;background:#f8fbf6;color:#24392c}.guide-note{margin-top:18px}.guide-card a:focus-visible{outline:2px solid #759a4c;outline-offset:3px}@media(max-width:500px){.plan-picker{grid-template-columns:1fr}.plan-option{gap:8px}.import-actions .button{width:100%}}
.user-management{border-top:1px solid #e1e9de;margin-top:24px;padding-top:20px}.user-management h4{font-size:14px;margin:0 0 14px}.user-management form{margin-top:14px}.user-management label{font-size:13px;font-weight:700}.delete-panel{margin-top:22px;border-top:1px solid #e8eee6;padding-top:18px}.delete-panel summary{cursor:pointer;color:#a2473f;font-size:13px;font-weight:750}.delete-panel p{line-height:1.7}.danger-button{background:#a43b35;color:white}
.orders-card{max-width:850px}.orders-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.orders-heading h2{margin-bottom:20px}.orders-heading>span{font-size:11px;color:#829187}.order-item{border:1px solid #e0e8dd;border-radius:10px;padding:23px;margin-top:14px;background:#fbfcfa}.order-item-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.order-number{font-size:11px;color:#839489;letter-spacing:.06em}.order-item h3{font-size:18px;margin-top:7px}.order-status{display:inline-block;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:750;letter-spacing:0;white-space:nowrap}.status-pending{background:#f8efdf;color:#8a6224}.status-reported{background:#eaf0fa;color:#506b91}.status-confirmed{background:#e8f3df;color:#4f7537}.order-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.order-facts div{display:flex;flex-direction:column;gap:7px;min-width:0}.order-facts span{font-size:11px;color:#89998d}.order-facts strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}.order-item-bottom{border-top:1px solid #e4ebe1;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.order-item-bottom p{font-size:12px}.order-item-bottom a{font-size:12px;font-weight:750;color:#496a3d;white-space:nowrap}.order-detail-facts{grid-template-columns:repeat(3,1fr);margin-top:30px}.order-time-note{font-size:11px!important}.orders-empty{padding:25px 0}.orders-empty strong{font-size:16px}.orders-empty p{margin:10px 0 20px}@media(max-width:640px){.orders-heading{align-items:start;flex-direction:column;gap:0;margin-bottom:15px}.orders-heading h2{margin-bottom:5px}.order-facts{grid-template-columns:repeat(2,1fr)}.order-item{padding:18px}.order-item-bottom{align-items:flex-start;flex-direction:column}.order-detail-facts{grid-template-columns:1fr 1fr}}
.status-cancelled{background:#eef0ee;color:#78877c}.order-actions{display:flex;align-items:center;gap:16px}.order-actions form{margin:0}.cancel-order{padding:8px 13px;border:1px solid #d9e3d8;border-radius:20px;background:#fff;color:#7a5550;font-size:12px;font-weight:700;cursor:pointer}.cancel-order:hover{border-color:#bd8c83;color:#a43b35}
