:root,html[data-theme=studio]{--bg: #1d2129;--glowA: rgba(139, 124, 255, .1);--glowB: rgba(79, 209, 197, .06);--card: #232834;--pane: #1f242e;--pane2: #262c38;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .16);--ink1: #eaedf3;--ink2: #adb4c0;--ink3: #7c8492;--ink4: #5a6270;--hi: rgba(255, 255, 255, .16);--grad: linear-gradient(135deg, #8b7cff, #c16df2 52%, #f2699e);--pri-glow: 0 4px 16px rgba(139, 124, 255, .3);--ok: #4fd1c5;--ok-soft: rgba(79, 209, 197, .12);--ok-line: rgba(79, 209, 197, .35);--track: #333a47;--sel: rgba(139, 124, 255, .28);--noise: .04;--sh1: 0 1px 2px rgba(0, 0, 0, .28), 0 2px 8px rgba(0, 0, 0, .2);--sh2: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .28);--ring: 0 0 0 3px rgba(139, 124, 255, .22);--font: "Inter", "HarmonyOS Sans SC", "PingFang SC", "MiSans", system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--left-w: 352px;--ink: var(--ink1);--muted: var(--ink3);--accent: #8b7cff}html[data-theme=paper]{--bg: #f4f1ea;--glowA: rgba(139, 124, 255, .07);--glowB: rgba(196, 144, 60, .06);--card: #fff;--pane: #fbfaf6;--pane2: #f4f1e8;--line: #e7e2d6;--line2: #d8d2c2;--ink1: #23272b;--ink2: #5a6169;--ink3: #8e949b;--ink4: #b4aea0;--hi: #fff;--pri-glow: 0 4px 14px rgba(139, 124, 255, .25);--ok: #0b7a6b;--ok-soft: #e3f1ee;--ok-line: #bfded7;--track: #e4dfd1;--sel: rgba(139, 124, 255, .18);--noise: .05;--sh1: 0 1px 2px rgba(35, 31, 20, .05), 0 2px 6px rgba(35, 31, 20, .04);--sh2: 0 1px 2px rgba(35, 31, 20, .06), 0 8px 24px rgba(35, 31, 20, .08);--ring: 0 0 0 3px rgba(139, 124, 255, .18)}*{box-sizing:border-box}::selection{background:var(--sel)}[hidden]{display:none!important}html{scrollbar-gutter:stable;overflow-y:scroll}html,body{margin:0;min-height:100%;color:var(--ink1);font:14px/1.6 var(--font);background:var(--bg)}html[data-view=studio]{height:100%}html[data-view=studio] body{height:100%;overflow:hidden}html[data-view=landing],html[data-view=landing] body{height:auto;overflow-x:hidden}html[data-view=studio] body{background:var(--bg);background-image:none}html[data-view=landing] body{background:#f6f4ef;background-image:none}html[data-view=landing] body:before{display:none}html[data-view=landing] #studio,html[data-view=landing] .atmosphere,html[data-view=studio] #landing{display:none!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--noise);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px}::-webkit-scrollbar-track{background:transparent}button,select,input,textarea{font-family:inherit}.atmosphere{display:none}.app-shell{display:flex;flex-direction:column;height:100vh;margin:0;padding:78px 26px 16px;gap:10px}.topbar{display:flex;align-items:center;gap:22px;flex-shrink:0}.brand-home{display:flex;align-items:center;gap:10px;padding:0;border:none;background:none;color:inherit;cursor:pointer;flex:none}.brand-home:hover .brand{color:var(--accent)}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:inset 0 1px 0 var(--hi),var(--pri-glow);flex:none;font-size:18px;line-height:1}.brand{margin:0;font-size:20px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap}.studio-links{display:flex;gap:22px;margin-left:8px;flex:none}.studio-links a{color:var(--ink3);text-decoration:none;font-size:14px;font-weight:600}.studio-links a:hover{color:var(--accent)}.top-credit{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--pane);font-size:12.5px;font-weight:700;color:var(--ink2)}.top-credit strong{color:var(--ink1);font-variant-numeric:tabular-nums}.topbar-spacer{flex:1;min-width:8px}.theme-btn{width:32px;height:32px;padding:0;border-radius:9px;border:1px solid transparent;background:none;color:var(--ink2);cursor:pointer;display:grid;place-items:center;flex:none}.theme-btn:hover{background:#8b7cff1a;color:var(--ink1)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:var(--left-w) 1fr;gap:18px;align-items:stretch}.left-panel,.right-panel{min-height:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2)}.left-panel{overflow:auto;padding:12px 18px 14px;display:flex;flex-direction:column;gap:8px}.func-block{padding-bottom:0;border-bottom:0}.func-block+.func-block{padding-top:10px;border-top:1px solid var(--line)}.func-title{margin:0;font-size:15px;font-weight:600;letter-spacing:.02em}.func-desc{margin:5px 0 12px;color:var(--ink3);font-size:12.5px;line-height:1.5}#panel-generate .func-desc{margin-bottom:8px}#panel-generate textarea{min-height:84px}#panel-synth .func-desc{margin:4px 0 8px}#panel-synth .side-form .field{margin-bottom:9px}#panel-synth .side-form .audio-mode-field{margin-bottom:8px}.side-form .field{display:grid;gap:6px;margin-bottom:13px}.side-form .field span,.side-form .field-label,.side-form .audio-mode-field legend{font-size:12px;font-weight:600;color:var(--ink2);letter-spacing:.03em}.side-form .field-hint{font-size:11px;font-weight:500;color:var(--ink3, #8a8794);text-align:right;font-variant-numeric:tabular-nums}.side-form .field-hint.is-over{color:#c0392b}.bpm{display:flex;align-items:center;gap:10px}.bpm .bpm-input{width:68px;flex:none;text-align:center;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:13px;padding:8px 6px}.bpm input[type=range]{flex:1;width:auto;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:99px;cursor:pointer;border:0;padding:0;background:linear-gradient(90deg,#8b7cff var(--bpm-pct, 25%),var(--track) var(--bpm-pct, 25%));box-shadow:none}.bpm input[type=range]:focus{outline:none;box-shadow:none;border-color:transparent}.bpm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #8b7cff;box-shadow:0 1px 4px #0000004d;transition:transform .14s var(--ease)}.bpm input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.bpm input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #8b7cff;box-shadow:0 1px 4px #0000004d}.bpm input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:transparent}.side-form .audio-mode-field{border:0;margin:0 0 13px;padding:0;min-inline-size:0}.side-form .audio-mode-field legend{padding:0;margin-bottom:6px}.audio-mode-options{display:flex;gap:7px}.audio-mode-option{position:relative;flex:1;display:flex;align-items:center;justify-content:center;margin:0;padding:7px 0;border:1px solid var(--line2);border-radius:99px;background:var(--pane);color:var(--ink2);font-size:12.5px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .14s var(--ease)}.audio-mode-option input{position:absolute;opacity:0;pointer-events:none}.audio-mode-option:has(input:checked){background:#8b7cff24;border-color:#8b7cff99;color:var(--ink1)}textarea,input,select{width:100%;background:var(--pane);border:1px solid var(--line2);border-radius:10px;color:var(--ink1);font-size:13.5px;padding:10px 12px;caret-color:#8b7cff;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}textarea::placeholder,input::placeholder{color:var(--ink4)}textarea:focus,input:focus,select:focus{outline:none;border-color:#8b7cffb3;box-shadow:var(--ring)}textarea{resize:vertical;min-height:100px;line-height:1.7}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888f9b' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 15px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none;color:var(--ink2);background:none;transition:all .14s var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.btn.primary{width:100%;background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--pri-glow)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.modal-actions a.btn.primary{width:auto;min-width:8.5rem;padding:.65rem 1.1rem}.btn-cost,.pt-cost{display:inline-flex;align-items:center;gap:2px;background:none;box-shadow:none;color:inherit;font-weight:700}.pt-bolt{width:14px;height:14px;flex:none}.pt-bolt path{fill:#ffe14a}.btn.primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.side-form .btn{width:100%}.status{min-height:1.2em;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--ok-soft);color:var(--ok);font-size:.88rem;font-weight:600}#generate-status[hidden]{display:none}.status:empty{display:none}.status.error{background:#f2699e1f;color:#f2699e}.right-panel{display:flex;flex-direction:column;padding:16px 20px 20px;gap:10px}.score-toolbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;flex-shrink:0;min-height:36px}.score-toolbar-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;min-width:0;flex:1}.score-toolbar-title h1{margin:0;font-size:16px;font-weight:600;white-space:nowrap}.score-hint{margin:0;color:var(--ink3);font-size:12.5px;line-height:1.4;min-width:0}.score-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.score-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 15px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:all .14s var(--ease)}#btn-play-synth{background:var(--grad);color:#fff;border:0;box-shadow:var(--pri-glow)}#btn-play-synth:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}#btn-save-audio{background:var(--card);color:var(--ink2);border:1px solid var(--line2);box-shadow:inset 0 1px 0 var(--hi),var(--sh1)}#btn-save-audio:hover:not([aria-disabled=true]){border-color:#8b7cff8c;color:var(--ink1)}.score-btn:disabled,.score-btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;pointer-events:none;filter:grayscale(.25);box-shadow:none;transform:none}.embed-frame{position:relative;flex:1;min-height:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--pane);box-shadow:0 0 0 1px #8b7cff0f,var(--sh2)}.embed-frame iframe{width:100%;height:100%;border:0;background:#1b202a}.embed-frame>.status{position:absolute;left:14px;bottom:12px;margin:0;pointer-events:none;z-index:2}@media(max-width:960px){html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.studio-links{display:none}.workspace{grid-template-columns:1fr}.left-panel{max-height:none}.right-panel{min-height:70vh}.embed-frame{min-height:60vh}}.account-bar{display:flex;align-items:center;gap:8px;flex-shrink:0}.account-link,.btn-login{height:32px;padding:0 12px;border:0;border-radius:9px;background:var(--pane);color:var(--ink2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.btn-login{background:var(--grad);color:#fff}.account-link:hover,.btn-login:hover{filter:brightness(1.06);color:var(--ink1)}.btn-login:hover{color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#12141c9e}html[data-theme=paper] .modal{background:#231f1447}.modal[hidden]{display:none}.modal-notice,.modal-over-profile,#modal-pay-qr{z-index:200}.modal-card{width:min(420px,100%);max-height:min(86vh,760px);overflow:auto;padding:18px 20px 20px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(520px 200px at 100% -30%,var(--glowA),transparent 62%),radial-gradient(420px 180px at 0% 120%,var(--glowB),transparent 60%),var(--card);color:var(--ink1);box-shadow:var(--sh2)}.modal-wide{width:min(960px,100%)}.account-dialog{display:grid;grid-template-columns:220px minmax(0,1fr);height:min(85vh,720px);padding:0;overflow:hidden}.account-side{display:flex;flex-direction:column;gap:18px;min-height:0;padding:22px 14px 16px;background:var(--pane);border-right:1px solid var(--line)}.account-who{display:flex;align-items:center;gap:12px;padding:0 6px}.account-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;font-size:18px;font-weight:700;box-shadow:var(--pri-glow)}.account-who-name{font-size:16px;font-weight:700;line-height:1.2}.account-badge{display:inline-block;margin-top:4px;color:var(--ink3);font-size:12px;font-weight:600}.account-main{position:relative;min-width:0;overflow:auto;padding:28px 28px 22px}.account-close{position:absolute;top:14px;right:14px}.account-view-title{margin:0 0 16px;font-size:20px;font-weight:700}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--pane)}.overview-card span{display:block;color:var(--ink3);font-size:12px;font-weight:600}.overview-card strong{display:block;margin-top:8px;color:var(--ink1);font-size:22px;font-weight:700;line-height:1.3;word-break:break-word}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.02em}.modal-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--ink2);font-size:22px;cursor:pointer}.modal-desc{margin:0 0 12px;color:var(--ink3);font-size:12.5px;line-height:1.5}.account-nav{display:flex;flex-direction:column;gap:4px}.account-logout{margin-top:auto;height:36px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.account-logout:hover{color:#dc2626;border-color:#fecaca;background:#fff5f5}.account-tab{height:40px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink2);font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:all .14s var(--ease)}.account-tab:hover{background:var(--pane2);color:var(--ink1)}.account-tab.is-active{background:var(--card);border-color:#8b7cff73;color:var(--accent)}.account-pane{display:none}.account-pane.is-on{display:block}.account-recharge{width:100%;height:36px;margin-top:14px;padding:0 12px;border:0;border-radius:10px}.record-switch{display:flex;align-items:center;gap:16px;margin:18px 0 10px}.record-tab{height:auto;padding:0 0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink3);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.record-tab.is-active{border-bottom-color:var(--accent);background:transparent;color:var(--ink1)}.modal-sub{margin:18px 0 8px;font-size:13px;font-weight:600;color:var(--ink2)}@media(max-width:720px){.account-dialog{grid-template-columns:1fr;height:auto;max-height:min(86vh,760px);overflow:auto}.account-side{border-right:0;border-bottom:1px solid var(--line)}.overview-grid,.cost-list{grid-template-columns:1fr}}.modal-pay{max-width:360px;text-align:center}.pay-qr-box{display:flex;justify-content:center;margin:12px 0 8px}.pay-qr-box img{width:220px;height:220px;border-radius:8px;background:#fff}.pay-qr-amount{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--ink1)}.modal-actions{display:flex;flex-direction:column;gap:8px}.modal-actions .score-btn{background:var(--pane);color:var(--ink2);border:0}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--pane);color:var(--ink1);text-align:left;transition:all .14s var(--ease)}.plan-buy{margin-top:8px;width:100%;padding:7px 0;border:0;border-radius:10px;background:#8b7cff24;color:var(--accent);font-size:12.5px;font-weight:600;text-align:center;cursor:pointer}.plan-buy:hover{background:#8b7cff38}.plan-card:hover{background:#8b7cff14;border-color:#8b7cff73}.plan-amount{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;margin-top:4px;font-size:13px;color:var(--ink2)}.plan-amount-input{flex:1;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg, #fff);color:var(--ink1);font-size:14px}.plan-price{color:var(--accent);font-weight:700}.plan-note,.plan-points{color:var(--ink3);font-size:12px}.cost-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.cost-list li{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--pane);color:var(--ink2);font-size:13px}.cost-list strong{color:var(--ink1);font-weight:600}.ledger{display:flex;flex-direction:column;gap:8px}.ledger.record-pane{display:none}.ledger.record-pane.is-on{display:flex}.ledger-empty{margin:0;color:var(--ink3);font-size:13px}.ledger-row{border:1px solid var(--line);border-radius:12px;background:var(--pane)}.ledger-active{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.active-status{flex-shrink:0;color:var(--accent);font-size:12px;font-weight:600}button.ledger-score{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;font:inherit;color:inherit;text-align:left;cursor:pointer}button.ledger-score:hover{background:#8b7cff14;border-color:#8b7cff73}.ledger-hint{color:var(--accent);font-size:12px}.ledger-row summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}.ledger-row summary::-webkit-details-marker{display:none}.ledger-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ledger-detail{display:grid;gap:6px;margin:0;padding:0 12px 12px}.ledger-detail div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.ledger-detail dt{color:var(--ink3)}.ledger-detail dd{margin:0;color:var(--ink1);text-align:right}.ledger-audio{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.ledger-audio-label,.ledger-audio-miss{margin:0;color:var(--ink3);font-size:12px}.ledger-audio-miss{padding:0 12px 12px}.ledger-audio audio{width:100%}.ledger-audio a{color:var(--accent);font-size:12px}.ledger-title{font-weight:600}.ledger-time,.ledger-bal,.ledger-price{color:var(--ink3);font-size:12px}.ledger-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pts-plus{color:var(--ok);font-weight:700}.pts-minus{display:inline-flex;align-items:center;gap:2px;color:#f2699e;font-weight:700}html{--lp-g1: #8b5cf6;--lp-g2: #ec4899;--lp-ink: #1f2430;--lp-mut: #6b7280;--lp-bg: #f6f4ef;--lp-card: #ffffff;--lp-line: #e7e2d8;--lp-grad: linear-gradient(90deg, var(--lp-g1), var(--lp-g2));--lp-font: "Source Sans 3", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--lp-display: "Fraunces", "Source Sans 3", Georgia, serif}#landing{color:var(--lp-ink);font-family:var(--lp-font);background:var(--lp-bg);min-height:100vh}#landing *{box-sizing:border-box}.lp-grad-text{background:var(--lp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-btn{font-family:inherit;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .25s var(--ease, ease),box-shadow .25s ease,border-color .2s ease,color .2s ease}.lp-btn-grad{background:var(--lp-grad);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 6px 18px #ec489940}.lp-btn-grad:hover{transform:translateY(-2px);box-shadow:0 10px 26px #8b5cf659}.lp-btn-ghost{background:#fff;border:1px solid var(--lp-line);border-radius:12px;font-weight:600;color:var(--lp-ink)}.lp-btn-ghost:hover{border-color:var(--lp-g1);color:var(--lp-g1)}.lp-btn-lg{padding:14px 28px;font-size:15px}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px 40px;background:#f6f4efd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--lp-line);color:var(--lp-ink);font-family:var(--lp-font)}.lp-logo{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:inherit;text-decoration:none;font-family:var(--lp-display);padding:0;border:none;background:none;cursor:pointer}.lp-logo-ico{width:38px;height:38px;border-radius:12px;background:var(--lp-grad);display:grid;place-items:center;color:#fff;font-size:18px;font-family:var(--lp-font)}.lp-links{display:flex;gap:22px;margin-left:8px}.lp-links a{color:var(--lp-mut);text-decoration:none;font-size:14px;font-weight:600}.lp-links a:hover{color:var(--lp-g1)}.lp-nav-spacer{flex:1}.lp-nav-extra{display:flex;align-items:center;gap:18px}.lp-nav-text{padding:0;border:0;background:none;color:var(--lp-mut);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.lp-nav-text:hover{color:var(--lp-g1)}.lp-nav .top-credit{background:#fff;border:1px solid var(--lp-line);color:#7c3aed;border-radius:999px;padding:6px 14px;font-size:13px}.lp-nav .top-credit strong{color:#7c3aed}.lp-nav .account-link,.lp-nav .btn-login{height:36px;padding:0 8px;border-radius:999px;font-size:14px}.lp-nav .account-link{background:#fff;color:var(--lp-ink);border:1px solid var(--lp-line)}.lp-nav .btn-login{width:80px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:var(--lp-grad);color:#fff;border:none}.lp-nav .account-link:hover{color:var(--lp-g1);border-color:var(--lp-g1);filter:none}.lp-nav .btn-login:hover{color:#fff;filter:brightness(1.05)}.lp-nav .lp-btn-ghost{padding:9px 16px;font-size:14px}.lp-nav .lp-btn-grad{padding:10px 20px;font-size:14px}.lp-hero{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 24px 28px;overflow:hidden}.lp-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:lp-float 12s ease-in-out infinite;pointer-events:none}.lp-b1{width:480px;height:480px;background:#c4b5fd;top:-120px;left:-120px}.lp-b2{width:420px;height:420px;background:#f9a8d4;bottom:-100px;right:-80px;animation-delay:-4s}.lp-b3{width:300px;height:300px;background:#fde68a;top:30%;right:18%;animation-delay:-8s;opacity:.35}@keyframes lp-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}.lp-notes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lp-fn{position:absolute;font-size:26px;opacity:.32;color:#8b5cf6;animation:lp-rise linear infinite}@keyframes lp-rise{0%{transform:translateY(105vh) rotate(0)}to{transform:translateY(-10vh) rotate(360deg)}}.lp-brand{position:relative;margin:0 0 12px;font-family:var(--lp-display);font-size:clamp(42px,7vw,72px);font-weight:800;letter-spacing:.02em;line-height:1.05;background:var(--lp-grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:lp-brand-in .9s var(--ease, ease) both}.lp-hero h1{position:relative;margin:0;font-family:var(--lp-display);font-size:clamp(28px,4.5vw,44px);line-height:1.2;font-weight:700;letter-spacing:.01em;animation:lp-fade-up .8s .1s var(--ease, ease) both}.lp-sub{position:relative;margin:16px 0 0;max-width:640px;font-size:17px;color:var(--lp-mut);line-height:1.65;animation:lp-fade-up .8s .2s var(--ease, ease) both}.lp-sub b{color:var(--lp-g2);font-weight:700}@keyframes lp-brand-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lp-prompt{position:relative;margin-top:36px;width:min(680px,92vw);background:#fff;border:1px solid var(--lp-line);border-radius:20px;padding:14px;box-shadow:0 20px 60px #1f24301a;text-align:left;animation:lp-fade-up .85s .28s var(--ease, ease) both}.lp-prompt textarea{width:100%;border:none;outline:none;resize:none;min-height:88px;font-size:15px;color:var(--lp-ink);background:transparent;font-family:inherit;line-height:1.55}.lp-prompt-row{display:flex;align-items:center;gap:12px;margin-top:4px}.lp-hint{font-size:12px;color:#9ca3af;flex:1}.lp-prompt .lp-btn-grad{padding:12px 22px;font-size:15px;flex:none}.lp-cost{opacity:.92;font-size:13px}.lp-stats{position:relative;margin-top:28px;display:flex;gap:48px;flex-wrap:wrap;justify-content:center;animation:lp-fade-up .85s .36s var(--ease, ease) both}.lp-stats div{text-align:center}.lp-stats b{font-size:30px;font-weight:900;font-family:var(--lp-display)}.lp-stats span{display:block;font-size:13px;color:var(--lp-mut);margin-top:4px}.lp-block{padding:12px 24px 28px;max-width:1160px;margin:0 auto}.lp-sec-title{text-align:center;margin:0;font-family:var(--lp-display);font-size:clamp(28px,4vw,38px);font-weight:800}.lp-sec-sub{text-align:center;color:var(--lp-mut);margin:12px 0 0;font-size:15px}.lp-feat-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.lp-feat{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:20px;padding:28px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.lp-feat:hover{transform:translateY(-6px);box-shadow:0 18px 44px #1f24301f}.lp-feat-ico{width:52px;height:52px;border-radius:14px;background:var(--lp-grad);display:grid;place-items:center;font-size:24px;color:#fff}.lp-feat h3{margin:16px 0 8px;font-size:18px}.lp-feat p{margin:0;font-size:14px;color:var(--lp-mut);line-height:1.7}.lp-steps{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.lp-step{background:#fff;border:1px solid var(--lp-line);border-radius:20px;padding:26px}.lp-step-num{width:40px;height:40px;border-radius:50%;background:var(--lp-grad);color:#fff;font-weight:900;display:grid;place-items:center;font-size:18px}.lp-step h4{margin:14px 0 8px;font-size:16px}.lp-step p{margin:0;font-size:13px;color:var(--lp-mut);line-height:1.7}.lp-mock{margin-top:14px;background:#12141c;border-radius:10px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#7ee2a8;line-height:1.6;min-height:74px;text-align:left}.lp-mock .blue{color:#7dd3fc}.lp-mock .pink{color:#f9a8d4}.lp-price-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:stretch}.lp-plan{background:#fff;border:1px solid var(--lp-line);border-radius:18px;padding:24px 20px;position:relative;display:flex;flex-direction:column;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.lp-plan.hot{border:2px solid #b45309;background:linear-gradient(180deg,#fffdf8,#fff);box-shadow:0 8px 24px #b4530914}@media(hover:hover){.lp-plan:hover{border:2px solid #b45309;background:linear-gradient(180deg,#fffdf8,#fff);box-shadow:0 8px 24px #b4530914}.lp-price-grid:hover .lp-plan.hot:not(:hover){border:1px solid var(--lp-line);background:#fff;box-shadow:none}.lp-plan:hover .lp-plan-btn.lp-btn-ghost{background:var(--lp-grad);color:#fff;border-color:transparent}.lp-price-grid:hover .lp-plan.hot:not(:hover) .lp-plan-btn.lp-btn-grad{background:#fff;color:var(--lp-ink);border:1px solid var(--lp-line)}}.lp-plan-tag{position:absolute;top:14px;right:14px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.lp-plan-name{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--lp-mut)}.lp-plan-price{font-size:40px;font-weight:900;font-family:var(--lp-display);margin:8px 0 2px;line-height:1}.lp-plan-price span{font-size:16px;font-weight:700;font-family:var(--lp-font);margin-left:4px;color:var(--lp-mut)}.lp-plan-per{font-size:13px;color:var(--lp-mut);margin:0;min-height:18px}.lp-plan-btn{width:100%;margin:18px 0;padding:13px;border-radius:999px;font-size:15px}.lp-plan ul{list-style:none;margin:0;padding:0}.lp-plan li{font-size:14px;padding:7px 0;display:flex;gap:10px;align-items:center}.lp-plan li .ok{color:#16a34a;font-weight:900}.lp-plan li .no{color:#dc2626;font-weight:900}.lp-plan li.off{color:#9ca3af}.modal-info{max-width:min(560px,92vw);max-height:min(82vh,720px);overflow:auto}.info-steps{margin:0;padding:0 0 4px 18px;display:flex;flex-direction:column;gap:14px;color:var(--ink2);font-size:14px;line-height:1.55}.info-steps strong{display:block;margin-bottom:4px;color:var(--ink1);font-size:14px}.info-steps p{margin:0;color:var(--ink3)}.info-about h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink1)}.info-about h3+p,.info-about .info-contact{margin:0 0 18px}.info-about p{margin:0;font-size:14px;line-height:1.6;color:var(--ink2)}.info-contact{display:flex;flex-direction:column;gap:10px;margin:0}.info-contact>div{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--pane)}.info-contact dt{margin:0;font-size:13px;font-weight:600;color:var(--ink3)}.info-contact dd{margin:0;font-size:14px;color:var(--ink1);word-break:break-all}.info-contact a{color:var(--accent);text-decoration:none}.info-contact a:hover{text-decoration:underline}.lp-price-note{text-align:center;margin:28px 0 0;font-size:13px;color:var(--lp-mut)}.lp-beian{text-align:center;padding:28px 16px 36px;font-size:12px;color:var(--lp-mut)}.lp-beian a{color:inherit;text-decoration:none}.lp-beian a:hover{text-decoration:underline}@media(max-width:820px){.lp-nav{padding:12px 16px;gap:10px;flex-wrap:wrap}.lp-links{display:none}.lp-nav-extra{gap:12px}.lp-nav-text{font-size:13px}.lp-hero{padding:100px 16px 24px}.lp-prompt-row{flex-direction:column;align-items:stretch}.lp-stats{gap:28px}}
