@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b171b;--panel:#14272a;--line:#aec7ba24;--muted:#a0b8af;--ink:#edf3e9;--lime:#d3f5a1;--gold:#ddc7a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,select,input,textarea{color:var(--ink);background:#0d1d21;border:1px solid var(--line);border-radius:8px;padding:11px 14px}button:hover,a.action:hover{border-color:var(--lime)}button[aria-pressed=true],.primary{background:var(--lime);border-color:var(--lime);color:#183225}header{padding:23px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:24px;letter-spacing:2px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:3px}header nav{display:flex;gap:24px;color:var(--muted);font-size:12px}.wrap{max-width:1520px;margin:auto;padding:38px 4% 55px}.eyebrow{color:var(--lime);letter-spacing:3px;font-size:10px;text-transform:uppercase}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h1{font-size:clamp(28px,3.8vw,48px);line-height:1.25;letter-spacing:-1px;font-weight:550;margin:12px 0}h2{font-size:21px;font-weight:550;margin:0 0 17px}h3{font-size:16px;font-weight:550}.muted,.intro>p{color:var(--muted);font-size:12px}.intro>p{max-width:390px;margin:0}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#19302f,#101f25)}.control{align-self:start}.control label{display:block;color:var(--muted);font-size:11px;margin:20px 0 7px}.control label:first-of-type{margin-top:12px}input,select,textarea{width:100%}textarea{resize:vertical;min-height:100px}.number{color:var(--gold);font-size:10px;letter-spacing:2px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:grid;gap:20px;min-width:0}.pill{font-size:10px;letter-spacing:1px;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:20px}.small{font-size:11px;color:var(--muted)}.action{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:7px}.status{min-height:24px;color:var(--lime);font-size:12px;overflow-wrap:anywhere}.export{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}pre{font:12px/1.9 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#c3d3cb}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{text-align:left;min-height:140px;padding:20px;background:#13272a}.plan b{display:block;font-size:18px;margin:8px 0}.plan span{display:block;font-size:11px;opacity:.78}.plan[aria-pressed=true]{background:#233d31;color:var(--ink);border-color:#d3f5a1}.plan[aria-pressed=true] .number{color:var(--lime)}.poster-shell{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:25px;align-items:center;min-height:460px}.poster{--accent:#d7e5a4;position:relative;aspect-ratio:1.4;min-width:0;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#476c52,#162c2e 70%);padding:30px;color:#f0f0d9;box-shadow:0 24px 45px #0005;transition:aspect-ratio .3s}.poster[data-format=portrait]{aspect-ratio:3/4;max-height:560px;width:min(100%,420px);justify-self:center}.poster[data-format=square]{aspect-ratio:1;max-height:560px;width:min(100%,560px);justify-self:center}.poster::before{content:'';position:absolute;width:65%;height:80%;border:1px solid #dbe9b333;border-radius:50%;right:-8%;top:5%;transform:rotate(-25deg)}.poster .stamp{font-size:8px;letter-spacing:3px;color:var(--accent)}.poster h2{position:relative;z-index:2;font-size:clamp(23px,3vw,40px);max-width:75%;line-height:1.35;overflow-wrap:anywhere}.poster .tagline{position:relative;z-index:2;max-width:55%;font-size:11px}.poster footer{position:absolute;left:30px;bottom:24px;font-size:9px;letter-spacing:2px;color:var(--accent)}.object{position:absolute;right:14%;bottom:16%;width:24%;height:54%;background:linear-gradient(90deg,#b2c09b,#f1edce 40%,#a1b397);border-radius:44% 44% 12% 12% / 9% 9% 4% 4%;transform:rotate(12deg);box-shadow:15px 22px 28px #0008,inset -8px 0 20px #0002;display:grid;place-items:center;color:#305246;text-align:center}.object::before{content:'';position:absolute;top:0;left:0;right:0;height:7%;border-radius:50%;background:#d5ddba;border:2px solid #718a69}.object b{font-family:serif;font-size:clamp(13px,2vw,25px);writing-mode:vertical-rl;letter-spacing:6px}.poster[data-product=tech]{background:radial-gradient(ellipse at 65% 40%,#466a7f,#14242e 70%);--accent:#a1e6ed}.poster[data-product=tech] .object{height:37%;bottom:22%;border-radius:20px;background:linear-gradient(125deg,#a4dad7,#264e64);transform:rotate(-16deg)}.poster[data-product=tech] .object::before{display:none}.poster[data-product=tech] .object b{writing-mode:horizontal-tb;font-family:system-ui;font-size:35px}.poster[data-product=travel]{background:linear-gradient(90deg,#0c262bef,#15382a44),url('../media/drama-poster.jpg') center/cover;--accent:#e7ca95}.poster[data-product=travel] .object{display:none}.poster-info h3{font-size:22px}.poster-info p{color:var(--muted);font-size:12px}.specs{padding:0;list-style:none;font-size:11px;color:var(--muted)}.specs li{padding:9px 0;border-bottom:1px solid var(--line)}.media-panel{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.screen{position:relative;background:#040a0d;border-radius:12px;overflow:hidden;min-width:0}.screen video{display:block;width:100%;height:440px;object-fit:contain}.screen-label{position:absolute;left:17px;top:14px;font-size:9px;letter-spacing:2px;background:#09191ccc;padding:5px 10px;pointer-events:none}.timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:14px}.segment{padding:12px 8px;text-align:left;font-size:10px;background:linear-gradient(#294237,#17322f);border-top:3px solid #659a83;min-width:0}.segment span{display:block;white-space:nowrap}.segment.active{border-color:var(--lime);background:#354b33}.timeline-title{display:flex;justify-content:space-between;gap:15px;margin-top:23px;font-size:11px;color:var(--muted)}.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.phases button{font-size:11px;padding:10px 4px}.notes-list{padding-left:18px;font-size:12px;color:var(--muted)}audio{max-width:100%;height:36px}.checklist{list-style:none;padding:0;color:var(--muted);font-size:12px}.checklist li{padding:12px 0;border-bottom:1px solid var(--line)}.checklist b{color:var(--lime);margin-right:10px}.production-note{border-left:2px solid var(--gold);padding-left:12px;font-size:12px;color:var(--muted)}.toast{min-height:20px}footer.page-foot{padding:23px 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:15px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}@media(max-width:1000px){.workspace{grid-template-columns:230px minmax(0,1fr)}.poster-shell,.media-panel{grid-template-columns:1fr}.poster-info{display:none}.screen video{height:390px}.media-panel aside{display:none}.poster-shell{min-height:0}.plans{gap:8px}.plan{padding:13px}}@media(max-width:700px){header{padding:16px 5%}header nav{gap:12px;font-size:10px}.brand{font-size:21px}.wrap{padding:26px 5%}.intro{display:block}.intro>p{margin-top:15px}.workspace{grid-template-columns:1fr}.control{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:20px}.control>h2,.control>.number,.control>.small,.control>.row{grid-column:1/-1}.control label{margin-top:0}.panel{padding:19px}.plans{grid-template-columns:1fr}.plan{min-height:0;display:grid;grid-template-columns:30px 1fr;gap:2px 10px}.plan span:last-child{grid-column:2}.plan b{font-size:16px;margin:0}.poster{min-height:290px;padding:22px}.poster h2{font-size:28px}.poster .tagline{max-width:60%}.poster-shell{gap:12px}.export{grid-template-columns:1fr}.screen video{height:380px}.timeline{grid-template-columns:repeat(3,1fr)}.phases{grid-template-columns:repeat(2,1fr)}.row button,.row a{font-size:12px}.intro h1{font-size:32px}footer.page-foot{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

h1,.poster h2{text-wrap:balance}.control>div{min-width:0}select{max-width:100%}.segment[aria-pressed=true]{color:var(--ink)}.poster{width:100%}.poster-shell{min-width:0}
@media(max-width:700px){.intro h1{font-size:clamp(26px,7.8vw,32px)}}

:root{--bg:#101b15;--panel:#192b21;--lime:#e0d4ad;--gold:#d2bd8c;--ink:#f2f0e6;--muted:#b0bcaa;--line:#dedac328}body{background:var(--bg)}.panel{background:#17271e;border-radius:5px}.plan{background:#15251d;border-radius:5px}.plan[aria-pressed=true]{background:#2d3d2b;border-color:#cfbf96}.action,.row button{border-radius:28px}.poster{isolation:isolate;border-radius:3px;background:#15271d!important;box-shadow:none}.poster:before{inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;background:linear-gradient(90deg,#0b1a14d9,#0b1a1444 80%);z-index:-1}.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;z-index:-2}.poster .stamp{position:relative;z-index:2;color:#ded4b7}.poster h2{font-size:clamp(23px,2.7vw,38px);font-weight:500;max-width:75%;margin-top:27px}.poster .tagline{color:#d9dfce}.poster footer{color:#ddd4b6;z-index:2;max-width:85%;overflow-wrap:anywhere}.poster[data-plan="1"] .campaign-image{object-position:78% 50%}.poster[data-plan="1"]:before{background:linear-gradient(0deg,#091810dd,transparent 90%)}.poster[data-plan="1"] h2{margin-top:20%;max-width:90%}.poster[data-plan="2"] h2{font-family:Georgia,"Songti SC",SimSun,serif;letter-spacing:2px}.poster[data-format="portrait"] .campaign-image{object-position:65% 50%}.screen{border-radius:4px}.number{color:#c5b58e}input,select,textarea{background:#101c15}.intro .eyebrow{color:#d3c49c}
@media(max-width:700px){.poster{min-height:320px}.poster h2{font-size:27px;max-width:90%}.poster .tagline{max-width:75%;font-size:11px}.poster[data-format=portrait]{min-height:440px}.poster[data-plan="1"] h2{margin-top:18%}.poster footer{font-size:8px;bottom:18px;left:22px}}