/* V5：摄影棚的深石墨底、镜头的蓝光、白色文稿与实物，构成龙哥的工作现场。 */
:root{--v5-stage:#151c2a;--v5-silver:#e8effb;--v5-lens:#92cfdc;--v5-blue:#355cdf;--v5-muted:#afbdd3}
.cinema{height:280svh}.cinema-stage{background:var(--v5-stage);color:var(--v5-silver);--hero-look-x:0deg;--hero-look-y:0deg}.stage-wash{background:radial-gradient(ellipse at 73% 45%,#395b8f 0%,#233452 36%,#151c2a 72%)}.stage-grid{background-image:linear-gradient(#aac4e510 1px,transparent 1px),linear-gradient(90deg,#aac4e510 1px,transparent 1px);background-size:85px 85px}.giant-ai{color:#7599ca;opacity:.15!important;right:0;top:21%;font-size:clamp(250px,39vw,600px);letter-spacing:-.1em}.hero-portrait{right:1%;width:48%;height:95%;bottom:-2%;filter:drop-shadow(-15px 5px 32px #09101b44)}.hero-portrait .portrait-actor img{filter:drop-shadow(0 0 34px #c0e5ff18)}.orb-core{background:radial-gradient(circle at 30% 23%,#e8f3ff,#a7bfef 25%,#536fd0 53%,#283e6e 74%,#829cd2 96%);box-shadow:inset -20px -15px 45px #1d316e80,0 0 90px #8dacff30}
.v5-intro{width:100%;padding:135px 7% 115px;display:flex;align-items:flex-start}.v5-hero-copy{width:51%;max-width:640px;animation:v5-enter 650ms cubic-bezier(.2,.8,.2,1) both}.v5-intro .identity{display:flex;align-items:center;gap:17px;color:#c9d9ed;font-size:12px;letter-spacing:1px;margin-bottom:20px}.v5-intro .identity strong{font-size:25px;color:white;font-weight:600}.v5-intro h1{font-size:clamp(58px,6.3vw,100px);line-height:1.15;letter-spacing:-4px;font-weight:650;margin:0 0 22px}.v5-hero-value{font-size:14px;line-height:1.9;color:#b6c8e0;margin:0 0 23px;max-width:420px}.v5-hero-topics{display:flex;gap:5px;margin-bottom:17px}.v5-hero-topics button{border:0;border-bottom:2px solid transparent;background:transparent;color:#a5b6cd;font-size:12px;padding:9px 12px;min-height:44px}.v5-hero-topics button[aria-pressed=true]{color:#e9f7ff;border-bottom-color:#93d9e8;background:#93c7ee12}.v5-hero-preview{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:16px;max-width:500px;min-height:155px;padding:17px 19px;border:1px solid #bddeff3d;background:linear-gradient(120deg,#253a57e8,#1d2c46c9);box-shadow:0 22px 40px #090f1a38;transform:perspective(1000px) rotateY(var(--hero-look-x)) rotateX(var(--hero-look-y));transform-origin:center;backdrop-filter:blur(18px)}.v5-hero-preview>div{min-width:0}.v5-hero-preview small{font-size:9px;color:#9ecddb;letter-spacing:.3px}.v5-hero-preview h2{font-size:17px;line-height:1.6;letter-spacing:0;margin:6px 0 7px;font-weight:500}.v5-hero-preview p{font-size:11px;color:#aebfd8;margin:0 0 9px;line-height:1.7}.v5-hero-preview a{font-size:11px;color:#ecf5ff;border-bottom:1px solid #adc6e480;padding-bottom:4px}.v5-hero-preview figure{display:flex;margin:0;align-items:center;overflow:clip;background:white;max-height:122px;border:4px solid #eff5ff;transform:rotate(3deg);align-self:center}.v5-hero-preview img{width:100%;height:114px;object-fit:contain}.v5-hero-preview[data-work=customer] img,.v5-hero-preview[data-work=voice] img{object-fit:cover;object-position:top left}.v5-hero-cta{display:flex;align-items:center;gap:22px;margin-top:19px}.v5-hero-cta .solid-button{background:#e8f2ff;color:#182b4a;border-color:#e8f2ff;padding:11px 20px;min-height:48px}.v5-hero-cta .quiet-link{color:#c7d8ef;border-color:#adc5e369;font-size:11px}.v5-preview-change{animation:v5-preview 230ms ease both}.v5-intro .person-follow-hint{margin-top:13px;color:#9db7d5;font-size:10px}
.cinema-stage .scene-kicker{color:#a5cfeb}.cinema-stage .scene-description{color:#b5c7df}.cinema-stage .business-topics a{color:#e1e9f9;background:#16345c60;border-color:#6689b76e}.cinema-stage .scene-business>.quiet-link{color:#dbe9f9;border-color:#7fa3ce}.scene-live .solid-button{color:#182b4a;background:#e8f2ff;border-color:#e8f2ff}.scene-live .source-link{color:#c4d7ee;border-color:#7899c0}.reel-controls{color:#c4d4e9}.reel-controls button{color:#e0edfd}.cinema-bottom .scroll-hint,.cinema-bottom .skip-scene{color:#a5bddb}.cinema-bottom{z-index:10}.cinema-bottom .chapters{background:#e4efffec;backdrop-filter:blur(15px)}
.transition-band{min-height:230px;padding-block:45px}.transition-band p{font-size:clamp(30px,3vw,48px)}.transition-person{flex-basis:140px}.hardware-photo-label{letter-spacing:.3px}.story.v5-story{display:block;padding-block:100px}.v5-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:48px}.v5-story-heading p:last-child{font-size:14px;line-height:2;color:#5b718d;margin:0}.v5-story-heading h2{margin-bottom:0}.v5-story-path{display:grid;grid-template-columns:180px minmax(0,1fr);gap:45px}.v5-story-person{margin:0;align-self:start;position:sticky;top:120px}.v5-story-person img{width:100%;aspect-ratio:3/4;object-fit:cover}.v5-story-person figcaption{font-size:11px;color:#7b8da5;margin-top:12px}.v5-story-entries article{display:grid;grid-template-columns:130px minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid #c5d1e1}.v5-story-entries article:first-child{padding-top:0;border-top:0}.v5-story-entries article>span{font-size:12px;color:#58779e;padding-top:8px}.v5-story-entries h3{font-size:23px;font-weight:550;margin:0 0 13px;line-height:1.5}.v5-story-entries p{font-size:14px;color:#5b718b;line-height:2;max-width:670px;margin:0 0 12px}.v5-story-entries small{display:block;font-size:10px;color:#7c8fa8;margin:0 0 12px}.v5-story-entries a{font-size:12px;display:inline-block;border-bottom:1px solid #a5b7cf;padding-bottom:4px;color:#304e75}.v5-story-entries article:last-child{padding-bottom:0}
body.simple .scene-intro{background:radial-gradient(ellipse at 75% 50%,#304e77,#151c2a 75%);color:#e8effb;min-height:100svh}body.simple .scene-business{background:#223553;color:#edf5ff}body.simple .scene-live{background:#18283f;color:#edf5ff}body.simple .scene-intro:after{content:'';position:absolute;right:1%;bottom:0;width:45%;height:88%;background:url('assets/portraits/longge-standing-cutout.png') center bottom/contain no-repeat;z-index:0;pointer-events:none}body.simple .v5-hero-copy{position:relative;z-index:1}body.simple .v5-hero-preview{transform:none;backdrop-filter:none}body.simple .person-follow-hint{display:none}
@keyframes v5-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes v5-preview{from{opacity:.65}to{opacity:1}}
@media(min-width:801px) and (max-height:750px){.v5-intro{padding-top:115px}.v5-intro .identity{margin-bottom:12px}.v5-intro h1{font-size:64px;margin-bottom:14px}.v5-hero-value{font-size:12px;margin-bottom:13px}.v5-hero-topics{margin-bottom:12px}.v5-hero-preview{min-height:145px}.v5-hero-cta{margin-top:14px}.v5-intro .person-follow-hint{margin-top:10px}}
@media(max-width:1000px) and (min-width:801px){.v5-intro{padding-inline:6%}.v5-hero-copy{width:53%}.v5-intro h1{font-size:62px}.v5-hero-preview{grid-template-columns:minmax(0,1fr) 92px;padding:14px;gap:12px}.v5-hero-preview h2{font-size:15px}.v5-hero-cta{gap:16px}.hero-portrait{right:-4%;width:48%}}
@media(max-width:800px){.cinema{height:265svh}.cinema-stage{min-height:760px}.v5-intro{padding:150px 6% 105px;display:block;z-index:auto}.v5-hero-copy{width:68%;position:relative;z-index:2}.v5-intro .identity{gap:10px;font-size:9px;letter-spacing:0;margin-bottom:14px}.v5-intro .identity strong{font-size:22px}.v5-intro h1{font-size:clamp(42px,8vw,64px);letter-spacing:-2px;margin-bottom:18px}.v5-hero-value{font-size:11px;max-width:260px;margin-bottom:15px}.v5-hero-topics{gap:0;margin-bottom:12px}.v5-hero-topics button{font-size:10px;padding:7px 9px;min-height:48px;white-space:nowrap}.v5-hero-preview{width:100%;grid-template-columns:1fr;gap:0;padding:14px;background:#203652ed;min-height:156px}.v5-hero-preview figure{display:none}.v5-hero-preview h2{font-size:14px;margin-top:5px}.v5-hero-preview p{font-size:10px}.v5-hero-preview small{font-size:8px}.v5-hero-preview a{font-size:10px}.v5-hero-cta{gap:12px;align-items:flex-start;flex-direction:column;margin-top:16px}.v5-hero-cta .solid-button{font-size:11px;padding:12px 15px;gap:16px}.v5-hero-cta .quiet-link{min-height:30px;font-size:10px}.v5-intro .person-follow-hint{display:none}.hero-portrait{right:-14%;width:61%;height:83%;bottom:0}.giant-ai{font-size:340px;right:-25%;top:31%}.cinema-bottom{bottom:20px}.transition-band{min-height:230px}.transition-band p{font-size:26px}.transition-person{width:95px}.v5-story-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.v5-story-path{grid-template-columns:1fr;gap:28px}.v5-story-person{position:relative;top:auto;width:100%;display:flex;gap:20px;align-items:center}.v5-story-person img{width:100px}.v5-story-person figcaption{font-size:12px}.v5-story-entries article{grid-template-columns:1fr;gap:10px;padding:24px 0}.v5-story-entries article>span{padding:0;font-size:11px}.v5-story-entries h3{font-size:22px}.v5-story-entries p{font-size:13px}.story.v5-story{padding-block:75px}body.simple .scene-intro:after{right:-10%;width:58%;height:79%}body.simple .scene-intro{min-height:760px}.scene-business h2{font-size:37px}}
@media(max-width:800px) and (max-height:650px){.cinema-stage{min-height:680px}.v5-intro{padding-top:132px}.v5-intro h1{font-size:43px;margin-bottom:13px}.v5-intro .identity{margin-bottom:10px}.v5-hero-value{margin-bottom:8px;font-size:10px}.v5-hero-topics{margin-bottom:9px}.v5-hero-topics button{padding-inline:7px;font-size:9px}.v5-hero-preview{padding:12px;min-height:148px}.v5-hero-cta{margin-top:13px;gap:5px}.v5-hero-cta .quiet-link{min-height:26px}.hero-portrait{right:-14%;width:65%;height:77%}.cinema-bottom{bottom:14px}.scene-business h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.v5-hero-copy,.v5-preview-change{animation:none}.v5-hero-preview{transform:none!important}}
/* 矮屏保留主要入口，重复的提示让出空间。 */
.v5-story-person img{height:auto}
.v5case{scroll-margin-top:0}
@media(min-width:801px) and (max-height:750px){.cinema-bottom .scroll-hint,.v5-intro .person-follow-hint{visibility:hidden}}
@media(max-width:800px){.site-header nav a{white-space:nowrap}.v5-hero-cta .quiet-link,.cinema-bottom .scroll-hint,.cinema-bottom .skip-scene{display:none}.cinema-stage{min-height:0}.site-header nav{gap:18px}.v5-hero-copy{width:71%}}
@media(max-width:360px){.site-header nav{gap:14px;font-size:10px}.v5-hero-copy{width:77%}.v5-intro h1{font-size:36px}}
@media(max-width:800px) and (max-height:650px){.v5-intro{padding-top:120px;padding-bottom:30px}.v5-intro .identity{display:none}.v5-intro h1{font-size:36px;line-height:1.15;margin-bottom:8px}.v5-hero-value{font-size:10px;line-height:1.65;margin-bottom:8px}.v5-hero-topics{margin-bottom:8px}.v5-hero-preview{padding:10px 12px;min-height:94px}.v5-hero-preview p{display:none}.v5-hero-preview h2{line-height:1.5;font-size:13px;margin:5px 0 7px}.v5-hero-cta{margin-top:12px}.v5-hero-cta .solid-button{min-height:48px;padding:10px 12px}.cinema-bottom{display:none}body.simple .scene-intro{min-height:100svh;padding-top:120px;padding-bottom:45px}}
