:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}.site-shell{color:#141722;background:radial-gradient(circle at 18% 10%,#ff5b6e14,#0000 34%),radial-gradient(circle at 84% 24%,#ffa9b62e,#0000 28%),#fffdfd;min-height:100vh}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfddb;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:22px 24px;display:flex;position:sticky;top:0}.logo,.nav nav,.hero-actions,.pill,.mini-head,.result-actions,.feature-card span,.workflow-body,.price-card li,.history-item,footer,.auth-tabs,.account-line,.auth-submit,.generate-button,.primary-link,.outline-small{align-items:center;display:flex}.logo{color:inherit;gap:10px;text-decoration:none}.logo span{color:#fff;background:linear-gradient(135deg,#ff4058,#ff6c7a);border-radius:10px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 12px 30px #ff405847}.logo strong{font-size:20px}.logo em{color:#8b909c;margin-left:12px;font-size:14px;font-style:normal}.nav nav{gap:34px}.nav a,.text-button{color:#353944;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:none}.nav-cta{background:#ff4058;border-radius:8px;padding:13px 24px;box-shadow:0 14px 26px #ff40583d;color:#fff!important}.auth-popover{background:#fff;border:1px solid #ffe1e5;border-radius:10px;gap:12px;width:min(340px,100vw - 32px);padding:18px;display:grid;position:absolute;top:76px;right:24px;box-shadow:0 24px 70px #91233429}.auth-popover input{min-height:44px;font:inherit;border:1px solid #eceef3;border-radius:8px;padding:0 13px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-tabs button{color:#ff4058;cursor:pointer;background:#fff7f8;border:1px solid #ffe1e5;border-radius:8px;min-height:38px;font-weight:800}.auth-tabs button.active,.auth-submit{color:#fff;background:#ff4058;border-color:#ff4058}.auth-submit{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;gap:8px;font-weight:800}.account-line{gap:10px}.account-line div{gap:3px;display:grid}.account-line span{color:#8b909c;font-size:13px}.hero{grid-template-columns:minmax(320px,1fr) minmax(520px,680px);gap:56px;max-width:1180px;margin:0 auto;padding:74px 24px 86px;display:grid}.hero-copy{align-self:center}.pill{color:#ff4058;gap:8px;width:fit-content;margin:0 0 34px;font-weight:800}.hero h1{color:#111827;letter-spacing:0;margin:0;font-size:clamp(42px,5.2vw,68px);line-height:1.18}.lead{color:#777d8a;max-width:580px;margin:28px 0 0;font-size:20px;line-height:1.85}.hero-actions{gap:22px;margin-top:34px}.primary-link,.outline-link{border-radius:8px;justify-content:center;min-width:180px;min-height:56px;font-weight:900;text-decoration:none}.primary-link{color:#fff;background:#ff4058;gap:8px;box-shadow:0 16px 34px #ff405847}.outline-link{color:#ff4058;background:#fff;border:1px solid #ff4058;justify-content:center;align-items:center;display:inline-flex}.micro-copy{color:#a0a5ae;margin-top:20px;font-size:15px}.hero-demo{grid-template-columns:290px 1fr;align-items:center;gap:18px;display:grid}.mini-form,.result-preview{background:#fffffff0;border:1px solid #ffe0e4;border-radius:14px;box-shadow:0 22px 54px #ff405829}.mini-form{gap:16px;padding:22px;display:grid}.mini-head{color:#2f3340;gap:8px}.mini-head svg{color:#ff4058}.mini-form label{color:#2f3340;gap:8px;font-size:14px;font-weight:900;display:grid}.mini-form label span{color:#a4a9b2;justify-self:end;font-size:12px;font-weight:700}.mini-form input,.mini-form textarea{color:#232734;width:100%;font:inherit;resize:vertical;border:1px solid #e7eaf0;border-radius:8px;outline:none;padding:11px 12px}.mini-form input:focus,.mini-form textarea:focus,.auth-popover input:focus{border-color:#ff4058;box-shadow:0 0 0 3px #ff40581c}.tone-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tone-row button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:8px;min-height:42px;font-weight:800}.tone-row button.active{color:#ff4058;background:#fff4f6;border-color:#ff4058}.generate-button{color:#fff;min-height:54px;font:inherit;cursor:pointer;background:#ff4058;border:0;border-radius:8px;justify-content:center;gap:8px;font-weight:900}.generate-button:disabled{cursor:not-allowed;background:#cbd5e1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-preview{grid-template-columns:160px 1fr;gap:24px;padding:24px;display:grid}.result-visual{background:radial-gradient(circle at 30% 20%,#ffffffeb 0 4px,#0000 5px),radial-gradient(circle at 70% 28%,#fffc 0 5px,#0000 6px),linear-gradient(160deg,#ffd4da,#f9aab7 52%,#ffecee);border-radius:12px;min-height:260px;position:relative;overflow:hidden}.result-visual:before,.result-visual:after{content:"";background:#ffffffb8;border-radius:999px 999px 999px 0;position:absolute;transform:rotate(-28deg)}.result-visual:before{width:32px;height:20px;top:44px;right:28px}.result-visual:after{width:24px;height:16px;bottom:34px;left:26px}.candle{background:radial-gradient(circle at 50% 22%,#fff8e8 0 5px,#ffb13a 6px 9px,#0000 10px),linear-gradient(#ffffffdb,#ffffffa3);border-radius:14px 14px 18px 18px;height:112px;position:absolute;bottom:34px;left:34px;right:34px;box-shadow:inset 0 -20px 32px #ff778729,0 18px 24px #7d2a3638}.result-content{align-self:center}.result-content h2{margin:0 0 18px;font-size:24px;line-height:1.45}.result-content p{color:#5e6470;margin:0;font-size:16px;line-height:1.85}.tags{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.tags span{color:#ff4058;background:#fff1f3;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.result-actions{justify-content:flex-end}.outline-small{color:#ff4058;cursor:pointer;background:#fff;border:1px solid #ff4058;border-radius:8px;justify-content:center;gap:8px;min-height:42px;padding:0 18px;font-weight:900}.toast{color:#a93545;text-align:center;background:#fff7f8;border:1px solid #ffd1d7;border-radius:10px;max-width:900px;margin:-28px auto 48px;padding:14px 18px;font-weight:800}.section{max-width:1180px;margin:0 auto;padding:70px 24px}.section-title{text-align:center;margin-bottom:36px}.section-title.compact{margin-bottom:24px}.section-title h2{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.35}.section-title p{color:#9aa0aa;margin:10px 0 0;font-size:18px}.section-title span{background:#ff4058;border-radius:999px;width:48px;height:3px;margin:16px auto 0;display:block}.section-title strong{color:#ff4058}.feature-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.feature-card{background:#fff;border:1px solid #ffe0e4;border-radius:14px;min-height:210px;padding:34px;box-shadow:0 16px 42px #6428320f}.feature-card span{color:#ff4058;background:#fff1f3;border-radius:50%;justify-content:center;width:74px;height:74px;margin-bottom:22px}.feature-card h3{margin:0 0 12px;font-size:22px}.feature-card p,.step-card p,.result-block li,.price-card li{color:#69707c;line-height:1.75}.workflow{background:linear-gradient(#fff7f8,#fff);max-width:none}.workflow .section-title,.workflow-body{max-width:1180px;margin-left:auto;margin-right:auto}.workflow-body{justify-content:center;gap:26px}.step-card{background:#fff;border:1px solid #ffe0e4;border-radius:14px;width:400px;min-height:190px;padding:30px;box-shadow:0 16px 42px #64283214}.step-card.wide{width:520px}.step-card b{color:#fff;background:#ff4058;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:16px;display:grid}.step-card h3{margin:0 0 10px;font-size:22px}.step-arrow{color:#ff7a8a;flex:none}.delivery{padding-top:52px}.delivery-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.result-block{background:#fff;border:1px solid #ffe0e4;border-radius:14px;padding:26px}.result-block h3{margin:0 0 14px;font-size:20px}.result-block ol{gap:10px;margin:0;padding-left:20px;display:grid}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;max-width:980px;margin:0 auto;display:grid}.price-card{background:#fff;border:1px solid #f1d8dd;border-radius:14px;gap:22px;min-height:430px;padding:44px 34px 32px;display:grid;position:relative;box-shadow:0 18px 44px #1e232e14}.price-card.popular{border-color:#ff4058;transform:translateY(-10px)}.popular-badge{color:#fff;text-align:center;background:#ff4058;border-radius:0 0 8px 8px;min-width:140px;padding:8px 16px;font-size:14px;font-weight:900;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.price-card h3{text-align:center;margin:0;font-size:24px}.price{color:#ff4058;text-align:center;margin:0;font-size:44px;font-weight:900}.price-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.price-card li{gap:10px}.price-card li svg{color:#111827;flex:none}.price-card button{color:#ff4058;min-height:52px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ff4058;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:8px;font-weight:900;display:inline-flex}.price-card.popular button{color:#fff;background:#ff4058}.history-section{padding-top:20px}.history-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.history-item{color:#333844;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ffe0e4;border-radius:10px;justify-content:space-between;gap:12px;padding:0 16px}.history-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item em{color:#9aa0aa;font-size:13px;font-style:normal}footer{color:#9aa0aa;border-top:1px solid #fff0f2;flex-wrap:wrap;justify-content:center;gap:28px;padding:34px 24px 54px}button,input,textarea{letter-spacing:0}@media (width<=1040px){.hero,.hero-demo{grid-template-columns:1fr}.mini-form,.result-preview{width:100%;max-width:720px;margin:0 auto}.feature-grid,.delivery-grid,.price-grid{grid-template-columns:1fr}.workflow-body{display:grid}.step-card,.step-card.wide{width:100%}.step-arrow{justify-self:center;transform:rotate(90deg)}}@media (width<=720px){.nav{gap:18px;padding:16px;display:grid}.logo em{display:none}.nav nav{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.nav a,.text-button{text-align:center;min-height:38px;font-size:13px}.nav-cta{padding:10px}.auth-popover{top:118px;right:16px}.hero{padding:44px 16px 58px}.hero h1{font-size:38px}.lead{font-size:17px}.hero-actions{display:grid}.result-preview{grid-template-columns:1fr}.result-visual{min-height:220px}.section{padding:52px 16px}.price-card.popular{transform:none}}