:root{color:#f7f4ec;background:#050506;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:#050506}body{min-height:100svh}a{color:inherit;text-decoration:none}.cooperation-shell{min-height:100svh;padding:clamp(18px,3vw,42px);background:radial-gradient(circle at 24% 12%,rgba(216,180,106,.13),transparent 34%),radial-gradient(circle at 78% 4%,rgba(150,167,172,.15),transparent 30%),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),#050506;background-size:auto,auto,56px 56px,56px 56px,auto}.cooperation-topbar,.cooperation-hero,.project-spectrum,.cooperation-close{width:min(1320px,100%);margin-inline:auto}.cooperation-topbar{display:flex;align-items:center;justify-content:space-between;gap:22px}.cooperation-brand,.cooperation-topbar nav{display:flex;align-items:center}.cooperation-brand{gap:12px;color:#f7f4ecd1;font-size:12px;font-weight:900;letter-spacing:.08em}.cooperation-brand span{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#ffffff0e}.cooperation-topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.cooperation-topbar nav a{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;color:#f7f4ecbd;background:#ffffff0d;font-size:13px;font-weight:800;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.cooperation-topbar nav a:hover,.cooperation-topbar nav a:focus-visible{border-color:#ffffff57;color:#fff9ee;outline:none}.cooperation-hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(260px,.42fr);gap:clamp(28px,6vw,90px);align-items:end;min-height:clamp(440px,70svh,760px);padding:clamp(64px,8vw,116px) 0 clamp(44px,6vw,88px)}.hero-copy-block{position:relative;z-index:1;max-width:820px}.kicker{margin:0;color:#d8b46a;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.cooperation-hero h1{max-width:880px;margin:18px 0 0;color:#fff9ee;font-size:clamp(44px,7vw,104px);font-weight:400;letter-spacing:0;line-height:.98}.cooperation-hero p:not(.kicker),.cooperation-close p:not(.kicker){max-width:760px;margin:28px 0 0;color:#f7f4eca8;font-size:clamp(16px,1.35vw,20px);line-height:1.95}.hero-statement{position:relative;z-index:1;display:grid;gap:16px;max-width:360px;padding:0 0 8px}.hero-statement span{color:#f7f4ec61;font-size:12px;font-weight:900;letter-spacing:.18em}.hero-statement strong{color:#fff9eedb;font-size:clamp(22px,2.4vw,32px);font-weight:400;line-height:1.38}.hero-mark{position:absolute;top:16%;right:6%;width:min(38vw,520px);aspect-ratio:1;pointer-events:none;opacity:.58}.hero-mark span{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(255,255,255,.12);transform:rotate(22deg)}.hero-mark span:nth-child(2){top:24%;right:24%;bottom:24%;left:24%;border-color:#d8b46a38;transform:rotate(48deg)}.hero-mark span:nth-child(3){top:38%;right:38%;bottom:38%;left:38%;border-color:#fff3;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);transform:rotate(68deg)}.project-spectrum{display:grid;gap:clamp(18px,2.2vw,28px);padding-bottom:clamp(64px,8vw,110px)}.project-category{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(22px,4vw,64px);padding:clamp(24px,4vw,46px) 0;border-top:1px solid rgba(255,255,255,.13)}.project-category:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.category-head{position:sticky;top:28px;display:grid;align-self:start;gap:18px}.category-head span{color:#d8b46ab8;font-size:12px;font-weight:900;letter-spacing:.18em}.category-head h2{max-width:8em;margin:0;color:#fff9eeeb;font-size:clamp(25px,2.6vw,42px);font-weight:400;letter-spacing:0;line-height:1.15}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff1f}.project-item{display:grid;align-content:start;min-height:198px;padding:clamp(20px,2.5vw,30px);background:linear-gradient(145deg,#ffffff13,#ffffff06),#090a0ce6}.project-item h3{margin:0;color:#fff9eeeb;font-size:clamp(19px,1.55vw,25px);font-weight:500;letter-spacing:0;line-height:1.32}.project-item p{margin:16px 0 0;color:#f7f4ec94;font-size:14px;line-height:1.82}.cooperation-close{display:grid;gap:14px;padding:clamp(56px,7vw,96px) 0 clamp(30px,4vw,52px)}.cooperation-close h2{max-width:860px;margin:0;color:#fff9eeeb;font-size:clamp(30px,4vw,58px);font-weight:400;letter-spacing:0;line-height:1.14}.cooperation-close p:not(.kicker){margin-top:0}.contact-float{position:fixed;top:clamp(108px,7.5vw,124px);right:clamp(28px,3vw,44px);z-index:48;width:max-content;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Inter,system-ui,sans-serif}.contact-float summary{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:0 12px;color:#fff9eedb;background:#0c0f16d6;box-shadow:0 16px 42px #00000061;font-size:12px;font-weight:900;letter-spacing:.08em;list-style:none;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-float summary::-webkit-details-marker{display:none}.contact-float summary:before{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#d8b46a,#eef3f5);content:""}.contact-panel{position:absolute;top:calc(100% + 10px);right:0;display:grid;width:min(282px,calc(100vw - 28px));gap:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px;background:linear-gradient(145deg,#ffffff14,#ffffff07),#08090bf0;box-shadow:0 24px 70px #0000007a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.contact-panel__head{display:grid;gap:4px}.contact-panel__head span{color:#d8b46ad1;font-size:10px;font-weight:900;letter-spacing:.14em}.contact-panel__head strong{color:#fff9eeeb;font-size:17px;font-weight:500;line-height:1.25}.contact-qr{position:relative;display:grid;min-height:142px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),#ffffff09;background-size:18px 18px}.contact-qr:before,.contact-qr:after,.contact-qr span{position:absolute;width:36px;height:36px;border:7px solid rgba(255,249,238,.74);content:""}.contact-qr:before{top:18px;left:18px}.contact-qr:after{top:18px;right:18px}.contact-qr span{bottom:18px;left:18px}.contact-qr strong{position:relative;z-index:1;color:#fff9eedb;font-size:24px;font-weight:400;letter-spacing:.12em}.contact-qr small{position:absolute;right:12px;bottom:10px;color:#f7f4ec70;font-size:10px;font-weight:800;letter-spacing:.08em}.contact-lines{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff1a}.contact-lines p{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-height:40px;margin:0;padding:9px 11px;background:#0a0b0ddb}.contact-lines span{color:#f7f4ec6b;font-size:11px;font-weight:900;letter-spacing:.08em}.contact-lines strong,.contact-lines a{overflow:hidden;color:#fff9eedb;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.contact-primary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;color:#08090b;background:linear-gradient(135deg,#f0d487,#eef3f5);font-size:13px;font-weight:900}@media (max-width: 980px){.cooperation-hero,.project-category{grid-template-columns:1fr}.cooperation-hero{min-height:auto}.hero-statement{max-width:620px}.category-head{position:static}.category-head h2{max-width:none}}@media (max-width: 680px){.cooperation-shell{padding:18px}.cooperation-brand strong{display:none}.cooperation-topbar{align-items:flex-start}.cooperation-hero{padding:56px 0 42px}.cooperation-hero h1{font-size:clamp(40px,14vw,62px)}.hero-mark{top:8%;right:-18%;width:72vw;opacity:.36}.project-list{grid-template-columns:1fr}.project-item{min-height:0}.contact-float{top:auto;right:14px;bottom:62px}.contact-float summary{min-height:38px;padding-inline:12px}.contact-float summary span{display:none}.contact-panel{top:auto;bottom:calc(100% + 10px)}}
