:root{color-scheme:dark;--bg:#0c1118;--card:#151d27;--card-soft:#111923;--line:#2a3644;--text:#f1f5f9;--muted:#a5b1bf;--accent:#e8b84b;--green:#53d59a;--blue:#73b9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,#273047 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.shell{width:min(840px,calc(100% - 28px));margin:28px auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 16px}h1{margin:0;font-size:30px;line-height:1.25;letter-spacing:-.4px}.badge{flex:none;padding:3px 9px;border:1px solid #e8b84b55;border-radius:99px;color:#f2cf7d;background:#e8b84b10;font-size:11px;font-weight:650}.contact-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid #e8b84b40;border-radius:11px;background:#e8b84b0c}.contact-bar div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contact-bar span{color:var(--muted);font-size:12px}.contact-bar strong{color:#f2d58d;font-size:15px;letter-spacing:.3px}.copy-button{padding:4px 10px;border:1px solid #6b5a32;border-radius:6px;background:#332b1b;color:#f4dfa7;cursor:pointer;font-size:12px}.copy-button:hover{background:#493b1d}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px;box-shadow:0 8px 24px #0002}.step-card{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;scroll-margin-top:16px}.step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#211809;font-size:18px;font-weight:800}.trial-hero{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;overflow:hidden;border:1px solid #ffd16680;border-radius:14px;background:radial-gradient(circle at 88% 18%,#ffe49b33 0 2px,transparent 3px),radial-gradient(circle at 78% 72%,#ffffff2b 0 2px,transparent 3px),radial-gradient(circle at 95% 65%,#ffd16655 0 1px,transparent 2px),linear-gradient(120deg,#8e1c24,#c73a2a 58%,#e56a2e);box-shadow:0 10px 30px #8e1c2433}.trial-hero::before{content:'✦';position:absolute;top:7px;right:72px;color:#ffd166;font-size:20px;opacity:.85;animation:trial-twinkle 2.8s ease-in-out infinite}.trial-hero::after{content:'✦  ✧  ✦';position:absolute;right:18px;bottom:7px;color:#ffe08a;font-size:12px;opacity:.75}.trial-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:#ffd166;color:#8e1c24;font-size:20px;font-weight:800;box-shadow:0 5px 16px #5c101033}.trial-kicker{color:#ffe5a3;font-size:11px;font-weight:700;letter-spacing:1px}.trial-hero h2{margin:3px 0;padding-right:70px;color:#fff2c4;font-size:clamp(16px,2.3vw,20px);line-height:1.35;text-shadow:0 2px 4px #6a0d0d66}.trial-hero p{margin:0;color:#ffe6c0;font-size:12px}.trial-ribbon{position:absolute;top:12px;right:14px;padding:3px 8px;border-radius:99px;background:#ffd166;color:#8e1c24;font-size:10px;font-weight:800;box-shadow:0 3px 10px #5c101022}@keyframes trial-twinkle{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.trial-hero::before{animation:none}}.step-content h2,.usage-card h2{margin:0 0 7px;font-size:17px;line-height:1.4}.step-content p{margin:0 0 10px;color:var(--muted)}.step-content p:last-child{margin-bottom:0}.button{display:inline-block;padding:8px 15px;border-radius:8px;border:1px solid var(--line);color:var(--text);background:#243040;text-decoration:none;font-weight:650;line-height:1.35}.button:hover{filter:brightness(1.1)}.button.primary{background:var(--accent);border-color:var(--accent);color:#1c1508}.button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#install-note{margin-top:8px!important;font-size:11px!important}.example{display:flex;align-items:center;gap:10px;margin:10px 0;padding:8px 11px;border-radius:8px;background:var(--card-soft);border-left:2px solid var(--accent)}.example span{color:var(--muted);font-size:11px}.example strong{color:#f4d98f;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace}.plans{display:flex;gap:8px;flex-wrap:wrap}.plans div{display:flex;gap:10px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#111923}.plans span{color:#f0d491}.payment-section{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.payment-methods{display:flex;gap:8px;margin:7px 0 10px}.payment-method{flex:1;min-width:76px;min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:#1d2936;color:var(--muted);cursor:pointer;font-size:14px;font-weight:650;letter-spacing:.5px;box-shadow:0 3px 8px #0002}.payment-method:hover{border-color:#62768b;color:var(--text)}.payment-method.active{border-color:var(--accent);background:#e8b84b14;color:#f0d491}.payment-method[data-payment-method="wechat"].active{border-color:#38c878;background:#38c87812;color:#9be7b8}.payment-qr[hidden]{display:none!important}.payment-info h3{margin:0 0 6px;font-size:15px}.payment-info p{margin:0 0 6px;color:var(--muted);font-size:12px}.payment-info p:last-child{margin-bottom:0}.payment-note{color:#8fa8bd!important;font-size:11px!important}.payment-qr{display:block;width:100%;max-width:150px;justify-self:end;padding:4px;border-radius:9px;background:#fff;box-shadow:0 4px 14px #0003}.payment-qr img{display:block;width:100%;height:auto;border-radius:6px}.demo-carousel{margin-bottom:14px}.demo-viewport{display:flex;overflow-x:auto;overflow-y:hidden;border-radius:14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-viewport::-webkit-scrollbar{display:none}.demo-viewport .demo-card{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.demo-card{padding:12px}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 9px}.demo-head h2{margin:0;font-size:17px}.demo-head span{color:var(--muted);font-size:11px}.demo-card img,.demo-card video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#0b1017}.demo-card p{margin:8px 2px 2px;color:var(--muted);font-size:11px}.demo-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.demo-arrow{display:grid;place-items:center;width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;font-size:18px;line-height:1}.demo-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.demo-arrow:disabled{opacity:.35;cursor:default}.demo-dots{display:flex;align-items:center;gap:7px}.demo-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#526072;cursor:pointer;transition:width .2s,background .2s}.demo-dot[aria-current=true]{width:20px;background:var(--accent)}.demo-swipe-hint{margin:5px 0 0;text-align:center;color:var(--muted);font-size:11px}.install-card{scroll-margin-top:16px}.install-summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;user-select:none}.install-summary::-webkit-details-marker{display:none}.install-summary::marker{content:''}.install-summary-text{display:flex;flex:1;flex-direction:column;min-width:0}.install-summary-text strong{font-size:18px;line-height:1.4}.install-summary-text span{color:var(--muted);font-size:12px}.install-summary-arrow{color:var(--accent);font-size:22px;line-height:1;transition:transform .2s}.install-card[open] .install-summary-arrow{transform:rotate(180deg)}.install-content{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.guide-intro strong{font-size:15px}.guide-intro span{color:var(--accent);font-size:11px;white-space:nowrap}.install-guide-steps{list-style:none;margin:0;padding:0}.guide-step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 0;border-top:1px dashed var(--line)}.guide-step:first-child{border-top:0}.guide-step-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#2b3746;color:var(--accent);font-size:13px;font-weight:750}.guide-step-body{min-width:0}.guide-step-body h3{margin:1px 0 5px;font-size:15px;line-height:1.45}.guide-step-body p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.7}.guide-step-body code{padding:1px 4px;border:1px solid var(--line);border-radius:4px;background:#0b1119;color:#f2cf7d;word-break:break-all}#guide-step-3 code{display:inline-block;word-break:normal}.guide-shot{display:block;width:100%;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#0b1017;cursor:zoom-in}.guide-shot+.guide-shot{margin-top:8px}.guide-shot:hover{border-color:var(--accent)}.guide-shot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-shot img{display:block;width:100%;height:auto}.guide-modal[hidden]{display:none!important}.guide-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:18px}.guide-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(4px)}.guide-dialog{position:relative;width:min(1200px,96vw);max-height:92vh;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 24px 80px #000a}.guide-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px}.guide-modal-head strong{font-size:15px}#guide-modal-close{flex:none;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card-soft);color:var(--text);cursor:pointer;font-size:24px;line-height:1}#guide-modal-image{display:block;width:100%;height:auto;border-radius:8px;background:#0b1017}@media(max-width:560px){.guide-intro{align-items:flex-start;flex-direction:column;gap:3px}.guide-step{grid-template-columns:24px 1fr;gap:8px}.guide-step-number{width:23px;height:23px;font-size:12px}.guide-step-body h3{font-size:14px}.guide-step-body p{font-size:12px}.guide-modal{padding:8px}.guide-dialog{width:98vw;padding:8px}}.usage-card h2{margin-bottom:12px}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.usage-grid article{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card-soft)}.usage-grid h3{margin:7px 0 5px;font-size:14px;line-height:1.4}.usage-grid p{margin:0;color:var(--muted);font-size:12px}.usage-tag{display:inline-block;padding:1px 6px;border-radius:5px;background:#53d59a18;color:#91e7bd;font-size:11px}.usage-tag.gold{background:#e8b84b18;color:#efcf80}.usage-tag.blue{background:#73b9ff18;color:#a4cefa}.payment-qr{cursor:pointer;border:0;font:inherit}.payment-modal[hidden]{display:none!important}.payment-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.payment-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(3px)}.payment-dialog{position:relative;width:min(380px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 24px 70px #0008}.payment-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.payment-modal-head strong{font-size:16px}#payment-modal-close{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:#253040;color:var(--text);font-size:22px;line-height:1;cursor:pointer}#payment-modal-close:hover{background:#354255}.payment-dialog img{display:block;width:100%;height:auto;border-radius:8px;background:#fff}.payment-dialog p{margin:9px 0 0;text-align:center;color:var(--muted);font-size:12px}.more-section{padding-top:4px;padding-bottom:4px}.more-section details{border-top:1px solid var(--line)}.more-section details:first-child{border-top:0}.more-section summary{padding:12px 2px;cursor:pointer;font-size:15px;font-weight:650}.answer-list,.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 2px 12px}.answer-list div,.faq-list div{padding:8px 0}.answer-list p,.faq-list p{margin:3px 0 0;color:var(--muted);font-size:12px}code{padding:2px 4px;border-radius:4px;background:#0a111a;color:#b9d7ff;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 2px 20px;color:var(--muted);font-size:11px}footer a{color:#c8d4e2;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:720px){.shell{margin:18px auto}.hero{padding-bottom:13px}h1{font-size:25px}.badge{font-size:10px}.card{padding:15px}.step-card{grid-template-columns:30px 1fr;gap:11px}.step-number{width:30px;height:30px;border-radius:8px;font-size:16px}.step-content h2,.usage-card h2{font-size:16px}.usage-grid{grid-template-columns:1fr}.answer-list,.faq-list{grid-template-columns:1fr}.payment-section{grid-template-columns:1fr 125px;gap:12px}.payment-qr{max-width:125px}.contact-bar strong{font-size:14px}}@media(max-width:480px){.hero{align-items:flex-start;flex-direction:column;gap:7px}.badge{order:-1}.payment-section{grid-template-columns:1fr 112px}.payment-qr{max-width:112px}.plans div{padding:6px 9px}footer{flex-direction:column;align-items:flex-start}}
