:root{--ink:#18211e;--muted:#66716c;--line:#dbe3de;--paper:#f7f8f5;--panel:#fff;--green:#1d7752;--blue:#286ab1;--coral:#d9564a;--yellow:#e8b73f;--shadow:0 14px 36px rgba(24,33,30,.1);--radius:8px;--accent:var(--green)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.55}body.theme-video{--accent:var(--blue)}body.theme-digital{--accent:var(--coral)}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(247,248,245,.92);backdrop-filter:blur(12px)}.topbar-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--ink);font-weight:800}.brand-title{display:block;font-size:15px;font-weight:780}.brand-subtitle{display:block;color:var(--muted);font-size:11px}.nav{display:flex;gap:5px;align-items:center}.nav a{padding:8px 10px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:680;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a.active{color:#fff;background:var(--accent)}
body.modal-active{overflow:hidden}
.hero{padding:64px 0 46px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:34px;align-items:stretch}.hero-copy{display:flex;min-height:420px;flex-direction:column;justify-content:center}.eyebrow,.section-label{display:inline-flex;width:fit-content;color:var(--accent);font-size:12px;font-weight:800}.eyebrow{margin-bottom:18px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,white)}h1{max-width:760px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:0}h2{margin:0;font-size:clamp(27px,3.5vw,40px);letter-spacing:0}h3{margin:0;font-size:19px}.lead{max-width:700px;margin:22px 0 0;color:#46524d;font-size:clamp(17px,2vw,21px)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;font-weight:760;text-decoration:none}.button.primary{border-color:var(--accent);color:#fff;background:var(--accent)}.hero-media{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#111;box-shadow:var(--shadow)}.hero-media img,.hero-media video{width:100%;height:100%;min-height:420px;display:block;object-fit:cover}.media-label{position:absolute;left:14px;right:14px;bottom:14px;padding:13px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#fff;background:rgba(12,17,15,.72);backdrop-filter:blur(10px)}.media-label strong,.media-label span{display:block}.media-label span{margin-top:3px;color:rgba(255,255,255,.76);font-size:12px}
section{padding:44px 0}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef3ef}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-note{max-width:650px;margin:8px 0 0;color:var(--muted);font-size:15px}.service-grid,.three-grid,.quote-grid,.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--card-accent);border-radius:var(--radius);background:#fff}.service-card.image{--card-accent:var(--green)}.service-card.video{--card-accent:var(--blue)}.service-card.digital{--card-accent:var(--coral)}.service-visual{height:210px;display:grid;place-items:center;overflow:hidden;background:#edf2ee}.service-visual img{width:100%;height:100%;display:block;object-fit:cover}.service-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--green);background:linear-gradient(135deg,#edf5ef,#e8f0f6);font-size:18px;font-weight:800}.service-body{padding:20px}.service-body p,.info-card p,.quote-card p,.process-card p{margin:8px 0 0;color:var(--muted);font-size:14px}.service-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.count{color:var(--muted);font-size:12px}.text-link{color:var(--card-accent,var(--accent));font-size:13px;font-weight:800;text-decoration:none}.process-card,.info-card,.quote-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.process-number{display:block;margin-bottom:20px;color:var(--accent);font-size:13px;font-weight:800}.page-intro{padding:54px 0 28px}.page-intro .lead{max-width:780px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px}.metric{padding:15px;border-left:3px solid var(--accent);background:#fff}.metric strong,.metric span{display:block}.metric strong{font-size:24px}.metric span{color:var(--muted);font-size:12px}
.empty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.empty-case{min-height:250px;display:grid;align-content:center;gap:8px;padding:24px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:var(--radius);background:#fff}.empty-case strong{font-size:19px}.empty-case span{color:var(--muted);font-size:14px}.empty-badge{width:fit-content;padding:5px 8px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);font-size:11px;font-weight:800}.requirements{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.check-list li{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#44504b;font-size:13px}
.tools{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:12px;align-items:center;margin-bottom:18px}.search{min-height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#fff}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter{min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;font:inherit;font-size:12px;font-weight:760;cursor:pointer}.filter.active{border-color:var(--accent);color:#fff;background:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 22px rgba(24,33,30,.06)}.video-wrap{position:relative;aspect-ratio:9/16;background:#111}.video-wrap.horizontal{aspect-ratio:16/9}.video-wrap video{width:100%;height:100%;display:block;object-fit:cover}.badge{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:999px;color:#fff;background:rgba(20,69,51,.9);font-size:11px;font-weight:800}.card-body{padding:13px}.card-title{display:flex;justify-content:space-between;gap:8px;font-weight:780}.duration{color:var(--muted);font-size:11px}.card-body p{min-height:62px;margin:7px 0 0;color:var(--muted);font-size:12px}.mini-button{width:100%;min-height:34px;margin-top:10px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:12px;font-weight:760;cursor:pointer}.hidden{display:none!important}
.digital-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.digital-grid .wide{grid-column:span 2}.workflow-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:30px;align-items:start}.workflow-copy h2{margin-top:8px}.capability-list{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.capability-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:#46514c;font-size:13px}.capability-list b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:11px}.case-note{margin-top:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.workflow-video{overflow:hidden;border-radius:var(--radius);background:#111;box-shadow:var(--shadow)}.workflow-video video{width:100%;max-height:580px;display:block;object-fit:contain}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.before-after figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.before-after img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.before-after figcaption{padding:8px 10px;color:var(--muted);font-size:11px}.capability-map{width:100%;display:block;margin-top:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.footer{padding:30px 0 42px;color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:22px;background:rgba(7,12,10,.78)}.modal.open{display:grid}.modal-card{width:min(940px,100%);max-height:calc(100vh - 44px);display:grid;grid-template-columns:minmax(260px,.58fr) minmax(260px,.42fr);overflow:hidden;border-radius:var(--radius);background:#fff}.modal-video{min-height:68vh;background:#111}.modal-video video{width:100%;height:100%;display:block;object-fit:contain}.modal-info{position:relative;padding:27px;overflow:auto}.close{position:absolute;top:13px;right:13px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:19px;cursor:pointer}.modal-info h3{margin-top:24px}.modal-info p{color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:7px}.meta span{padding:6px 8px;border-radius:7px;background:#eef4f0;font-size:11px;font-weight:720}
.segment-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.segment{min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;font:inherit;font-size:13px;font-weight:780;cursor:pointer}.segment.active{border-color:var(--green);color:#fff;background:var(--green)}.case-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.case-filter{min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font:inherit;font-size:12px;font-weight:730;cursor:pointer}.case-filter.active{color:var(--green);border-color:var(--green);background:#edf6f1}.image-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.image-case{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 9px 24px rgba(24,33,30,.07)}.case-board{position:relative;overflow:hidden;aspect-ratio:3/2;background:#f3f5f2}.case-board img{width:100%;height:100%;display:block;object-fit:cover}.case-board::after{position:absolute;top:7px;bottom:7px;width:calc(33.333% - 10px);border:3px solid var(--green);border-radius:6px;box-shadow:0 0 0 999px rgba(15,24,20,.18);content:"";pointer-events:none;transition:left .2s ease}.case-board[data-mode="main"]::after{left:5px}.case-board[data-mode="sku"]::after{left:calc(33.333% + 5px)}.case-board[data-mode="detail"]::after{left:calc(66.666% + 5px)}.demo-label{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;border-radius:999px;color:#fff;background:rgba(24,33,30,.82);font-size:10px;font-weight:800}.image-case-body{padding:16px}.image-case-body h3{display:flex;justify-content:space-between;gap:8px}.image-case-body h3 span{color:var(--muted);font-size:11px;font-weight:700}.image-case-body p{min-height:62px;margin:8px 0 0;color:var(--muted);font-size:13px}.spec-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.spec-list span{padding:7px;border-radius:6px;background:#f2f5f3;color:#4a5550;font-size:10px;text-align:center}.image-button{width:100%;min-height:36px;margin-top:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green);font:inherit;font-size:12px;font-weight:780;cursor:pointer}.mode-panel{margin-bottom:18px;padding:18px;border-left:4px solid var(--green);background:#fff}.mode-panel h3{margin:0}.mode-panel p{margin:6px 0 0;color:var(--muted);font-size:13px}.mode-panel[hidden]{display:none}.module-flow{display:flex;align-items:center;gap:7px;overflow:auto;padding:14px 0}.module-flow span{flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#4a5550;font-size:11px;font-weight:720}.module-flow b{color:var(--green)}.tech-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tech-item{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.tech-item strong{display:block}.tech-item span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.image-modal{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:24px;background:rgba(7,12,10,.84)}.image-modal.open{display:grid}.image-modal-card{position:relative;width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:var(--radius);background:#fff}.image-modal img{width:100%;display:block}.image-modal .close{position:fixed;top:34px;right:34px;z-index:2}.image-modal-caption{padding:14px 18px;color:var(--muted);font-size:13px}
@media(max-width:980px){.hero-grid,.requirements,.workflow-layout{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.digital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-grid .wide{grid-column:span 2}.image-case-grid,.tech-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.topbar-inner{align-items:flex-start;flex-direction:column;padding:11px 0;gap:8px}.nav{width:100%;overflow:auto}.hero{padding-top:34px}.hero-copy{min-height:auto}.service-grid,.three-grid,.quote-grid,.process-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{grid-template-columns:1fr}.filters{justify-content:flex-start}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{grid-template-columns:1fr}.modal-video{min-height:52vh}}
@media(max-width:520px){.service-grid,.three-grid,.quote-grid,.process-grid,.metric-row,.empty-grid,.check-list,.video-grid,.digital-grid,.before-after,.image-case-grid,.tech-stack{grid-template-columns:1fr}.digital-grid .wide{grid-column:auto}.hero-media,.hero-media img,.hero-media video{min-height:480px}.section-head{align-items:start;flex-direction:column}.card-body p,.image-case-body p{min-height:0}.image-modal{padding:10px}.image-modal .close{top:16px;right:16px}}

/* 专业服务机构 AI 转型 */
body.theme-professional{--accent:#5c3d8b}.service-card.professional{--card-accent:#5c3d8b}.service-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.professional-visual{color:#fff;background:linear-gradient(135deg,#251d38,#7552a7)}.professional-visual span{font-size:18px;font-weight:800;letter-spacing:.08em}
.professional-hero{padding:78px 0 58px;background:radial-gradient(circle at 78% 14%,rgba(132,94,184,.2),transparent 34%),linear-gradient(145deg,#faf9fc,#f2eff7)}.professional-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:44px;align-items:center}.professional-hero h1{max-width:820px}.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.trust-row span{padding:7px 10px;border:1px solid rgba(92,61,139,.18);border-radius:999px;color:#5c3d8b;background:#fff;font-size:12px;font-weight:760}.problem-panel{padding:28px;border:1px solid rgba(92,61,139,.18);border-radius:14px;background:rgba(255,255,255,.85);box-shadow:var(--shadow)}.problem-panel h2{margin-top:8px;font-size:30px}.problem-list{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}.problem-list li{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.problem-list b{color:#5c3d8b;font-size:13px}.problem-list span{color:var(--muted);font-size:13px}
.ai-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-service-card{position:relative;display:flex;min-height:390px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.ai-service-card.featured{border-color:rgba(92,61,139,.48);box-shadow:0 14px 32px rgba(92,61,139,.13)}.service-index{margin-bottom:14px;color:#5c3d8b;font-size:11px;font-weight:850;letter-spacing:.04em}.ai-service-card>p{min-height:46px;margin:8px 0 0;color:var(--muted);font-size:13px}.ai-service-card ul{display:grid;gap:8px;margin:18px 0 24px;padding:0;list-style:none}.ai-service-card li{position:relative;padding-left:16px;color:#48534e;font-size:13px}.ai-service-card li::before{position:absolute;left:0;color:#5c3d8b;content:"✓"}.price-line{display:grid;gap:2px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.price-line strong{font-size:19px}.price-line span{color:var(--muted);font-size:11px}.delivery-time{width:fit-content;margin-top:12px;padding:5px 8px;border-radius:5px;color:#5c3d8b;background:#f1edf6;font-size:11px;font-weight:800}
.pilot-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.pilot-flow article{min-height:220px;padding:24px;background:#fff}.pilot-flow b{display:block;margin-bottom:38px;color:#5c3d8b;font-size:12px}.pilot-flow p{margin:9px 0 0;color:var(--muted);font-size:13px}.tech-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:40px;align-items:start}.architecture-strip{display:flex;align-items:center;gap:7px;overflow:auto;margin-top:24px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff}.architecture-strip span{flex:0 0 auto;padding:8px 10px;border-radius:6px;background:#f1edf6;color:#4f3a6c;font-size:11px;font-weight:750}.architecture-strip b{color:#5c3d8b}.tech-principles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-principles article{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.tech-principles strong,.tech-principles span{display:block}.tech-principles span{margin-top:6px;color:var(--muted);font-size:12px}
.safety-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:50px;align-items:start}.safety-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.safety-list li{min-height:150px;padding:19px;border-left:3px solid #5c3d8b;background:#fff}.safety-list strong,.safety-list span{display:block}.safety-list span{margin-top:8px;color:var(--muted);font-size:13px}.consult-section{padding-top:28px}.consult-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:34px;align-items:center;padding:32px;border-radius:14px;color:#fff;background:#21192f}.consult-card .section-label{color:#cdb8ec}.consult-card h2{margin-top:7px}.consult-card p{max-width:680px;margin:10px 0 0;color:rgba(255,255,255,.7)}.consult-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.consult-actions .button:not(.primary){color:#fff;background:transparent;border-color:rgba(255,255,255,.28)}.copy-status{width:100%;color:#cdb8ec;font-size:11px;text-align:right}
@media(max-width:980px){.professional-hero-grid,.tech-layout,.safety-layout{grid-template-columns:1fr}.service-grid-four,.ai-service-grid,.pilot-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.consult-card{grid-template-columns:1fr}.consult-actions{justify-content:flex-start}.copy-status{text-align:left}}
@media(max-width:520px){.service-grid-four,.ai-service-grid,.pilot-flow,.tech-principles,.safety-list{grid-template-columns:1fr}.professional-hero{padding-top:44px}.problem-panel{padding:21px}.ai-service-card{min-height:auto}.pilot-flow article{min-height:auto}.pilot-flow b{margin-bottom:22px}}

/* AIGC 短剧制作 */
body.theme-drama{--accent:#8c302c;--drama-ink:#111311;--drama-paper:#f4f0e8;--drama-gold:#b8904a;--drama-red:#8c302c;background:var(--drama-paper)}
.theme-drama .topbar{position:fixed;inset:0 0 auto;z-index:40;border:0;background:linear-gradient(180deg,rgba(7,9,7,.58),transparent);backdrop-filter:none;box-shadow:none;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease}.theme-drama .topbar.is-scrolled{border-bottom:1px solid rgba(184,144,74,.22);background:rgba(17,19,17,.88);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(0,0,0,.16)}.theme-drama .brand-title{color:#f4f0e8}.theme-drama .brand-subtitle,.theme-drama .nav a{color:rgba(244,240,232,.72)}.theme-drama .brand-mark{color:#111311;background:#b8904a}.theme-drama .nav a:hover,.theme-drama .nav a.active{color:#111311;background:#b8904a}
.drama-hero{position:relative;min-height:100vh;display:grid;align-items:end;overflow:hidden;color:#f4f0e8;background:#111311}.drama-hero-video,.drama-hero-shade{position:absolute;inset:0;width:100%;height:100%}.drama-hero-video{object-fit:cover}.drama-hero-shade{background:linear-gradient(90deg,rgba(9,10,9,.94) 0%,rgba(9,10,9,.67) 47%,rgba(9,10,9,.2) 76%),linear-gradient(0deg,rgba(9,10,9,.85),transparent 48%)}.drama-hero-content{position:relative;z-index:1;padding-top:154px;padding-bottom:66px}.drama-kicker,.drama-label{display:block;color:var(--drama-gold);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.drama-hero h1{max-width:900px;margin-top:22px;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(48px,7.2vw,100px);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.drama-hero-content>p{max-width:680px;margin:28px 0 0;color:rgba(244,240,232,.74);font-size:clamp(16px,1.7vw,20px)}.drama-primary{border-color:var(--drama-gold)!important;color:#111311!important;background:var(--drama-gold)!important}.drama-ghost{border-color:rgba(244,240,232,.42);color:#f4f0e8;background:rgba(17,19,17,.26)}.drama-copy-status{display:block;min-height:20px;margin-top:8px;color:#d7bb82;font-size:12px}.drama-copy-status.dark{color:#7f632e}.drama-metrics{display:flex;flex-wrap:wrap;gap:0;margin-top:48px;border-top:1px solid rgba(244,240,232,.22);border-bottom:1px solid rgba(244,240,232,.22)}.drama-metrics span{min-width:145px;padding:14px 30px 14px 0;color:rgba(244,240,232,.58);font-size:11px}.drama-metrics strong{display:block;color:#f4f0e8;font-family:"Songti SC","STSong",serif;font-size:22px;line-height:1.1}.drama-timecode{position:absolute;right:24px;bottom:22px;z-index:1;color:rgba(244,240,232,.52);font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.drama-sound-toggle{position:absolute;right:24px;top:90px;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 13px;border:1px solid rgba(244,240,232,.38);color:#f4f0e8;background:rgba(17,19,17,.7);backdrop-filter:blur(10px);font:inherit;font-size:12px;font-weight:760;cursor:pointer}.drama-sound-toggle>span:first-child{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#111311;background:#b8904a}.drama-sound-toggle:hover,.drama-sound-toggle.is-playing{border-color:#b8904a}.drama-sound-toggle.is-playing>span:first-child{animation:drama-sound-pulse 1.4s ease-in-out infinite}@keyframes drama-sound-pulse{50%{box-shadow:0 0 0 7px rgba(184,144,74,0)}}
.drama-cases,.drama-production,.drama-boundary{padding:100px 0}.drama-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:50px;align-items:end;margin-bottom:48px}.drama-section-head h2{max-width:820px;margin-top:10px;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.035em}.drama-section-head>p{margin:0;color:#6f6b63;font-size:14px}.drama-section-head.light h2{color:#f4f0e8}.drama-section-head.light>p{color:rgba(244,240,232,.57)}
.drama-case-list{display:grid;gap:86px}.drama-case{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:42px;align-items:center}.drama-case.reverse{grid-template-columns:minmax(300px,.6fr) minmax(0,1.4fr)}.drama-case.reverse .drama-case-media{order:2}.drama-case-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#111311;box-shadow:0 24px 55px rgba(17,19,17,.18)}.drama-case-media video{width:100%;height:100%;display:block;object-fit:cover}.drama-scene-no{position:absolute;top:14px;left:14px;padding:6px 8px;color:#f4f0e8;background:rgba(17,19,17,.76);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;pointer-events:none}.drama-case-copy h3{margin-top:13px;font-family:"Songti SC","STSong",serif;font-size:38px;line-height:1}.drama-case-copy>p{margin:18px 0 0;color:#66625b;font-size:15px}.drama-case-copy ul{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none}.drama-case-copy li{padding:6px 9px;border:1px solid #d7d0c3;color:#5b5750;font-size:11px}.drama-play{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:12px 0;border:0;border-top:1px solid #c9c1b4;border-bottom:1px solid #c9c1b4;color:#242621;background:transparent;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.drama-play:hover{color:var(--drama-red)}
.drama-capabilities,.drama-packages{padding:100px 0;color:#f4f0e8;background:#111311}.drama-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(244,240,232,.18);border-left:1px solid rgba(244,240,232,.18)}.drama-cap-grid article{min-height:270px;padding:24px;border-right:1px solid rgba(244,240,232,.18);border-bottom:1px solid rgba(244,240,232,.18)}.drama-cap-grid b{display:block;margin-top:42px;color:rgba(244,240,232,.3);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.drama-cap-grid h3{margin-top:9px;font-family:"Songti SC","STSong",serif;font-size:24px}.drama-cap-grid p{margin:11px 0 0;color:rgba(244,240,232,.56);font-size:13px}.cap-status{display:inline-flex;padding:4px 7px;border:1px solid;font-size:10px;font-weight:800}.cap-status.verified{border-color:rgba(184,144,74,.45);color:#d7bb82}.cap-status.scoped{border-color:rgba(244,240,232,.22);color:rgba(244,240,232,.54)}
.drama-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;border-top:1px solid #c9c1b4;list-style:none}.drama-flow li{min-height:210px;padding:20px 17px;border-right:1px solid #c9c1b4}.drama-flow li:last-child{border-right:0}.drama-flow span{color:var(--drama-red);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.drama-flow h3{margin-top:50px;font-family:"Songti SC","STSong",serif;font-size:20px}.drama-flow p{margin:9px 0 0;color:#6f6b63;font-size:12px}
.drama-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.drama-package-grid article{display:flex;min-height:410px;flex-direction:column;padding:28px;border:1px solid rgba(244,240,232,.18);background:#171a17}.drama-package-grid article.featured{border-color:var(--drama-gold);background:#1e1c16}.drama-package-grid article>span{color:var(--drama-gold);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.drama-package-grid h3{margin-top:36px;font-family:"Songti SC","STSong",serif;font-size:30px}.drama-package-grid p{color:rgba(244,240,232,.58);font-size:13px}.drama-package-grid ul{display:grid;gap:9px;margin:18px 0 28px;padding:18px 0 0;border-top:1px solid rgba(244,240,232,.15);list-style:none}.drama-package-grid li{color:rgba(244,240,232,.76);font-size:12px}.drama-package-grid li::before{margin-right:8px;color:var(--drama-gold);content:"＋"}.drama-package-grid strong{margin-top:auto;color:#d7bb82;font-size:12px}
.drama-boundary{background:#e7e0d4}.boundary-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}.boundary-layout h2{margin-top:12px;font-family:"Songti SC","STSong",serif;font-size:clamp(34px,4vw,52px);line-height:1.08}.boundary-layout>div>p{color:#676259}.boundary-layout .button{margin-top:20px}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bbb2a3;border-left:1px solid #bbb2a3}.boundary-grid article{min-height:190px;padding:23px;border-right:1px solid #bbb2a3;border-bottom:1px solid #bbb2a3}.boundary-grid h3{font-family:"Songti SC","STSong",serif;font-size:20px}.boundary-grid p{color:#68635a;font-size:13px}.drama-footer{color:rgba(244,240,232,.52);background:#111311}.drama-modal .modal-card{width:min(1120px,100%);grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);background:var(--drama-paper)}.drama-modal .modal-video{min-height:auto;aspect-ratio:16/9}.drama-modal .modal-info{background:var(--drama-paper)}.drama-modal .meta span{border:1px solid #d4ccbf;background:transparent}
.service-card.drama{--card-accent:#b8904a}.service-card.drama-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);border-top-color:#b8904a;color:#f4f0e8;background:#111311}.service-card.drama-featured .service-visual{height:100%;min-height:270px;background:#111311}.service-card.drama-featured .service-body{display:flex;flex-direction:column;justify-content:center;padding:30px}.service-card.drama-featured .service-body p,.service-card.drama-featured .count{color:rgba(244,240,232,.58)}.service-card.drama-featured .text-link{color:#d7bb82}
@media(max-width:980px){.drama-case,.drama-case.reverse{grid-template-columns:1fr}.drama-case.reverse .drama-case-media{order:0}.drama-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drama-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.drama-flow li{border-bottom:1px solid #c9c1b4}.boundary-layout{grid-template-columns:1fr}.service-card.drama-featured{grid-template-columns:1fr}.service-card.drama-featured .service-visual{min-height:340px}}
@media(max-width:760px){.theme-drama .topbar{background:linear-gradient(180deg,rgba(7,9,7,.82),rgba(7,9,7,.3) 72%,transparent)}.theme-drama .topbar.is-scrolled{background:rgba(17,19,17,.94)}.drama-hero{min-height:820px}.drama-hero-shade{background:linear-gradient(0deg,rgba(9,10,9,.96) 4%,rgba(9,10,9,.64) 72%,rgba(9,10,9,.32))}.drama-hero-content{padding-top:190px;padding-bottom:50px}.drama-hero h1{font-size:clamp(44px,13vw,66px)}.drama-section-head{grid-template-columns:1fr;gap:18px}.drama-cases,.drama-production,.drama-boundary,.drama-capabilities,.drama-packages{padding:72px 0}.drama-case-list{gap:64px}.drama-case-copy h3{font-size:32px}.drama-package-grid{grid-template-columns:1fr}.drama-package-grid article{min-height:360px}.drama-modal .modal-card{grid-template-columns:1fr}.drama-modal .modal-info{min-height:260px}.drama-timecode{display:none}.drama-sound-toggle{right:14px;top:138px}}
@media(max-width:520px){.drama-metrics{display:grid;grid-template-columns:1fr 1fr}.drama-metrics span{min-width:0;padding-right:12px}.drama-cap-grid,.boundary-grid{grid-template-columns:1fr}.drama-flow{grid-template-columns:1fr 1fr}.drama-flow li{min-height:180px}.drama-flow h3{margin-top:30px}.drama-case-media{overflow:visible}.drama-case-media video{overflow:hidden}.service-card.drama-featured{grid-column:auto}.service-card.drama-featured .service-visual{min-height:230px}.service-grid-four{grid-template-columns:1fr}}

/* 全站透明悬浮导航 */
body:not(.theme-drama):not(.theme-cases) .topbar{position:fixed;inset:0 0 auto;z-index:40;border:0;background:transparent;backdrop-filter:none;box-shadow:none;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,color .25s ease}
body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled{border-bottom:1px solid rgba(255,255,255,.12);background:rgba(17,19,17,.9);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(0,0,0,.16)}
body:not(.theme-drama):not(.theme-cases) .topbar .brand-title{color:var(--ink);transition:color .25s ease}
body:not(.theme-drama):not(.theme-cases) .topbar .brand-subtitle,body:not(.theme-drama):not(.theme-cases) .topbar .nav a{color:var(--muted);transition:color .25s ease,background .25s ease}
body:not(.theme-drama):not(.theme-cases) .topbar .brand-mark{color:#fff;background:var(--ink);transition:color .25s ease,background .25s ease}
body:not(.theme-drama):not(.theme-cases) .topbar .nav a:hover,body:not(.theme-drama):not(.theme-cases) .topbar .nav a.active{color:#fff;background:var(--accent)}
body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .brand-title{color:#f4f0e8}
body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .brand-subtitle,body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .nav a{color:rgba(244,240,232,.76)}
body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .brand-mark{color:#111311;background:#f4f0e8}
body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .nav a:hover,body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled .nav a.active{color:#fff;background:var(--accent)}
body:not(.theme-drama):not(.theme-cases) main>.hero:first-child{padding-top:128px}
body:not(.theme-drama):not(.theme-cases) main>.professional-hero:first-child{padding-top:142px}
body:not(.theme-drama):not(.theme-cases) main>.image-service-hero:first-child{padding-top:136px}
@media(max-width:760px){body:not(.theme-drama):not(.theme-cases) .topbar{background:transparent}body:not(.theme-drama):not(.theme-cases) .topbar.is-scrolled{background:rgba(17,19,17,.95)}body:not(.theme-drama):not(.theme-cases) main>.hero:first-child{padding-top:178px}body:not(.theme-drama):not(.theme-cases) main>.professional-hero:first-child,body:not(.theme-drama):not(.theme-cases) main>.image-service-hero:first-child{padding-top:178px}}

/* 商品图品牌案例库 */
body.theme-product-images{--accent:var(--green)}
body.drawer-open{overflow:hidden}
.image-service-hero{padding:72px 0 54px;background:#f7f8f5}
.image-hero-copy{max-width:900px;margin-bottom:36px}
.image-hero-copy h1{max-width:860px;font-size:clamp(42px,6.4vw,78px)}
.image-hero-copy .lead{max-width:790px}
.generation-flow{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(210px,.62fr) minmax(360px,1.25fr);min-height:330px;border:1px solid #cfd9d3;background:#fff;box-shadow:0 18px 50px rgba(24,33,30,.09)}
.generation-flow>div{padding:26px}
.generation-flow>div+div{border-left:1px solid var(--line)}
.flow-kicker,.panel-eyebrow{display:block;color:var(--green);font-size:11px;font-weight:850;text-transform:uppercase}
.flow-input>strong{display:block;margin-top:5px;font-size:23px}
.input-product{display:grid;grid-template-columns:82px 1fr;gap:13px;align-items:center;margin-top:22px;padding:10px;background:#f1f5f2}
.input-product img{width:82px;height:72px;display:block;object-fit:cover}
.input-product b,.input-product small{display:block}.input-product small{margin-top:4px;color:var(--muted);font-size:10px}
.flow-input ul{display:grid;gap:7px;margin:18px 0 0;padding:0;list-style:none}.flow-input li{position:relative;padding-left:15px;color:#4b5751;font-size:12px}.flow-input li::before{position:absolute;left:0;color:var(--green);content:"✓"}
.flow-engine{display:flex;flex-direction:column;justify-content:space-between;background:#18211e;color:#fff}
.flow-engine .flow-kicker{color:#8fd0b4}.flow-engine ol{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}
.flow-engine li{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:740}
.flow-engine li b{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#8fd0b4;font-size:10px}
.flow-output{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:auto 1fr 1fr;gap:10px;background:#eef3ef}
.flow-output .flow-kicker{grid-column:1/-1}
.output-preview{position:relative;display:flex;min-height:110px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:18px;color:#fff;background:#1c7652}
.output-preview::before{position:absolute;inset:0;background:linear-gradient(150deg,transparent 30%,rgba(0,0,0,.22));content:""}
.output-preview span,.output-preview strong{position:relative;z-index:1}.output-preview span{font-size:11px}.output-preview strong{font-size:19px}
.output-main{grid-row:2/4;background:linear-gradient(150deg,#8cb5a3,#245f49)}.output-sku{background:linear-gradient(145deg,#3280a8,#184b67)}.output-detail{background:linear-gradient(145deg,#ec785d,#a13a3d)}
.image-hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px;color:var(--muted);font-size:13px}.image-hero-stats strong{margin-right:4px;color:var(--ink);font-size:22px}
.brand-catalog{padding-top:58px}.catalog-count{min-width:90px;padding-left:18px;border-left:3px solid var(--green)}.catalog-count strong,.catalog-count span{display:block}.catalog-count strong{font-size:28px}.catalog-count span{color:var(--muted);font-size:11px}
.theme-product-images .case-filters{margin:0 0 20px}.theme-product-images .case-filter{border-radius:6px}.theme-product-images .case-filter span{margin-left:5px;color:inherit;opacity:.62}
.brand-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.brand-case-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:7px;background:#fff;box-shadow:0 8px 22px rgba(24,33,30,.055);transition:transform .2s ease,box-shadow .2s ease}
.brand-case-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(24,33,30,.12)}
.brand-case-open{width:100%;display:block;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}
.brand-case-visual{position:relative;aspect-ratio:3/2;overflow:hidden;background:#dde5df}
.brand-case-visual::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(13,21,18,.7));content:""}
.brand-case-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.brand-case-card:hover img{transform:scale(1.025)}
.concept-badge,.case-tier{position:absolute;z-index:2;top:10px;padding:5px 7px;border-radius:4px;font-size:9px;font-weight:850}
.concept-badge{left:10px;color:#fff;background:rgba(24,33,30,.84)}.case-tier{right:10px;color:var(--brand);background:#fff}
.visual-brand{position:absolute;z-index:2;left:15px;bottom:14px;color:#fff}.visual-brand b,.visual-brand span{display:block}.visual-brand b{font-size:25px;line-height:1}.visual-brand span{margin-top:3px;font-size:11px;font-weight:760}
.brand-case-body{padding:17px}.brand-case-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.brand-case-heading>span{padding:4px 6px;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,white);font-size:9px;font-weight:850}.brand-case-heading>strong{text-align:right}.brand-case-heading small{display:block;color:var(--muted);font-size:9px;font-weight:650}
.brand-case-body h3{margin-top:14px;font-size:18px}.brand-case-body>p{margin:5px 0 0;color:var(--muted);font-size:12px}
.deliverable-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:15px;background:var(--line)}.deliverable-summary span{padding:9px 5px;background:#f7f9f7;color:var(--muted);font-size:9px;text-align:center}.deliverable-summary b{color:var(--brand);font-size:13px}
.case-cta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);color:var(--brand);font-size:11px;font-weight:820}.case-cta b{font-size:16px}
.catalog-disclaimer{margin:18px 0 0;color:var(--muted);font-size:10px;text-align:center}
.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.deliverable-grid article{min-height:210px;padding:25px;background:#fff}.deliverable-grid article>span{display:block;margin-bottom:40px;color:var(--green);font-size:12px;font-weight:850}.deliverable-grid p{margin:8px 0 0;color:var(--muted);font-size:13px}

.case-drawer{position:fixed;inset:0;z-index:70;visibility:hidden;pointer-events:none}.case-drawer.open{visibility:visible;pointer-events:auto}
.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(9,15,12,.66);opacity:0;transition:opacity .25s ease}.case-drawer.open .drawer-backdrop{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;width:min(940px,calc(100% - 70px));height:100%;display:flex;flex-direction:column;background:#f7f8f5;box-shadow:-20px 0 50px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .3s ease}.case-drawer.open .drawer-panel{transform:translateX(0)}
.drawer-toolbar{height:58px;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.drawer-pagination{display:flex;align-items:center;gap:10px}.drawer-pagination button,.drawer-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:18px;cursor:pointer}.drawer-pagination span{min-width:48px;color:var(--muted);font-size:11px;text-align:center}.drawer-close{font-size:22px}
.drawer-scroll{overflow:auto;overscroll-behavior:contain}.drawer-case-head{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;padding:30px 32px;color:#fff;background:linear-gradient(120deg,var(--brand),color-mix(in srgb,var(--brand) 62%,#17211d))}
.drawer-brand-mark{padding:19px;border-left:4px solid var(--brand-2);background:rgba(255,255,255,.12)}.drawer-brand-mark b,.drawer-brand-mark span{display:block}.drawer-brand-mark b{font-size:20px}.drawer-brand-mark span{margin-top:4px;font-size:12px}
.drawer-tags{display:flex;flex-wrap:wrap;gap:5px}.drawer-tags span{padding:4px 6px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-size:9px;font-weight:760}.drawer-case-head h2{margin-top:9px;font-size:32px}.drawer-case-head p{margin:4px 0 0;color:rgba(255,255,255,.75);font-size:12px}
.input-brief{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(3,minmax(120px,1fr)) auto;gap:1px;margin:18px 22px 0;border:1px solid var(--line);background:var(--line)}.input-brief>*{min-width:0;padding:13px;background:#fff}.input-brief div strong,.input-brief div small{display:block}.input-brief div strong{margin-top:5px;font-size:12px}.input-brief div small{margin-top:2px;color:var(--muted);font-size:9px}.input-brief>span{display:flex;align-items:center;color:#4e5954;font-size:10px}.input-brief>b{display:flex;align-items:center;color:var(--green);font-size:10px;white-space:nowrap}
.drawer-tabs{position:sticky;top:0;z-index:4;display:flex;gap:5px;margin:18px 22px 0;padding:5px;border:1px solid var(--line);background:#fff}.drawer-tabs button{min-height:40px;flex:1;border:0;border-radius:4px;color:var(--muted);background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.drawer-tabs button.active{color:#fff;background:var(--green)}.drawer-tabs span{margin-left:4px;opacity:.65}
.drawer-view{padding:18px 22px 28px}.drawer-disclaimer{margin:0;padding:0 22px 28px;color:var(--muted);font-size:10px;text-align:center}
.main-gallery{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:12px;align-items:start}.main-stage{position:relative;aspect-ratio:1/1;overflow:hidden;padding:0;border:0;background:#dfe5e1;color:#fff;text-align:left;cursor:zoom-in}.main-stage::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 40%,rgba(10,17,14,.73));content:""}.main-stage img{width:100%;height:100%;display:block;object-fit:cover}.visual-variant.variant-1 img{object-position:58% center;transform:scale(1.08)}.visual-variant.variant-2 img{object-position:72% center;transform:scale(1.16)}.visual-variant.variant-3 img{object-position:38% center;transform:scale(1.11)}.visual-variant.variant-4 img{filter:saturate(.75);object-position:center}.visual-variant.variant-5 img{filter:contrast(1.06);object-position:65% center;transform:scale(1.07)}
.stage-number{position:absolute;z-index:2;top:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-size:10px}.stage-brand{position:absolute;z-index:2;top:17px;left:17px;padding:9px 11px;border-left:3px solid var(--brand-2);background:rgba(15,24,20,.76);font-size:9px}.stage-brand b{display:block;font-size:16px}.stage-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.stage-copy b,.stage-copy strong{display:block}.stage-copy b{color:#b7e5d0;font-size:10px}.stage-copy strong{max-width:500px;margin-top:4px;font-size:clamp(18px,3vw,30px);line-height:1.15}
.main-thumbs{display:grid;gap:7px}.main-thumb{min-height:72px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;column-gap:9px;padding:10px;border:1px solid var(--line);border-left:3px solid transparent;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.main-thumb.active{border-left-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,white)}.main-thumb>span{grid-row:1/3;align-self:center;color:var(--brand);font-size:11px;font-weight:850}.main-thumb b{align-self:end;font-size:11px}.main-thumb small{align-self:start;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sku-layout{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:18px}.sku-stage{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e7ece9}.sku-stage::after{position:absolute;inset:auto 0 0;height:43%;background:linear-gradient(transparent,rgba(9,16,13,.7));content:""}.sku-stage img{width:100%;height:100%;display:block;object-fit:cover}.sku-brand{position:absolute;z-index:2;top:18px;left:18px;padding:10px 12px;border-left:4px solid var(--brand-2);color:#fff;background:color-mix(in srgb,var(--brand) 88%,black);font-size:10px}.sku-brand b{display:block;font-size:19px}.sku-label{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;color:#fff}.sku-label span,.sku-label strong,.sku-label small{display:block}.sku-label span{font-size:12px}.sku-label strong{font-size:28px}.sku-label small{opacity:.72;font-size:10px}
.sku-selector{padding:22px;border:1px solid var(--line);background:#fff}.sku-selector h3{margin-top:6px}.sku-options{display:grid;gap:7px;margin-top:18px}.sku-option{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit;text-align:left;cursor:pointer}.sku-option.active{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.sku-option i{width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.sku-option b,.sku-option small{display:block}.sku-option b{font-size:11px}.sku-option small{color:var(--muted);font-size:9px}.sku-data{margin:18px 0 0;border-top:1px solid var(--line)}.sku-data div{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.sku-data dt{color:var(--muted)}.sku-data dd{margin:0;font-weight:720;text-align:right}
.detail-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,.68fr);gap:20px;align-items:start}.detail-phone{max-height:680px;overflow:auto;border:8px solid #1d2622;border-radius:18px;background:#fff;box-shadow:0 15px 30px rgba(24,33,30,.12)}.detail-phone section{min-height:190px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px}.detail-hero-module{min-height:440px!important;overflow:hidden;color:#fff}.detail-hero-module::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(10,18,15,.75));content:""}.detail-hero-module img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero-module span,.detail-hero-module strong,.detail-hero-module p{position:relative;z-index:1}.detail-hero-module span{margin-top:auto;font-size:11px;font-weight:850}.detail-hero-module strong{font-size:38px}.detail-hero-module p{margin:4px 0 0}.detail-module>span{color:var(--brand);font-size:11px;font-weight:850}.detail-module strong{margin-top:22px;font-size:24px}.detail-module p{max-width:430px;margin:6px 0 0;color:var(--muted);font-size:11px}.detail-module.module-1{background:color-mix(in srgb,var(--brand) 9%,white)}.detail-module.module-2{color:#fff;background:var(--brand)}.detail-module.module-2>span,.detail-module.module-2 p{color:rgba(255,255,255,.75)}.detail-module.module-3{border-left:12px solid var(--brand-2);background:#f3f5f3}
.detail-index{position:sticky;top:72px;padding:22px;border:1px solid var(--line);background:#fff}.detail-index h3{margin-top:7px}.detail-index>p{margin:7px 0 0;color:var(--muted);font-size:11px}.detail-index ol{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 0;padding:0;background:var(--line);list-style:none}.detail-index li{display:flex;gap:7px;padding:9px;background:#f8f9f7;font-size:9px}.detail-index li span{color:var(--brand);font-weight:850}
.image-zoom{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}.image-zoom.open{visibility:visible;pointer-events:auto}.zoom-backdrop{position:absolute;inset:0;border:0;background:rgba(5,9,7,.88)}.image-zoom figure{position:relative;width:min(1100px,calc(100% - 40px));max-height:calc(100vh - 40px);margin:20px auto;overflow:auto;background:#fff}.image-zoom figure>button{position:fixed;z-index:2;top:30px;right:30px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.image-zoom img{width:100%;display:block}.image-zoom figcaption{padding:13px 16px;color:var(--muted);font-size:12px}

@media(max-width:980px){
  .generation-flow{grid-template-columns:1fr 1fr}.flow-output{grid-column:1/-1}.generation-flow>.flow-output{border-top:1px solid var(--line);border-left:0}.brand-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .input-brief{grid-template-columns:1fr 1fr}.input-brief>b{grid-column:1/-1}.main-gallery{grid-template-columns:1fr}.main-thumbs{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .image-service-hero{padding-top:42px}.generation-flow{grid-template-columns:1fr}.generation-flow>div+div{border-top:1px solid var(--line);border-left:0}.flow-output{grid-column:auto}.image-hero-stats{gap:14px}
  .drawer-panel{width:100%}.drawer-case-head{grid-template-columns:1fr;padding:24px 20px}.drawer-brand-mark{width:150px}.input-brief{margin:12px 14px 0}.drawer-tabs{margin:12px 14px 0}.drawer-view{padding:14px}.sku-layout,.detail-layout{grid-template-columns:1fr}.detail-index{position:static}.detail-phone{max-height:620px}.deliverable-grid{grid-template-columns:1fr}.deliverable-grid article{min-height:auto}.deliverable-grid article>span{margin-bottom:20px}
}
@media(max-width:520px){
  .image-hero-copy h1{font-size:42px}.generation-flow>div{padding:20px}.flow-output{grid-template-columns:1fr 1fr}.output-main{grid-row:auto;grid-column:1/-1;min-height:150px}.brand-case-grid{grid-template-columns:1fr}.catalog-count{display:none}
  .image-hero-stats{display:grid;grid-template-columns:1fr}.image-hero-stats span{padding:8px 0;border-bottom:1px solid var(--line)}.drawer-case-head h2{font-size:25px}.input-brief{grid-template-columns:1fr}.input-brief>b{grid-column:auto}.main-thumbs{grid-template-columns:1fr 1fr}.main-thumb{min-height:68px}.sku-stage{aspect-ratio:4/5}.detail-phone{border-width:5px}.detail-index ol{grid-template-columns:1fr}.drawer-toolbar{padding:0 12px}
}

/* 专业机构案例工作台 */
.case-hero{padding-bottom:72px}.case-preview{overflow:hidden;border:1px solid rgba(92,61,139,.2);border-radius:14px;background:#fff;box-shadow:0 22px 50px rgba(44,28,66,.14)}.mock-window-bar{height:48px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid var(--line);background:#faf9fc}.mock-window-bar i{width:8px;height:8px;border-radius:50%;background:#d7cce5}.mock-window-bar span{margin-left:6px;color:#5d5763;font-size:12px;font-weight:760}.preview-question{padding:22px;border-bottom:1px solid var(--line);background:#fff}.preview-question small,.preview-question strong{display:block}.preview-question small{margin-bottom:7px;color:#7552a7;font-size:10px;font-weight:800}.preview-question strong{font-size:17px;line-height:1.55}.preview-answer{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:22px;background:#f6f3f9}.thinking-dot{width:20px;height:20px;border-radius:6px;background:#5c3d8b;box-shadow:inset 0 0 0 6px #cbb9df}.preview-answer small{color:#7552a7;font-weight:760}.preview-answer p{margin:6px 0 12px;color:#4d4752;font-size:13px}.source-pills{display:flex;flex-wrap:wrap;gap:6px}.source-pills span{padding:5px 7px;border:1px solid #e0d8e8;border-radius:999px;background:#fff;color:#6b5c7b;font-size:10px}
.case-nav-section{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.case-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.case-jump a{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#fafbfa;text-decoration:none}.case-jump a:hover{border-color:#8d70b0;background:#f6f2fa}.case-jump b{color:#5c3d8b;font-size:12px}.case-jump span,.case-jump small{display:block}.case-jump span{font-size:14px;font-weight:800}.case-jump small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}
.case-section{scroll-margin-top:70px;padding:72px 0}.case-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.case-heading .section-label{display:block;margin:12px 0 4px}.demo-chip{display:inline-flex;padding:5px 8px;border-radius:999px;color:#5c3d8b;background:#eee8f5;font-size:10px;font-weight:800}.case-scope{display:grid;gap:3px;min-width:260px;padding:13px 16px;border-left:3px solid #5c3d8b;background:#fff}.case-scope strong{font-size:11px}.case-scope span{color:var(--muted);font-size:12px}.case-workbench,.proposal-layout,.document-workbench{overflow:hidden;border:1px solid #d5ddd8;border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(24,33,30,.07)}.knowledge-workbench{display:grid;grid-template-columns:.8fr .8fr 1.4fr}.case-input-panel,.retrieval-panel,.case-output-panel,.meeting-note,.proposal-doc,.scan-card,.extraction-panel,.task-panel{padding:22px}.case-input-panel,.retrieval-panel{border-right:1px solid var(--line)}.panel-kicker{margin-bottom:18px;color:#7552a7;font-size:10px;font-weight:850;letter-spacing:.05em}.chat-bubble{padding:16px;border-radius:4px 14px 14px 14px;color:#fff;background:#5c3d8b}.chat-bubble span{font-size:10px;font-weight:800;opacity:.72}.chat-bubble p{margin:7px 0 0;font-size:13px}.input-context{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.input-context strong{width:100%;margin-bottom:3px;font-size:11px}.input-context span{padding:5px 7px;border-radius:5px;background:#f1f3f1;color:#5d6762;font-size:10px}.retrieval-panel article{padding:12px 0;border-top:1px solid var(--line)}.retrieval-panel article div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center}.retrieval-panel article b{color:#7552a7;font-size:10px}.retrieval-panel article strong{font-size:12px}.retrieval-panel article>span{display:block;margin:4px 0 0 31px;color:var(--muted);font-size:10px}.retrieval-note{margin:14px 0 0;padding:10px;border-radius:6px;color:#6a5b3e;background:#fff8e7;font-size:10px}.answer-section{padding-bottom:14px}.answer-section strong{font-size:12px}.answer-section p,.answer-section ol{margin:6px 0 0;color:#4c5752;font-size:12px}.answer-section ol{padding-left:18px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-grid span{padding:10px;border-radius:6px;background:#f1f5f2;color:#4e5953;font-size:10px}.answer-grid b{display:block;margin-bottom:3px}.answer-grid .warning{background:#fff5e4;color:#755d30}.inline-citations{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.inline-citations span{padding:4px 6px;border:1px solid #ddd3e8;border-radius:4px;color:#6d5a82;font-size:9px}.human-boundary{display:grid;grid-template-columns:100px 1fr;gap:12px;margin-top:10px;padding:14px 16px;border-left:4px solid #d4922e;background:#fff8ea}.human-boundary b{color:#9b6416;font-size:12px}.human-boundary span{color:#685b44;font-size:12px}
.proposal-layout{display:grid;grid-template-columns:.8fr auto 1.2fr;align-items:stretch}.meeting-note{background:#fbfaf7}.meeting-note>p{margin:0;padding:18px;border:1px solid #e7e0d5;border-radius:7px;background:#fffdf8;color:#5d554a;font-size:13px;line-height:1.8}.note-files{display:grid;gap:6px;margin-top:14px}.note-files span{padding:8px;border-radius:5px;background:#f0ede6;color:#686157;font-size:10px}.transform-rail{display:flex;width:72px;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-right:1px solid var(--line);border-left:1px solid var(--line);background:#f3eff7}.transform-rail span{writing-mode:vertical-rl;color:#6c5a80;font-size:10px;font-weight:760}.transform-rail b{color:#795aa0}.document-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #292333}.document-title span{font-size:17px;font-weight:850}.document-title small{padding:5px 7px;border-radius:999px;color:#96671e;background:#fff4df;font-size:9px;font-weight:800}.proposal-doc section{padding:10px 0;border:0}.proposal-doc section strong{color:#5c3d8b;font-size:11px}.proposal-doc section p,.proposal-doc section ul{margin:6px 0 0;color:#515b56;font-size:11px}.proposal-doc section ul{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-left:17px}.path-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.path-tags span{padding:5px 7px;border-radius:4px;background:#f0edf4;color:#625371;font-size:9px}
.document-workbench{display:grid;grid-template-columns:.8fr 1fr 1fr}.scan-card,.extraction-panel{border-right:1px solid var(--line)}.scan-card{background:#f1f2ef}.paper-sheet{position:relative;min-height:310px;padding:27px 24px;overflow:hidden;border:1px solid #d7d6d1;background:#fff;box-shadow:0 8px 18px rgba(24,33,30,.08)}.paper-sheet small{color:#777;font-size:9px;letter-spacing:.1em}.paper-sheet h3{margin:18px 0 25px;font-family:Georgia,serif;font-size:18px}.paper-sheet p{font-family:Georgia,serif;font-size:11px}.blur-lines{height:72px;margin-top:23px;background:repeating-linear-gradient(#d9d9d9 0 2px,transparent 2px 11px)}.scan-stamp{position:absolute;right:18px;bottom:18px;padding:7px;border:2px solid #a66a6a;color:#a66a6a;font-size:10px;font-weight:900;transform:rotate(-9deg)}.scan-meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:10px}.field-row{display:grid;grid-template-columns:85px 1fr auto;gap:8px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.field-row span{color:var(--muted)}.field-row strong{font-size:11px}.field-row em{color:#2e7b58;font-style:normal}.field-row.low-confidence{margin:0 -10px;padding:12px 10px;background:#fff3dc}.field-row.low-confidence em{color:#a06415}.material-check{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.material-check strong{margin-bottom:2px;font-size:11px}.material-check span{font-size:10px}.material-check .ok{color:#397158}.material-check .missing{color:#a45f18}.task-panel article{display:grid;grid-template-columns:48px 1fr;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.task-panel time{color:#7552a7;font-size:11px;font-weight:800}.task-panel strong,.task-panel span{display:block}.task-panel strong{font-size:11px}.task-panel span{margin-top:3px;color:var(--muted);font-size:10px}.exception-box{display:grid;gap:4px;margin-top:14px;padding:12px;border-radius:6px;background:#f3eff7}.exception-box b{color:#5c3d8b;font-size:10px}.exception-box span{color:#61566d;font-size:10px}.delivery-principles{background:#21192f}.delivery-principles h2{color:#fff}.delivery-principles .section-label{color:#cdb8ec}.principle-grid article{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff}.principle-grid article span{color:rgba(255,255,255,.67)}.collaboration-section{padding-bottom:72px}.collaboration-flow article{min-height:200px}
@media(max-width:980px){.knowledge-workbench{grid-template-columns:1fr 1fr}.case-output-panel{grid-column:1/-1;border-top:1px solid var(--line)}.proposal-layout{grid-template-columns:1fr}.transform-rail{width:auto;min-height:58px;flex-direction:row;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:0;border-left:0}.transform-rail span{writing-mode:horizontal-tb}.document-workbench{grid-template-columns:1fr 1fr}.task-panel{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:760px){.case-jump{grid-template-columns:1fr}.case-heading{align-items:start;flex-direction:column}.case-scope{width:100%;min-width:0}.knowledge-workbench,.document-workbench{grid-template-columns:1fr}.case-input-panel,.retrieval-panel,.scan-card,.extraction-panel{border-right:0;border-bottom:1px solid var(--line)}.case-output-panel,.task-panel{grid-column:auto}.proposal-doc section ul{grid-template-columns:1fr}}
@media(max-width:520px){.case-hero{padding-bottom:48px}.case-section{padding:52px 0}.case-input-panel,.retrieval-panel,.case-output-panel,.meeting-note,.proposal-doc,.scan-card,.extraction-panel,.task-panel{padding:17px}.answer-grid{grid-template-columns:1fr}.human-boundary{grid-template-columns:1fr}.paper-sheet{min-height:280px}.field-row{grid-template-columns:72px 1fr}.field-row em{grid-column:2}.case-preview{margin-top:4px}}
