:root{--paper:#f7f0df;--ink:#101014;--muted:#fffaebb8;--gold:#f3c56a;--red:#b74335;--jade:#1aa083;--blue:#3e8df4;--line:#fffaeb2e;color:#fff8e8;background:#07080c;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.screen{display:none}.screen.is-active{display:block}.hero{background:radial-gradient(circle at 80% 15%,#3e8df452,#0000 28%),radial-gradient(circle at 18% 18%,#b7433547,#0000 25%),linear-gradient(135deg,#09090d,#17100c 50%,#061614);min-height:100vh;position:relative;overflow:hidden}.ink-layer{filter:blur(22px);background:radial-gradient(circle at 30% 32%,#ffffff24,#0000 16%),radial-gradient(circle at 42% 46%,#ffffff14,#0000 13%),radial-gradient(circle at 70% 60%,#ffffff1a,#0000 18%);animation:16s ease-in-out infinite alternate ink;position:absolute;inset:-20%}.stars{opacity:.55;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1px),radial-gradient(circle,#f3c56acc 0 1px,#0000 1px);background-size:92px 92px,151px 151px;animation:22s linear infinite drift;position:absolute;inset:0}.hero-inner{z-index:2;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:56px;width:min(1180px,100% - 36px);min-height:72vh;margin:0 auto;padding-top:56px;display:grid;position:relative}.kicker{color:var(--gold);margin:0 0 14px;font-weight:800}h1,h2,h3,p{letter-spacing:0}h1{margin:0 0 18px;font-size:clamp(52px,8vw,108px);line-height:.92}.lead{max-width:660px;color:var(--muted);margin:0;font-size:19px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.big-btn,.back,.panel button{color:#fff;border:0;border-radius:8px;min-height:52px;padding:0 22px;font-weight:900;box-shadow:0 20px 60px #00000052}.big-btn{min-width:205px;position:relative;overflow:hidden}.big-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);animation:4s ease-in-out infinite shine;position:absolute;inset:-100% -40%;transform:rotate(18deg)}.red{background:linear-gradient(135deg,#bd3e32,#e39c45)}.blue{background:linear-gradient(135deg,#168b77,#3279df)}.astro{aspect-ratio:1;width:min(100%,510px);margin:auto;position:relative}.ring,.core,.tri{border-radius:50%;position:absolute}.ring{border:1px solid #fffaeb52;inset:0}.r1{background:conic-gradient(#b7433540,#f3c56a38,#1aa08338,#3e8df438,#b7433540);animation:24s linear infinite spin}.r2{border-style:dashed;animation:32s linear infinite spinReverse;inset:13%}.r3{border-color:#f3c56a99;animation:3s ease-in-out infinite pulse;inset:29%}.core{color:#15110d;background:#fff8e8ed;place-items:center;display:grid;inset:38%;box-shadow:0 20px 70px #00000057}.core b{align-self:end;font-size:32px}.core small{color:#736955;align-self:start}.tri{background:#fffaeb1a;border:1px solid #fffaeb42;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.tri-1{top:2%;left:50%;transform:translate(-50%)}.tri-2{top:15%;right:14%}.tri-3{top:50%;right:2%;transform:translateY(-50%)}.tri-4{bottom:15%;right:14%}.tri-5{bottom:2%;left:50%;transform:translate(-50%)}.tri-6{bottom:15%;left:14%}.tri-7{top:50%;left:2%;transform:translateY(-50%)}.tri-8{top:15%;left:14%}.intro{z-index:2;grid-template-columns:repeat(2,1fr);gap:16px;width:min(1180px,100% - 36px);margin:0 auto;padding-bottom:52px;display:grid;position:relative}.intro article,.panel,.result,.plans article{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8e817;border-radius:10px;box-shadow:0 24px 80px #00000042}.intro article{padding:22px}.intro b{color:var(--gold);font-size:22px}.intro p,.tool header p,.result p,.note,.plans p{color:var(--muted);line-height:1.75}.tool{background:linear-gradient(135deg,#0b0b10,#17100c 50%,#061614);min-height:100vh;padding:48px max(18px,50vw - 590px) 70px;position:relative;overflow:hidden}.tool:before{content:"";background:radial-gradient(circle at 20% 25%,#f3c56a29,#0000 20%),radial-gradient(circle at 80% 70%,#3e8df42e,#0000 24%);animation:14s ease-in-out infinite alternate ink;position:absolute;inset:-20%}.tool>*{z-index:1;position:relative}.scene-mark{color:#ffffff14;max-width:720px;font-size:clamp(42px,8vw,128px);font-weight:900;position:absolute;top:8vh;right:4vw}.back{border:1px solid var(--line);background:#ffffff1f}.tool header{max-width:760px;margin:36px 0 26px}.tool h2,.plans h2{margin:8px 0;font-size:clamp(34px,5vw,64px)}.workbench{grid-template-columns:380px 1fr;align-items:start;gap:18px;display:grid}.panel{gap:14px;padding:18px;display:grid}label{color:#fffaebbf;gap:7px;font-weight:800;display:grid}input,select{color:#fff;background:#00000047;border:1px solid #fffaeb33;border-radius:8px;min-height:46px;padding:0 12px}select option{color:#111}.check{align-items:center;gap:10px;display:flex}.check input{min-height:auto}.panel button{background:linear-gradient(135deg, var(--red), var(--jade))}.result{color:#fffaebb8;min-height:320px;padding:20px}.result-title span,.cards small{color:var(--gold);font-weight:900}.result-title h3{margin:8px 0 18px;font-size:32px}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article{border:1px solid var(--line);background:#00000038;border-radius:10px;padding:16px}.cards b{color:#fff8e8;margin:8px 0;font-size:24px;display:block}.plans{background:#08090d;padding:72px max(18px,50vw - 590px)}.plans>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plans article{padding:22px}.plans b{color:var(--gold);font-size:22px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulse{50%{opacity:.72;transform:scale(1.04)}}@keyframes ink{to{transform:translate(4vw,-3vh)rotate(8deg)}}@keyframes drift{to{background-position:92px 92px,151px 151px}}@keyframes shine{0%,55%{transform:translate(-80%)rotate(18deg)}80%,to{transform:translate(80%)rotate(18deg)}}@media (width<=900px){.hero-inner,.intro,.workbench,.cards,.cards.four,.plans>div{grid-template-columns:1fr}.astro{max-width:360px}.hero-actions{display:grid}.big-btn{width:100%}}