.workflow-hero{padding:72px 0 85px}.workflow-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.workflow-hero h1{font-size:clamp(38px,4.5vw,58px)}.workflow-hero-art{position:relative;padding:15px 55px 20px 15px;min-width:0}.hero-work-shot{width:85%;transform:rotate(-4deg);padding:8px;background:white;border-radius:9px;box-shadow:0 18px 45px -20px #284a3840}.hero-work-shot .case-image img{aspect-ratio:3/4}.hero-work-shot>span,.hero-work-detail>span{display:block;text-align:center;font-size:10px;color:var(--muted);letter-spacing:1px;padding:7px 0 2px}.hero-work-detail{position:absolute;width:54%;right:0;bottom:0;transform:rotate(5deg);padding:7px;background:white;border-radius:8px;box-shadow:0 15px 40px -15px #284a3840}.hero-work-detail .case-image img{aspect-ratio:1;object-fit:cover}.workflow-nav{padding:26px 0;border-bottom:1px solid var(--line);display:flex;gap:32px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.workflow-nav a:hover{color:var(--ink)}.workflow-intro{display:flex;gap:60px;justify-content:space-between;margin:0 0 35px}.workflow-intro>p{max-width:620px;font-size:14px;color:var(--muted);line-height:2}.workflow-tags{display:flex;gap:8px;flex-wrap:wrap;align-content:start;margin-top:12px}.workflow-intro .workflow-tags{max-width:310px;margin:0}.workflow-tags span{font-size:11px;color:#5d7862;border:1px solid #d6e5d7;border-radius:3px;padding:5px 10px;white-space:nowrap}.case-image{position:relative;display:block;border:0;background:#f2f5ef;padding:0;width:100%;overflow:hidden;cursor:zoom-in;border-radius:5px}.case-image img{display:block;width:100%;height:auto;transition:transform .35s ease}.case-image:hover img{transform:scale(1.025)}.zoom-hint{position:absolute;right:10px;bottom:10px;width:25px;height:25px;display:grid;place-items:center;background:#fffffff0;border-radius:50%;font-size:13px;color:#54705a;opacity:0;transition:opacity .2s}.case-image:hover .zoom-hint,.case-image:focus-visible .zoom-hint{opacity:1}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:white}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-images img{aspect-ratio:3/4;object-fit:contain;background:#f4f5f0}.compare-images>div>span{display:block;margin:10px 0 4px;font-size:10px;color:#7e9082;letter-spacing:.6px}.compare-images>div:nth-child(2)>span{color:#4f7858}.compare-card h3{font-size:13px;font-weight:500;margin:8px 0 3px}.more-cases{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px}.more-cases summary{cursor:pointer;list-style:none;padding:20px 0;font-size:13px;display:flex;justify-content:space-between}.more-cases summary::-webkit-details-marker{display:none}.more-cases[open]>summary span{transform:rotate(45deg)}.more-cases .compare-grid,.more-cases>.case-image{margin-bottom:24px}.source-note{font-size:11px;color:#819085;margin-top:22px;line-height:1.9}.source-note a{border-bottom:1px solid #c9dccc}.workflow-shot{margin-top:42px;padding:18px;border:1px solid var(--line);border-radius:8px}.workflow-shot p{margin-top:14px}.workflow-split{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.workflow-split h3,.detail-long-row h3{font:25px/1.6 'SimSun',serif;margin-bottom:18px}.workflow-split p,.detail-long-row p{font-size:13px;color:var(--muted)}.workflow-split .case-image{background:white;border:1px solid var(--line)}.workflow-split>div>p.small{font-size:11px;margin-top:14px}.workflow-list{margin:25px 0 0;display:grid;gap:17px}.workflow-list li{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.workflow-list strong{flex-shrink:0;font-weight:500}.workflow-list span{color:var(--muted)}.social-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.social-gallery img{aspect-ratio:3/4;object-fit:cover}.workflow-callout{display:flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid #d8e7da;border-radius:7px;background:#edf7ee;padding:32px;margin-top:38px}.workflow-callout h3{font:23px/1.6 'SimSun',serif;margin-top:8px}.workflow-callout p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:10px}.workflow-callout .btn{flex-shrink:0}.detail-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.detail-gallery img{aspect-ratio:1;object-fit:cover}.detail-long-row{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-top:40px;padding:32px;background:white;border:1px solid var(--line);border-radius:8px}.detail-long-row h3{margin:15px 0}.long-image-preview{height:350px}.long-image-preview img{width:100%;height:auto;position:absolute;top:0;left:0}.long-image-preview:after{content:'查看完整详情页 ↗';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#edf7eef0 45%);padding:40px 0 15px;text-align:center;font-size:12px}.case-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:0 0 22px;font-size:13px}.workflow-viewer{max-width:1000px;padding:24px;overscroll-behavior:contain}.viewer-head{position:sticky;top:-24px;background:#fffffff5;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1;padding:10px 0 18px;font-size:13px}.workflow-viewer>img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.viewer-note{text-align:center;margin-top:20px}body:has(.workflow-viewer[open]){overflow:hidden}.fde-roles .text-link{display:inline-block;margin-top:20px}@media(max-width:800px){.workflow-hero-grid{gap:30px}.workflow-hero-art{padding-right:25px}.workflow-nav{gap:15px 24px}.workflow-intro{flex-direction:column;gap:18px}.workflow-intro .workflow-tags{max-width:none}.workflow-split,.detail-long-row{gap:30px}.detail-gallery{grid-template-columns:repeat(3,1fr)}.social-gallery{gap:12px}.workflow-callout{padding:25px}}@media(max-width:600px){.workflow-hero{padding:40px 0 55px}.workflow-hero-grid{grid-template-columns:1fr}.workflow-hero-art{max-width:340px;margin:10px auto 0;padding:10px 45px 20px 15px}.workflow-hero-art .hero-work-shot{max-width:240px}.compare-grid{grid-template-columns:1fr;gap:18px}.workflow-split,.detail-long-row{grid-template-columns:1fr}.social-gallery{grid-template-columns:repeat(2,1fr)}.detail-gallery{grid-template-columns:repeat(2,1fr)}.detail-long-row{padding:22px}.workflow-callout{align-items:start;flex-direction:column;gap:20px}.workflow-callout h3{font-size:21px}.workflow-viewer{padding:16px}.viewer-head{top:-16px}.workflow-nav{font-size:11px}.workflow-tags span{font-size:10px}}@media(prefers-reduced-motion:reduce){.case-image img{transition:none}.case-image:hover img{transform:none}}
.workflow-list,.fde-flow{list-style:none;padding-left:0}.workflow-nav{scroll-margin-top:95px}
.all-case-link{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:30px}.all-case-link strong{display:block;font-size:14px;font-weight:500}.all-case-link small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.all-case-link>span:last-child{font-size:23px;color:#789b7f}.all-case-link:hover strong{color:#61876a}
/* A wider portrait crop keeps the model's proportions natural. */
.workflow-hero-grid{grid-template-columns:1.12fr 1fr;gap:55px}.workflow-hero-art{padding:15px 30px 25px 10px}.hero-work-shot{width:100%;max-width:350px}.hero-work-shot .case-image{aspect-ratio:4/5}.hero-work-shot .case-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 40%}.hero-work-detail{width:50%;right:-5px}
.compact-video{padding-top:48px;padding-bottom:48px}.compact-video .workflow-callout{margin-top:0}.compact-video .workflow-callout p:not(.eyebrow){max-width:630px}
/* Brand masking is applied to thumbnails and the full-size viewer alike. */
.brand-plane{position:relative;display:block;line-height:0;overflow:hidden}.brand-plane>img{display:block;max-width:100%;height:auto}.brand-mask{position:absolute;z-index:2;display:block;background:rgba(224,230,218,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none;border-radius:2px}.case-image img[src*="/detail-"]{visibility:hidden}.brand-plane.brand-redacted>img{visibility:visible}.case-image:has(.brand-plane):hover img{transform:none}.long-image-preview>.brand-plane{position:absolute;top:0;left:0;width:100%}.long-image-preview>.brand-plane>img{position:static}.workflow-viewer>.brand-plane{margin:0 auto;max-width:100%;width:100%}.workflow-viewer>.brand-plane>img{width:100%;height:auto}.brand-plane>.zoom-hint{z-index:3}
@media(max-width:800px){.workflow-hero-grid{gap:30px}.hero-work-detail{right:0}}@media(max-width:600px){.workflow-hero-grid{grid-template-columns:1fr}.workflow-hero-art{max-width:340px;width:100%;padding:10px 35px 20px 5px}.workflow-hero-art .hero-work-shot{max-width:270px}.hero-work-detail{width:49%}.compact-video{padding-top:30px;padding-bottom:30px}}
.brand-mask{background:rgba(224,230,218,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}