:root{color:#1b1715;--ink:#1b1715;--muted:#766b62;--red:#d74026;--gold:#d9951c;--green:#176f58;--paper:#fffaf2;--line:#eadbc8;background:#fbf6ee;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#ffe0c0 0,#fbf6ee 28%,#f5efe5 100%);margin:0}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{min-height:760px;padding:24px clamp(20px,5vw,72px);position:relative}.hero:before{content:"";filter:blur(80px);opacity:.28;background:conic-gradient(from 120deg,#d74026,#f3b450,#fff0d3,#d74026);height:620px;position:absolute;inset:-20% -10% auto 50%}nav{z-index:2;align-items:center;gap:22px;height:64px;display:flex;position:relative}.brand{letter-spacing:-1px;font-size:26px;font-weight:900}.brand span{color:var(--red)}nav a{color:#5e5148;font-weight:700}.credits{color:#fff;background:#201815;border-radius:999px;gap:8px;margin-left:auto;padding:10px 16px;display:flex}.heroGrid{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;max-width:1220px;margin:88px auto;display:grid}.eyebrow{color:var(--green);background:#e7f2ec;border:1px solid #cae2d5;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}h1{letter-spacing:-5px;color:#1d1714;margin:24px 0;font-size:clamp(44px,6.6vw,88px);line-height:1.02}h2{letter-spacing:-2px;margin:10px 0;font-size:clamp(28px,4vw,48px)}h3{margin:10px 0}p{color:var(--muted);line-height:1.7}.hero p{max-width:760px;font-size:20px}.cta{gap:14px;margin:30px 0;display:flex}.primaryLink,.primary{color:#fff;background:#d74026;border:0;border-radius:18px;align-items:center;gap:10px;padding:16px 22px;font-weight:900;display:inline-flex;box-shadow:0 18px 40px #d7402630}.secondaryLink{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 22px;font-weight:900}.trust{flex-wrap:wrap;gap:12px;display:flex}.trust span{border:1px solid var(--line);background:#fff8;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:flex}.phone{background:#221915;border-radius:46px;height:560px;padding:18px;transform:rotate(3deg);box-shadow:0 40px 90px #3e261b35}.screen{background:linear-gradient(160deg,#f6dcc3,#fff9ed);border-radius:34px;gap:16px;height:100%;padding:22px;display:grid}.card{color:#fff;background:#333;border-radius:30px;flex-direction:column;justify-content:end;min-height:140px;padding:28px;font-size:22px;display:flex}.card b{font-size:36px}.c1{background:linear-gradient(135deg,#c13d2b,#ee9a43)}.c2{background:linear-gradient(135deg,#17120f,#4d3329)}.c3{background:linear-gradient(135deg,#176f58,#83b98b)}section{max-width:1240px;margin:0 auto;padding:70px 24px}.studio{grid-template-columns:1fr 430px;gap:24px;display:grid}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf2d1;border-radius:34px;padding:28px;box-shadow:0 18px 50px #7b543018}.packGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pack{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fffaf6;border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.pack.active{border-color:var(--red);transform:translateY(-2px);box-shadow:0 12px 32px #d7402622}.pack span,.tag{color:var(--red);font-weight:900}.pack small{color:var(--muted);line-height:1.5}.builderTop{justify-content:space-between;display:flex}.upload{cursor:pointer;background:#fff;border:2px dashed #e5c7ab;border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.upload input{display:none}.previews{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.previews figure{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;padding:8px;overflow:hidden}.previews img{object-fit:cover;border-radius:12px;width:100%;height:82px}.previews figcaption{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.formRow{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}select,input[type=range]{width:100%;margin-top:8px}.prompt{color:#fff;background:#261b16;border-radius:22px;margin:16px 0;padding:18px}.prompt p{color:#f5d8bd}.consent{color:#55483f;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.primary:disabled{opacity:.45;box-shadow:none}.warn{color:#9d4c0b;gap:8px;display:flex}.results{grid-template-columns:.6fr 1fr;gap:24px;display:grid}.jobList{gap:12px;display:grid}.job,.empty{border:1px solid var(--line);background:#fff;border-radius:24px;padding:18px}.job button,.plan button{border:1px solid var(--line);background:#fff7ef;border-radius:14px;gap:8px;padding:10px 14px;font-weight:800;display:flex}.dot{background:#d9951c;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.dot.ready{background:#176f58}.dot.failed{background:#b42318}.oknote{color:#176f58;background:#e7f2ec;border:1px solid #cae2d5;border-radius:14px;gap:8px;padding:10px 12px;display:flex}.job button:disabled{opacity:.45;cursor:not-allowed}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.features div{color:#fff;background:#201815;border-radius:28px;padding:24px}.features p{color:#d9c7b9}.pricing{text-align:center}.plans{text-align:left;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:30px;padding:24px;position:relative}.plan.hot{border-color:var(--red);transform:translateY(-8px);box-shadow:0 25px 60px #d7402625}.money{font-size:42px;font-weight:950}.plan li{color:#4d4139;align-items:center;gap:8px;margin:12px 0;list-style:none;display:flex}.docs{border:1px solid var(--line);background:#fff4e4;border-radius:34px}.docs code{color:#fff;background:#251b16;border-radius:10px;margin:6px;padding:8px 10px;display:inline-block}footer{text-align:center;color:#8a7a70;padding:40px}@media (width<=900px){.heroGrid,.studio,.results,.features,.plans,.packGrid{grid-template-columns:1fr}.phone{height:420px}nav{gap:10px}nav a{display:none}.credits{margin-left:auto}h1{letter-spacing:-2px}}.thumbs{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.thumbs img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:14px;width:86px;height:112px}.paybox{border:1px solid var(--line);background:#fffaf2;border-radius:22px;gap:6px;max-width:900px;margin:20px auto 0;padding:18px;display:grid}.paybox code{color:#fff;background:#201815;border-radius:10px;width:max-content;padding:8px 10px;display:inline-block}.paybox small{color:var(--muted);word-break:break-all}
