:root{--ink:#4a372d;--muted:#716151;--line:#e9e1d5;--cream:#fff7dc;--sun:#ffd15b;--peach:#ffecde;--sky:#e7f5ff;--purple:#f0e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 "PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;width:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}button,.button{font:inherit}.wrap{width:min(1320px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:10}.skip:focus{left:12px}.review{background:#f5f9fc;padding:9px max(36px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#5f655f}.review a{text-decoration:underline}.nav{display:flex;align-items:center;justify-content:space-between;min-height:91px;gap:24px}.brand{font-size:25px;font-weight:750;line-height:1.1;white-space:nowrap}.brand span{display:block;font-size:10px;font-weight:500;letter-spacing:.13em;margin-top:7px}.nav nav{display:flex;gap:28px;align-items:center;font-size:14px}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:999px;background:var(--sun);font-weight:650}.button:hover,.nav-cta:hover{background:#f6be38}.nav a:focus-visible,.button:focus-visible,.text-link:focus-visible,.policy:focus-visible,.case a:focus-visible{outline:3px solid #a54a30;outline-offset:3px}.eyebrow{font-size:13px;font-weight:700;color:#985e40;letter-spacing:.02em}.hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:32px;min-height:590px;padding:46px 56px;background:var(--cream);border-radius:36px}.hero h1{font-size:clamp(42px,4.3vw,64px);letter-spacing:-.025em;max-width:620px;margin:0 0 24px}.hero-desc{max-width:540px;color:var(--muted);margin-bottom:28px}.actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.text-link{font-weight:650}.text-link:hover,.case a:hover{text-decoration:underline}.hero-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:12px;min-width:0}.hero-photos figure{overflow:hidden;border-radius:26px}.hero-photos figure img{height:100%}.hero-photos .lead{grid-row:1/3;position:relative}.hero-photos .lead figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 15px 12px;color:#fff;font-size:11px;background:linear-gradient(transparent,rgba(0,0,0,.65))}.hero-photos .detail-one{grid-column:2;grid-row:1}.hero-photos .detail-two{grid-column:2;grid-row:2}.values{display:flex;justify-content:space-around;gap:16px;padding-top:22px;padding-bottom:26px;color:var(--muted);font-size:14px}.values span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sun);margin-right:9px}.values span:nth-child(2):before{background:#ffdec9}.values span:nth-child(3):before{background:#dbf1ff}.section{padding-top:68px;padding-bottom:68px}.section-head{margin-bottom:24px}.section-head h2,.work h2,.case h2,.join h2{font-size:34px;margin-bottom:14px}.section-head>p:last-child{color:var(--muted);margin-bottom:0}.policy-grid,.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.policy{min-height:260px;padding:32px 36px;border-radius:28px;display:flex;flex-direction:column}.peach{background:var(--peach)}.blue{background:var(--sky)}.policy>span,.film>span{font-size:13px;color:var(--muted)}.policy h3{font-size:25px;margin:38px 0 10px}.policy p{color:var(--muted);margin-bottom:18px;max-width:470px}.policy b{font-size:14px;margin-top:auto}.work{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.work-copy p{max-width:470px}.work figure{padding:12px;background:var(--peach);border-radius:28px}.work figure img{height:360px;border-radius:19px}.work figcaption{font-size:12px;color:var(--muted);padding:10px 5px 2px}.case{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:32px 50px;border-radius:30px;background:#fff9ea}.case p{color:var(--muted);max-width:750px}.case a{font-weight:650;text-decoration:underline;text-underline-offset:3px}.case-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;background:#fff;border-radius:24px}.case-num strong{font-size:31px}.case-num span{font-size:14px;color:var(--muted)}.film{padding:26px;border-radius:28px}.film h3{font-size:23px;margin:12px 0 19px}.film video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;background:#282828}.film p{color:var(--muted);font-size:14px;margin:12px 0 0}.join{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff2c2;border-radius:32px;padding:46px 54px;margin-top:12px;margin-bottom:48px}.join h2{margin-bottom:12px}.join p:last-child{margin-bottom:0;color:var(--muted)}.join .light{background:#fff;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:30px 0 45px}.footer b{font-size:22px}.footer p{margin:4px 0 12px}.footer small{color:var(--muted)}
/* 01 纪实封面：让一张现场照片成为首页的主角。 */
.mode-a .hero{grid-template-columns:.82fr 1.18fr}.mode-a .hero-photos{display:block;height:460px}.mode-a .hero-photos .lead{height:100%}.mode-a .hero-photos .detail{display:none}.mode-a .hero-photos .lead img{object-position:center}.mode-a .work{grid-template-columns:1fr 1fr}.mode-a .work figure{background:#fff5e8}
/* 02 生活画册：相册式视觉节奏与更宽的留白。 */
.mode-b .hero{background:#fff;grid-template-columns:.8fr 1.2fr;padding-left:12px;padding-right:12px}.mode-b .hero-photos{grid-template-columns:1.2fr .8fr;grid-template-rows:200px 200px;gap:16px}.mode-b .hero-photos figure{border-radius:12px}.mode-b .hero-photos .lead{grid-column:1;grid-row:1/3}.mode-b .hero-photos .detail-one{grid-column:2;grid-row:1}.mode-b .hero-photos .detail-two{grid-column:2;grid-row:2}.mode-b .policy{border-radius:12px}.mode-b .work{border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.mode-b .work figure{background:#f0e8ff;border-radius:12px}.mode-b .case{border-radius:12px}.mode-b .join{background:#e7f5ff;border-radius:12px}
/* 03 企业同行：图像横幅、明确参与路径和结构化板块。 */
.mode-c .hero{grid-template-columns:1fr;padding:0;position:relative;background:#fff;overflow:hidden;border-radius:30px;min-height:540px}.mode-c .hero-photos{grid-column:1;grid-row:1;display:block;height:540px}.mode-c .hero-photos .lead{height:100%;border-radius:0}.mode-c .hero-photos .lead img{object-position:center 42%}.mode-c .hero-photos .lead figcaption{padding-left:40px}.mode-c .hero-photos .detail{display:none}.mode-c .hero-copy{grid-column:1;grid-row:1;z-index:1;background:#fff9e8;width:min(530px,48%);padding:44px 42px;margin-left:40px;border-radius:24px}.mode-c .hero h1{font-size:48px}.mode-c .values{background:#e7f5ff;padding:24px;border-radius:18px;margin-top:20px}.mode-c .policy-grid{grid-template-columns:1fr 1fr}.mode-c .policy{border-radius:14px;border-left:5px solid #ffd15b}.mode-c .policy.blue{border-left-color:#92cce8}.mode-c .work{grid-template-columns:1fr 1fr}.mode-c .work figure{background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:15px}.mode-c .case{background:#f0e8ff;border-radius:15px}.mode-c .join{border-radius:15px}
.case-note{display:block;margin-top:16px;color:var(--muted);font-size:12px;line-height:1.6}
.report{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 38px;background:#fff7dc;border-radius:24px}.report h2{font-size:28px;margin-bottom:10px}.report p:last-child{color:var(--muted);max-width:750px;margin-bottom:0}.report .button{white-space:nowrap}.mode-b .report{background:#e7f5ff;border-radius:12px}.mode-c .report{background:#ffecde;border-radius:15px}
@media(max-width:950px){.wrap{width:calc(100% - 40px)}.nav{align-items:flex-start;padding:20px 0;flex-wrap:wrap}.nav nav{flex-wrap:wrap;gap:8px 18px}.hero,.mode-a .hero,.mode-b .hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 24px;min-height:0}.hero h1{font-size:48px}.hero-photos,.mode-a .hero-photos,.mode-b .hero-photos{height:auto;min-height:300px}.mode-a .hero-photos .lead{height:310px}.mode-b .hero-photos{display:grid;grid-template-rows:150px 150px}.mode-c .hero{min-height:0}.mode-c .hero-photos{height:420px}.mode-c .hero-copy{margin:20px;width:min(480px,60%);padding:28px}.mode-c .hero h1{font-size:42px}.work,.mode-a .work,.mode-b .work,.mode-c .work{gap:28px}.section{padding:52px 0}}
@media(max-width:620px){.review{padding:8px 20px;font-size:11px}.review span:first-child{display:none}.nav{gap:14px}.nav nav{font-size:13px;gap:7px 15px}.nav-cta{display:none}.hero,.mode-a .hero,.mode-b .hero{padding:24px 18px;border-radius:24px}.hero h1{font-size:42px}.hero-desc{font-size:15px}.actions{gap:13px}.hero-photos,.mode-b .hero-photos{grid-template-rows:120px 120px;gap:8px}.hero-photos figure{border-radius:14px}.mode-a .hero-photos .lead{height:270px}.mode-c .hero{display:flex;flex-direction:column-reverse;background:var(--cream);min-height:0}.mode-c .hero-copy{width:auto;margin:0;padding:25px 20px;background:transparent}.mode-c .hero-photos{height:250px;width:100%}.mode-c .hero-photos .lead figcaption{padding-left:14px}.mode-c .hero h1{font-size:40px}.values{flex-wrap:wrap;justify-content:flex-start;padding:18px 0;font-size:12px}.values span{width:100%}.mode-c .values{margin-top:12px}.section{padding:42px 0}.section-head h2,.work h2,.case h2,.join h2{font-size:29px}.policy-grid,.film-grid,.mode-c .policy-grid{grid-template-columns:1fr}.policy{min-height:0;padding:25px}.policy h3{margin:23px 0 10px;font-size:22px}.work,.mode-a .work,.mode-b .work,.mode-c .work{display:flex;flex-direction:column;align-items:stretch}.work figure img{height:250px}.case{display:block;padding:26px}.case-num{margin-top:20px;min-height:130px}.film{padding:20px}.film h3{font-size:21px}.join{display:block;padding:29px 24px}.join .button{margin-top:22px}.footer{padding:25px 0 35px}}
@media(max-width:620px){.report{display:block;padding:24px}.report h2{font-size:25px}.report .button{white-space:normal;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}