body.work-page{--page-accent:#d4ff48;background:radial-gradient(ellipse at 75% 8%,color-mix(in srgb,var(--page-accent) 12%,transparent),transparent 36%),#08090b}.work-page .nav-links a[aria-current=page]{color:var(--page-accent)}.work-page .language button[aria-pressed=true]{color:var(--page-accent)}.work-page a:focus-visible,.work-page button:focus-visible{outline-color:var(--page-accent)}.detail-main{min-height:80vh}.detail-hero{padding:65px 0 60px;border-bottom:1px solid var(--line);position:relative}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8f939e;font-size:.75rem;letter-spacing:.06em}.breadcrumbs a:hover{color:var(--page-accent)}.breadcrumbs span[aria-current]{color:var(--page-accent)}.detail-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-top:70px}.detail-hero h1{font:400 clamp(4.5rem,10vw,10rem)/.95 Anton,Impact,sans-serif;margin:0;letter-spacing:-.02em}.detail-hero p{color:#aeb1ba;line-height:1.9;margin:0}.detail-hero .route-code{position:absolute;right:0;top:45px;font:400 7rem/1 Anton,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--page-accent) 45%,#41434c);opacity:.42}.detail-nav{position:sticky;top:82px;z-index:50;background:#08090bdd;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.detail-nav .shell{display:flex;align-items:center;gap:10px;min-height:64px;overflow-x:auto;scrollbar-width:none}.detail-nav .shell::-webkit-scrollbar{display:none}.detail-nav a{white-space:nowrap;border:1px solid #363842;border-radius:28px;padding:9px 15px;font-size:.75rem;color:#aeb1bb}.detail-nav a:hover,.detail-nav a.active{border-color:var(--page-accent);color:var(--page-accent);background:color-mix(in srgb,var(--page-accent) 7%,transparent)}.collection{padding:95px 0}.collection-section{scroll-margin-top:170px;padding-bottom:95px}.collection-section+.collection-section{padding-top:80px;border-top:1px solid var(--line)}.collection-head{display:grid;grid-template-columns:100px 1fr 1fr;gap:40px;align-items:start;margin-bottom:40px}.collection-number{font:400 4rem/1 Anton,Impact,sans-serif;color:var(--page-accent)}.collection-head h2{font-size:clamp(2.2rem,4.8vw,4.7rem);margin:0;letter-spacing:-.04em}.collection-head p{color:#9da1ab;line-height:1.8;margin:0;padding-top:8px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-slot{--mx:50%;--my:50%;grid-column:span 6;min-height:340px;border:1px solid #353741;border-radius:22px;background:linear-gradient(145deg,#15161e,#0c0d12);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.project-slot.wide{grid-column:span 8}.project-slot.narrow{grid-column:span 4}.project-slot:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 260px at var(--mx) var(--my),color-mix(in srgb,var(--page-accent) 15%,transparent),transparent 75%);opacity:.25;transition:opacity .25s}.project-slot:hover{border-color:color-mix(in srgb,var(--page-accent) 60%,#353741)}.project-slot:hover:before{opacity:1}.slot-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.slot-label{font:.75rem/1.6 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--page-accent)}.slot-icon{width:50px;height:50px;border:1px solid color-mix(in srgb,var(--page-accent) 45%,#43454f);border-radius:50%;display:grid;place-items:center;color:var(--page-accent);font-size:1.35rem}.project-slot h3{font-size:1.6rem;margin:0 0 10px}.project-slot p{color:#9296a1;line-height:1.7;margin:0;font-size:.9rem}.media-slot{position:absolute;inset:78px 28px 104px;border:1px dashed color-mix(in srgb,var(--page-accent) 35%,#464852);border-radius:14px;display:grid;place-items:center;color:#767a85;font-size:.75rem;letter-spacing:.08em}.media-slot.video:before{content:"▶";display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--page-accent);border-radius:50%;color:var(--page-accent);margin:0 auto 10px;font-size:1rem}.slot-bottom{position:relative;z-index:2}.detail-contact{border-top:1px solid var(--line);padding:55px 0 90px;display:flex;justify-content:space-between;gap:40px;align-items:center}.detail-contact h2{font-size:clamp(2rem,4vw,4rem);margin:0}.detail-contact a{border-bottom:1px solid var(--page-accent);color:var(--page-accent);padding-bottom:8px;font-size:.875rem}.detail-footer{border-top:1px solid var(--line);padding:30px 0 45px;color:#777b86;font-size:.75rem;display:flex;justify-content:space-between}.work-page .cursor-tag{border-color:color-mix(in srgb,var(--page-accent) 50%,transparent);color:var(--page-accent)}html[lang=zh-CN] .detail-hero h1,html[lang=zh-CN] .collection-head h2{font-family:Manrope,'Microsoft YaHei',sans-serif;font-weight:800}
@media(max-width:850px){.detail-hero-grid{grid-template-columns:1fr;gap:25px;margin-top:55px}.detail-hero p{max-width:620px}.collection-head{grid-template-columns:70px 1fr;gap:25px}.collection-head p{grid-column:2}.project-slot,.project-slot.wide,.project-slot.narrow{grid-column:span 6}.project-slot{min-height:320px}.detail-hero .route-code{font-size:5rem}}
@media(max-width:700px){.detail-hero{padding:45px 0}.detail-hero-grid{margin-top:45px}.detail-hero h1{font-size:4.4rem}.detail-hero .route-code{display:none}.detail-nav{top:70px}.detail-nav .shell{width:100%;padding:10px 18px;flex-wrap:wrap;overflow:visible}.detail-nav a{padding:7px 12px}.collection{padding:65px 0}.collection-section{padding-bottom:70px}.collection-section+.collection-section{padding-top:65px}.collection-head{grid-template-columns:52px 1fr;gap:14px;margin-bottom:30px}.collection-number{font-size:3rem}.collection-head h2{font-size:2.25rem;line-height:1.25}.collection-head p{font-size:.9rem}.project-grid{display:block}.project-slot,.project-slot.wide,.project-slot.narrow{min-height:325px;margin-bottom:16px}.detail-contact{align-items:flex-start;flex-direction:column}.detail-footer{gap:25px;line-height:1.6}html[lang=zh-CN] .detail-hero h1{font-size:3.7rem}}
@media(max-width:370px){.detail-hero h1{font-size:3.6rem}.project-slot{padding:22px}.media-slot{inset:74px 22px 104px}}
.detail-nav{overflow:hidden}.collection-head h2,.collection-head p{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.collection-head{grid-template-columns:52px minmax(0,1fr)}}