.sticker-desktop{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#20333c;background:#f7f9fb;font-synthesis:none;--purple:#4310a5;--violet:#6b2fd6;--lime:#e2f58d;--ink:#143944;--muted:#75888d;--line:#e4e7e9}
.sticker-desktop *{box-sizing:border-box}
.sticker-desktop{margin:0}.sticker-desktop button,.sticker-desktop input,.sticker-desktop textarea{font:inherit}.sticker-desktop button{cursor:pointer}.sticker-desktop button:disabled{cursor:not-allowed}.sticker-desktop button:focus-visible,.sticker-desktop input:focus-visible,.sticker-desktop textarea:focus-visible{outline:3px solid #8e74ef;outline-offset:2px}
.sticker-desktop .app-shell{min-height:100vh;display:flex}.sticker-desktop .sidebar{flex:0 0 228px;background:linear-gradient(180deg,#1b4078,#122d59);color:#fff;padding:27px 14px;display:flex;flex-direction:column;gap:6px}.sticker-desktop .brand{display:flex;align-items:center;gap:10px;padding:0 7px 26px}.sticker-desktop .brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--lime);color:#18325b;font-size:24px}.sticker-desktop .brand strong,.sticker-desktop .brand small{display:block}.sticker-desktop .brand strong{font-size:18px}.sticker-desktop .brand small{font-size:10px;color:#c5d6f4;margin-top:2px}.sticker-desktop .side-label{font-size:11px;color:#a8bede;padding:16px 12px 7px}.sticker-desktop .side-item{padding:14px 11px;border-radius:12px;color:#cbd9ee;font-size:14px}.sticker-desktop .side-item.active{background:#ffffff1f;color:white;font-weight:700}.sticker-desktop .side-tip{margin:auto 7px 0;padding:14px;border:1px solid #ffffff3b;border-radius:14px;line-height:1.7;font-size:13px}.sticker-desktop .side-tip span{color:#abc6df;font-size:11px}
.sticker-desktop .main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.sticker-desktop .topbar{height:67px;flex:none;background:white;border-bottom:1px solid #e7e9ed;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.sticker-desktop .top-left{display:flex;align-items:center;gap:12px}.sticker-desktop .top-title{font-size:17px;font-weight:800;color:#1a3751}.sticker-desktop .icon-btn{border:1px solid #e3e8eb;border-radius:12px;width:38px;height:38px;background:#fff;color:#39556a;display:grid;place-items:center}.sticker-desktop .preview-badge{border:1px solid #decffb;background:#f6f1ff;color:#6739ba;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}
.sticker-desktop .workspace{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:22px 0 26px;flex:1}.sticker-desktop .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,#e3f891aa,transparent 21%),linear-gradient(110deg,#fff 3%,#f3eaff 70%,#fff5e9);border:1px solid #e7d9ef;border-radius:22px;padding:25px 29px;min-height:152px;box-shadow:0 14px 34px #4310a510}.sticker-desktop .hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:42%;background:#f49b6b22;right:-38px;bottom:-100px;transform:rotate(25deg)}.sticker-desktop .hero-copy{position:relative;z-index:1}.sticker-desktop .eyebrow{display:inline-block;background:#e8faab;border-radius:8px;padding:6px 10px;font-size:11px;color:#476123;font-weight:900}.sticker-desktop .hero h1{color:#222d4e;font-size:27px;line-height:1.27;margin:13px 0 6px;letter-spacing:-.04em}.sticker-desktop .hero p{margin:0;color:#66767e;font-size:13px}.sticker-desktop .hero-mini{position:absolute;right:24px;top:26px;border-radius:99px;background:#fff8;color:#543695;border:1px solid #e7dcf4;padding:7px 12px;font-size:11px;font-weight:800;z-index:1}
.sticker-desktop .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0}.sticker-desktop .step-card{border:1px solid #e4e0eb;border-radius:15px;min-height:79px;background:#fff;padding:13px;text-align:left;display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;box-shadow:0 8px 24px #4f34700a;color:#253945}.sticker-desktop .step-card.current{background:linear-gradient(120deg,#371078,#5b1bc5);border-color:#5320b7;box-shadow:0 15px 28px #4013862b;color:#fff}.sticker-desktop .step-card.done{background:#fbfff0;border-color:#d7e4a9}.sticker-desktop .step-num{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:#eeebf4;color:#694c9d;font-weight:900;display:grid;place-items:center;font-size:12px}.sticker-desktop .current .step-num{background:var(--lime);color:#38432a}.sticker-desktop .done .step-num{background:#dff4a1;color:#35641a}.sticker-desktop .step-name{font-size:14px;font-weight:900;line-height:1.2}.sticker-desktop .step-line{font-size:10px;opacity:.67;line-height:1.4;margin-top:3px}
.sticker-desktop .work-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.74fr);gap:17px;align-items:stretch}.sticker-desktop .editor-card,.sticker-desktop .side-preview{background:#fff;border:1px solid #e5deed;border-radius:19px;box-shadow:0 17px 39px #3c18600b}.sticker-desktop .editor-card{min-height:456px;padding:22px}.sticker-desktop .section-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee8f1;padding-bottom:15px}.sticker-desktop .section-index{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--purple);color:#fff;font-size:13px;font-weight:900}.sticker-desktop .section-head h2{font-size:19px;color:#1d3150;margin:0 0 3px;line-height:1.25}.sticker-desktop .section-head p{font-size:11px;color:#77858b;margin:0}.sticker-desktop .editor-inner{padding:20px 3px 0}.sticker-desktop .field-label{display:block;font-size:13px;font-weight:800;color:#293d46;margin-bottom:9px}.sticker-desktop .idea-input{display:block;width:100%;min-height:179px;resize:vertical;background:#fcfbff;border:1px solid #ddd2e9;border-radius:13px;padding:15px 16px;color:#243c45;font-size:16px;line-height:1.6}.sticker-desktop .field-tools{display:flex;align-items:center;justify-content:space-between;margin:9px 0 21px;color:#8b9297;font-size:11px}.sticker-desktop .text-link{border:0;background:none;padding:0;color:#5730ad;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:3px;text-align:left}.sticker-desktop .count-row{background:#f7f5fa;border:1px solid #ebe6f2;border-radius:13px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sticker-desktop .count-row strong,.sticker-desktop .count-row small{display:block}.sticker-desktop .count-row strong{font-size:13px}.sticker-desktop .count-row small{font-size:10px;color:#7a878c;margin-top:3px}.sticker-desktop .count-control{display:flex;align-items:center;gap:8px}.sticker-desktop .count-control button{border:1px solid #ddd6e7;background:#fff;border-radius:9px;width:32px;height:32px;color:#5531aa;font-weight:800}.sticker-desktop .count-control b{min-width:17px;text-align:center;color:#2a3152}
.sticker-desktop .choice-list{display:grid;gap:8px}.sticker-desktop .choice{width:100%;min-height:54px;border:1px solid #e6e3e9;background:#fff;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px 11px;text-align:left;color:#243d46;font-size:13px;font-weight:700}.sticker-desktop .choice.selected{border:1.5px solid #8249d6;background:#f7f1ff}.sticker-desktop .choice-number{font-size:11px;color:#7958ae;font-weight:900}.sticker-desktop .choice-check{margin-left:auto;color:#6032b4}.sticker-desktop .package-preview{margin-top:12px;padding:13px 14px;background:#f7f9fa;border:1px solid #e9edef;border-radius:13px}.sticker-desktop .package-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#294054}.sticker-desktop .body-snippet{font-size:12px;line-height:1.55;color:#5e6e75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 6px}.sticker-desktop .topic-line{font-size:11px;color:#6c4bb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.sticker-desktop .side-preview{padding:18px;display:flex;flex-direction:column}.sticker-desktop .preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:#243746;margin-bottom:12px}.sticker-desktop .preview-heading small{font-size:10px;color:#8b9095;font-weight:500}.sticker-desktop .preview-art{width:min(100%,230px);aspect-ratio:3/4;margin:0 auto;position:relative;overflow:hidden;border-radius:13px;background:#f1dbca;color:#593c2d;box-shadow:0 15px 28px #583b6a20;display:flex;flex-direction:column;padding:15px}.sticker-desktop .preview-art:before,.sticker-desktop .sticker-art:before,.sticker-desktop .delivery-mini:before{content:"";position:absolute;width:130%;height:55%;left:-10%;top:34%;border-radius:50%;background:#f0bfa96b;transform:rotate(-26deg)}.sticker-desktop .preview-art:after,.sticker-desktop .sticker-art:after,.sticker-desktop .delivery-mini:after{content:"";position:absolute;width:90%;height:35%;right:-32%;top:5%;border-radius:100%;background:#e6a58a8c}.sticker-desktop .art-brand,.sticker-desktop .art-counter,.sticker-desktop .art-copy,.sticker-desktop .art-footer{position:relative;z-index:1}.sticker-desktop .art-brand{font-size:10px;font-weight:900}.sticker-desktop .art-brand i{font-style:normal;opacity:.5}.sticker-desktop .art-counter{align-self:flex-end;margin-top:-13px;font-size:10px;font-weight:800}.sticker-desktop .art-decoration{position:absolute;z-index:0;width:80%;height:2px;background:#ad8c7a55;top:34%;left:10%;transform:rotate(-25deg)}.sticker-desktop .art-copy{margin:auto 0}.sticker-desktop .art-copy small{display:block;font-size:12px;font-weight:800;margin-bottom:9px;opacity:.7}.sticker-desktop .art-copy b{display:block;font-size:26px;line-height:1.35;letter-spacing:-.05em}.sticker-desktop .art-footer{font-size:10px;opacity:.75}.sticker-desktop .preview-bottom{margin-top:14px}.sticker-desktop .preview-bottom strong{font-size:13px;color:#283d4b}.sticker-desktop .preview-bottom p{margin:6px 0 0;font-size:11px;color:#849097;line-height:1.6}
.sticker-desktop .stage-three{display:flex;flex-direction:column}.sticker-desktop .card-selector{display:flex;gap:7px;margin-bottom:11px}.sticker-desktop .card-tab{flex:1;height:32px;max-width:54px;border-radius:9px;border:1px solid #e2e3e7;background:white;color:#647581;font-size:11px;font-weight:800}.sticker-desktop .card-tab.selected{background:#e2f58d;border-color:#bfd970;color:#2c532c}.sticker-desktop .sticker-review{display:flex;align-items:center;gap:13px}.sticker-desktop .sticker-art{width:180px;aspect-ratio:3/4;flex:none;position:relative;overflow:hidden;border-radius:12px;background:#f1dbca;color:#593c2d;display:flex;flex-direction:column;padding:12px;box-shadow:0 8px 20px #583b6a1b}.sticker-desktop .sticker-art .art-copy b{font-size:20px}.sticker-desktop .sticker-art .art-copy small{font-size:10px}.sticker-desktop .sticker-art .art-brand,.sticker-desktop .sticker-art .art-counter,.sticker-desktop .sticker-art .art-footer{font-size:8px}.sticker-desktop .review-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;min-width:0;color:#687c85;font-size:11px;text-align:center}.sticker-desktop .review-controls button{border:1px solid #dfe5e7;border-radius:99px;background:#fff;color:#375863;display:grid;place-items:center;flex:none;width:32px;height:32px}.sticker-desktop .inline-settings{display:flex;gap:8px;margin-top:11px}.sticker-desktop .soft-btn{background:#f7f4fc;border:1px solid #e6def1;border-radius:10px;color:#55358e;min-height:36px;flex:1;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.sticker-desktop .comment-link{margin-top:8px;width:100%;background:#fff;border:1px solid #e8eaed;border-radius:10px;min-height:38px;padding:7px 11px;font-size:11px;font-weight:800;color:#394d55;display:flex;gap:7px;align-items:center;text-align:left}.sticker-desktop .comment-link span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#778991;font-weight:400}.sticker-desktop .comment-link svg{color:#663fb6}
.sticker-desktop .fresh{background:#e3f4db!important;color:#37573b!important}.sticker-desktop .fresh:before{background:#9acb8c70!important}.sticker-desktop .fresh:after{background:#cbe59cb0!important}.sticker-desktop .magazine{background:#1c4a51!important;color:#f5efdb!important}.sticker-desktop .magazine:before{background:#2f727b9e!important}.sticker-desktop .magazine:after{background:#c5aa799a!important}.sticker-desktop .warm{background:#f4e4d3!important;color:#5b3c32!important}
.sticker-desktop .delivery-overview{display:flex;gap:17px;align-items:center}.sticker-desktop .delivery-mini{width:112px;height:150px;flex:none;position:relative;overflow:hidden;border-radius:10px;background:#f4e4d3;color:#5b3c32;padding:9px;display:flex;flex-direction:column;justify-content:space-between}.sticker-desktop .delivery-mini>span,.sticker-desktop .delivery-mini>small,.sticker-desktop .delivery-mini>b{position:relative;z-index:1}.sticker-desktop .delivery-mini>span,.sticker-desktop .delivery-mini>small{font-size:7px;font-weight:900}.sticker-desktop .delivery-mini>b{font-size:15px;line-height:1.4}.sticker-desktop .delivery-info{min-width:0}.sticker-desktop .done-tag{font-size:10px;color:#426c2d;background:#e6f5cd;border-radius:99px;padding:4px 8px;display:inline-flex;align-items:center;gap:3px;font-weight:800}.sticker-desktop .delivery-info h3{font-size:15px;line-height:1.35;color:#1c3852;margin:8px 0}.sticker-desktop .delivery-info p{font-size:11px;color:#72878b;margin:0 0 8px}.sticker-desktop .copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.sticker-desktop .copy-grid button{min-height:39px;border:1px solid #e2dce9;border-radius:10px;background:#fff;color:#4c328e;font-size:11px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:6px}.sticker-desktop .download-demo{width:100%;height:37px;border-radius:10px;border:0;background:#f0f9cb;color:#345527;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px}.sticker-desktop .prototype-note{font-size:10px;color:#829093;margin-top:9px;line-height:1.5}
.sticker-desktop .action-dock{position:sticky;bottom:0;z-index:5;margin-top:auto;min-height:77px;background:linear-gradient(112deg,#330977,#6020c8);border-top:1px solid #7e53dc;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px max(26px,calc((100vw - 1220px - 228px)/2 + 24px));box-shadow:0 -11px 26px #30106419}.sticker-desktop .action-dock strong,.sticker-desktop .action-dock span{display:block}.sticker-desktop .action-dock strong{font-size:14px}.sticker-desktop .action-dock span{font-size:10px;color:#e3d6fa;margin-top:3px}.sticker-desktop .primary-btn{border:0;border-radius:12px;min-height:48px;min-width:177px;background:var(--lime);color:#293b2e;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;white-space:nowrap;box-shadow:0 8px 24px #b5d04b36}
.sticker-desktop .modal-backdrop{position:fixed;inset:0;z-index:20;background:#1b1b2b7d;display:grid;place-items:center;padding:20px}.sticker-desktop .modal{width:min(470px,100%);max-height:min(85dvh,700px);overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 30px 80px #1605384f}.sticker-desktop .modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee}.sticker-desktop .modal-header h3{font-size:18px;margin:0;color:#233650}.sticker-desktop .modal-body{padding:19px 20px;overflow:auto;display:grid;gap:13px}.sticker-desktop .modal-body label{display:grid;gap:6px;color:#405363;font-size:12px;font-weight:800}.sticker-desktop .modal-body input,.sticker-desktop .modal-body textarea{border:1px solid #ddd5e9;border-radius:10px;padding:11px;color:#2f4650;width:100%;font-size:14px;line-height:1.5;resize:vertical}.sticker-desktop .modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid #eee}.sticker-desktop .modal-actions button{border-radius:10px;min-height:41px;padding:0 20px;font-size:13px;font-weight:900}.sticker-desktop .modal-actions .cancel{background:#fff;border:1px solid #ddd;color:#596c74}.sticker-desktop .modal-actions .confirm{border:0;background:#4f1bab;color:#fff}.sticker-desktop .style-options{display:grid;gap:9px}.sticker-desktop .style-option{border:1px solid #ddd8e5;border-radius:12px;min-height:52px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;color:#314a53;font-weight:800}.sticker-desktop .style-option.selected{border:2px solid #7443c2;background:#f7f3ff}.sticker-desktop .style-dot{width:27px;height:27px;border-radius:8px}.sticker-desktop .modal-explain{font-size:13px;line-height:1.7;color:#63767e}.sticker-desktop .toast{position:fixed;z-index:30;left:50%;bottom:96px;transform:translateX(-50%);background:#26334a;color:white;border-radius:11px;padding:11px 16px;box-shadow:0 12px 30px #19203633;font-size:12px;white-space:nowrap}
@media(max-width:1050px){.sticker-desktop .sidebar{flex-basis:180px}.sticker-desktop .work-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr)}.sticker-desktop .hero h1{font-size:24px}.sticker-desktop .step-line{display:none}.sticker-desktop .step-card{min-height:60px}.sticker-desktop .action-dock{padding:12px 22px}}

/* 手机稿为独立操作页：整页不下滑，长文案仅在自身卡片内滚动。 */
.sticker-desktop .comment-snippet{font-size:11px;color:#738289;border-top:1px solid #e5e9eb;margin-top:10px;padding-top:8px;line-height:1.5}.sticker-desktop .delivery-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:13px}.sticker-desktop .delivery-tile{border:1px solid #e3dfeb;border-radius:9px;background:#fcfaff;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#67469f}.sticker-desktop .delivery-tile.active{background:#ecf6bb;border-color:#c7d991;color:#3b582e}.sticker-desktop .delivery-tile b{font-size:12px}.sticker-desktop .delivery-tile small{font-size:9px}

/* 微信 T 图营销 H5 二次评审：只作用于独立手机体验稿，PC 保持定稿。 */
.sticker-desktop .generation-orbit{width:78px;height:78px;border-radius:50%;background:#efe7ff;border:2px dashed #9372d2;display:grid;place-items:center;color:#622ab3;animation:orbit 2.4s linear infinite;flex:none}
@keyframes orbit{to{transform:rotate(360deg)}}
.sticker-desktop .generation-status{border:1px solid #e6e0f0;background:#faf6ff;border-radius:9px;padding:10px 14px;font-size:11px;color:#613aa7;font-weight:800;width:100%;text-align:left}
.sticker-desktop .pulse-dot{display:inline-block;width:7px;height:7px;background:#7f4ed6;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #eee5ff}
.sticker-desktop .delivery-copy-title{font-size:10px;color:#657887;border:1px solid #e8e5ec;background:#fcfbff;border-radius:9px;padding:7px 9px;display:flex;gap:7px;align-items:center;flex:none}
.sticker-desktop .delivery-copy-title span{font-size:11px;font-weight:800;color:#263c4f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sticker-desktop .delivery-comment{font-size:10px;color:#657887;border:1px solid #e8e5ec;background:#fcfbff;border-radius:9px;padding:6px 9px;display:flex;gap:7px;align-items:center;flex:none}
.sticker-desktop .delivery-comment span{font-size:10px;color:#49616a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sticker-desktop .preview-home-hero{background:radial-gradient(circle at 90% 10%,#e8f69b,transparent 30%),linear-gradient(125deg,#fff,#f1eaff);border:1px solid #e5daf0;border-radius:17px;padding:20px;min-height:138px}
.sticker-desktop .preview-home-hero span{font-size:10px;color:#633b9e;font-weight:900}.sticker-desktop .preview-home-hero h1{font-size:23px;color:#293a54;margin:12px 0 5px}.sticker-desktop .preview-home-hero p{font-size:11px;color:#75858d;margin:0}
.sticker-desktop .preview-home-card,.sticker-desktop .preview-task-card{width:100%;border:1px solid #e3e0e9;background:#fff;border-radius:14px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:8px;color:#293e4e}
.sticker-desktop .preview-home-card strong,.sticker-desktop .preview-task-card strong{font-size:15px}.sticker-desktop .preview-home-card span,.sticker-desktop .preview-task-card small{font-size:11px;color:#71828a;display:flex;justify-content:space-between;align-items:center}
.sticker-desktop .preview-task-card>span{font-size:10px;font-weight:900;color:#5b32a7;background:#f3ecff;border-radius:7px;padding:4px 8px;align-self:flex-start}
.sticker-desktop .home-disclaimer{font-size:10px;color:#9aa4a8;margin:auto 0 0}
@media(prefers-reduced-motion:reduce){.sticker-desktop .generation-orbit{animation:none}}