:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand:#605dff;--brand-soft:#605dff1a;--text-soft:#5b6477;--line:#10182814;--panel:#ffffffe6;--shadow:0 20px 60px #070c1c1f;background:radial-gradient(circle at 0 0,#605dff2e,#0000 34%),radial-gradient(circle at 100% 0,#ff8e5e24,#0000 24%),linear-gradient(#f7f9ff 0%,#eef2fb 100%);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#app{min-height:100vh}.container{width:min(1160px,100% - 32px);margin:0 auto}.page,.section{padding:64px 0}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f7f9ffc7;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:74px;display:flex}.brand{color:var(--brand);font-size:1.15rem;font-weight:800}.topnav,.action-row,.lang-switch,.mode-switch,.mini-meta{flex-wrap:wrap;gap:12px;display:flex}.topnav a{color:var(--text-soft)}.topnav a.active{color:var(--brand);font-weight:700}.topbar-actions,.auth-actions,.inline-tip,.inline-cta,.success-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar-actions{justify-content:flex-end}.welcome-text,.empty-panel,.simple-item p,.record-item small,.info-banner{color:var(--text-soft)}.btn-link{color:var(--text-soft);font-weight:700}.btn-link.primary{color:var(--brand)}.lang-switch button,.btn{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.72}.lang-switch button{min-height:40px;color:var(--text-soft);background:#1018280d;border-radius:999px;padding:0 14px}.lang-switch button.active{color:#fff;background:var(--brand)}.hero{padding:84px 0 40px}.hero-layout,.studio-layout,.dual-grid,.result-layout{gap:20px;display:grid}.hero-layout,.dual-grid,.result-layout{grid-template-columns:1.1fr .9fr}.studio-layout{grid-template-columns:320px 1fr;align-items:start}.hero-copy,.hero-stats,.feature-stack,.studio-sidebar,.studio-side-panel,.studio-main-panel,.studio-head,.studio-head-meta,.studio-workspace,.studio-form-panel,.studio-preview-panel,.cta-banner{gap:16px;display:grid}.eyebrow{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700;display:inline-flex}h1,h2,h3,h4{margin:0 0 12px;line-height:1.1}h1{letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,4.3rem)}h2{font-size:clamp(1.6rem,3vw,2.6rem)}.lead,.section-head p,.panel p,.record-item p,.guide-item span,.muted{color:var(--text-soft)}.panel,.mode-card,.guide-card,.record-item,.result-card,.empty-box{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.soft{background:linear-gradient(180deg, #605dff0d, #fffffff2), var(--panel)}.hero-panel,.stack-page,.package-card,.simple-list,.stat-card,.auth-card{gap:16px;display:grid}.hero-badges{flex-wrap:wrap;gap:10px;display:flex}.stats-grid,.package-grid,.path-grid{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.package-grid,.path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.path-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-price,.wallet-balance,.stat-card strong{color:var(--brand);font-size:2rem;font-weight:800}.auth-layout{justify-content:center;display:flex}.auth-card{width:min(100%,560px)}.stack-form,.stack-form label{gap:10px;display:grid}.stack-form input,.stack-form select,.stack-form textarea{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:48px;padding:12px 14px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.filter-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.checkbox-field{gap:10px;display:grid}.checkbox-row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;display:flex}.checkbox-row input{width:16px;height:16px;min-height:16px;margin:0}.filter-grid-detail{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.log-filter-panel{gap:12px;display:grid}.log-item-error{background:#c4314b0f;border-radius:14px;margin:0 -12px;padding:12px}.log-highlight{color:inherit;background:#ffc40059;border-radius:6px;padding:0 4px}.full-width{width:100%}.simple-item{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.simple-item:first-child{border-top:0;padding-top:0}.money-positive{color:#0f9b6d}.money-negative{color:#c4314b}.status-chip{border-radius:999px;padding:8px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.status-chip.success{color:#0f9b6d;background:#0f9b6d1f}.status-chip.default{color:#667085;background:#6670851f}.align-end{align-items:flex-end}.compact{margin-bottom:12px}.info-banner{background:#605dff14;border:1px solid #605dff29;border-radius:14px;padding:14px 16px}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.btn.primary{color:#fff;background:linear-gradient(135deg,#605dff,#8f6fff)}.btn.secondary{color:var(--brand);background:#605dff1a}.section-head{margin-bottom:24px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mode-card .mode-title{margin-bottom:10px;font-size:1.08rem;font-weight:800}.mode-card p,.list li{color:var(--text-soft)}.list{gap:10px;margin:0;padding-left:20px;display:grid}.mode-switch a{color:var(--text-soft);background:#1018280d;border-radius:12px;padding:10px 12px}.mode-switch a.active{color:var(--brand);background:#605dff1f;font-weight:700}.guide-card{margin-top:18px}.hero-copy{align-content:center}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-stat{min-height:100%}.feature-row{border-bottom:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.feature-row:last-child{border-bottom:0}.studio-sidebar{align-self:start;position:sticky;top:96px}.studio-side-panel h3,.studio-preview-panel h3,.studio-form-panel h3,.cta-banner h3{margin-bottom:6px}.studio-head{gap:20px}.studio-head-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-workspace{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);align-items:start}.studio-form-panel,.studio-preview-panel{min-height:100%}.cta-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center}.guide-list,.record-list{gap:14px;display:grid}.guide-item{border-bottom:1px solid var(--line);gap:6px;padding:12px 0;display:grid}.guide-item:last-child{border-bottom:0}.main-panel{gap:18px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:8px;display:grid}.field-full{grid-column:1/-1}.field span{font-weight:700}.field-error{color:#c4314b;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:48px;padding:12px 14px}.field textarea{resize:vertical;min-height:140px}.price-bar{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#605dff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;position:sticky;bottom:16px}.price-value{color:var(--brand);margin:8px 0 4px;font-size:2rem;display:block}.record-item,.stat-line{justify-content:space-between;gap:14px;display:flex}.record-item h4,.record-item p{margin:0}.record-meta{text-align:right;white-space:nowrap;gap:8px;display:grid}.panelish{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.status-pill{color:var(--brand);background:#605dff1a;border-radius:999px;padding:8px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.status-pill.success{color:#0f9b6d;background:#0f9b6d1a}.status-pill.processing{color:#b76e00;background:#ffa60024}.status-pill.pending{color:#667085;background:#6670851f}.status-pill.error{color:#c4314b;background:#c4314b1f}.result-content{background:#605dff0f;border-radius:16px;padding:18px;line-height:1.85}.raw-output{white-space:pre-wrap;word-break:break-word;background:#1018280f;border-radius:14px;margin-top:16px;padding:14px 16px;line-height:1.7;overflow:auto}.error-banner{color:#8f1f36;background:#c4314b14;border:1px solid #c4314b2e;border-radius:14px;padding:14px 16px;font-weight:600}.success-banner{color:#0f6d4e;background:#0f9b6d14;border:1px solid #0f9b6d2e;border-radius:14px;padding:14px 16px;font-weight:600}.empty-box{text-align:center}@media (width<=1080px){.hero-layout,.studio-layout,.dual-grid,.result-layout,.mode-grid,.form-grid,.stats-grid,.package-grid,.path-grid,.feature-grid,.studio-head-meta,.studio-workspace,.hero-stats,.path-grid-4,.cta-banner{grid-template-columns:1fr}.studio-sidebar{position:static}}@media (width<=840px){.topbar-inner{flex-wrap:wrap;min-height:auto;padding:16px 0}.topnav,.topbar-actions,.auth-actions,.inline-cta,.simple-item{width:100%}.price-bar,.record-item,.stat-line{flex-direction:column}.price-bar{position:static}.record-meta{text-align:left;white-space:normal}.simple-item{flex-direction:column;align-items:flex-start}}