/* Authorized Bold Studio reference: one cinematic scene, foreground typography,
   layered subjects and staggered reveals. Character-specific art and interactions. */
.dh-studio{--dh-x:0px;--dh-y:0px;position:relative;isolation:isolate;height:720px;margin:56px 0 40px;overflow:hidden;border-radius:18px;background:#20090e;color:#fff;contain:layout paint}
.dh-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 73% 38%,#c12b39 0%,#75111f 33%,#300b13 65%,#170a10 100%)}
.dh-violet{position:absolute;inset:0;background:radial-gradient(ellipse at 79% 35%,#8a51c7 0%,#442060 39%,#170e28 77%);opacity:.12;transition:opacity 1s}.dh-studio[data-active=jingqi] .dh-violet{opacity:1}.dh-studio[data-active=jingchi] .dh-violet{opacity:0}
.dh-haze{position:absolute;inset:-25%;background:radial-gradient(ellipse at 75% 60%,#ffc3bc1a,transparent 38%),radial-gradient(ellipse at 50% 30%,#ffd3e317,transparent 35%);animation:dh-atmosphere-drift 18s ease-in-out infinite alternate;transform:translate3d(0,0,0)}
.dh-beam{position:absolute;right:7%;top:-20%;width:36%;height:125%;background:linear-gradient(90deg,transparent,#ffd6dc0c,transparent);transform:rotate(24deg);filter:blur(15px);pointer-events:none}
.dh-floor{position:absolute;bottom:-60%;left:0;right:-20%;height:88%;border-radius:50%;background:radial-gradient(ellipse at 55% 0%,#f790a933,transparent 65%);border-top:1px solid #ecb4c525;transform:rotate(-8deg)}
.dh-backtype{position:absolute;bottom:9%;left:40%;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(150px,17vw,245px);font-weight:900;line-height:.85;white-space:nowrap;color:#fcd3df0a;letter-spacing:-.035em;transform:translate3d(calc(var(--dh-x)*-.5),0,0);user-select:none}
.dh-dust{position:absolute;width:2px;height:2px;background:#fff1e4;opacity:0;box-shadow:0 0 6px #ffe0cfa3;animation:dh-dust-rise 12s linear infinite;pointer-events:none}
.dh-studio[data-live=false] .dh-dust,.dh-studio[data-live=false] .dh-haze{animation-play-state:paused}
.dh-studio-header{position:absolute;left:40px;right:40px;top:30px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px}.dh-studio-header>div{display:flex;align-items:center;gap:17px}.dh-studio-header strong{font-size:22px;font-weight:850;letter-spacing:-.05em;color:#fff}.dh-studio-header>div>span{font-size:11px;color:#e3c4cc;letter-spacing:.13em;border-left:1px solid #ffffff3a;padding-left:17px}
.dh-studio-header nav{display:flex;gap:24px}.dh-studio-header nav button{border:0;border-bottom:1px solid transparent;padding:7px 0;background:none;color:#e4c9d0;font:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:color .3s,border-color .3s}.dh-studio-header nav button:is(:hover,[aria-pressed=true]){color:#fff;border-color:#fff}
.dh-editorial{position:absolute;top:24%;left:40px;width:35%;z-index:4;pointer-events:none}.dh-editorial-content{pointer-events:auto}.dh-kicker{font-size:12px;color:#e4c9d0;letter-spacing:.12em;margin:0 0 20px;line-height:1.5}
.dh-editorial h2{font-size:clamp(42px,4.8vw,72px);font-weight:800;line-height:1.14;letter-spacing:-.055em;margin:0;color:#fff;text-wrap:balance}.dh-editorial h2>span{display:block;white-space:nowrap}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:clamp(58px,6.2vw,92px);line-height:1.05;padding-bottom:6px}
.dh-statement{font-size:17px;line-height:1.8;color:#fff;margin:23px 0 0}.dh-description{font-size:13px;line-height:1.9;max-width:310px;color:#e2cbd2;margin:16px 0 0}.dh-traits{font-size:11px;color:#dcbac7;letter-spacing:.09em;line-height:1.8;margin:19px 0 0}
.dh-archive{border:1px solid #ffffff50;background:#10070c80;color:#fff;padding:14px 19px;display:inline-flex;align-items:center;gap:26px;margin-top:28px;cursor:pointer;font:inherit;font-size:12px;transition:background .3s,border-color .3s}.dh-archive:hover{background:#fff;color:#201018;border-color:#fff}
.dh-instruction{display:flex;align-items:center;gap:26px;color:#fff;font-size:11px;margin:33px 0 0}.dh-touch-hint{display:none}
.dh-editorial-content>*{animation:dh-copy-in .75s cubic-bezier(.16,1,.3,1) both}.dh-editorial-content>h2{animation-delay:.05s}.dh-editorial-content>.dh-statement{animation-delay:.13s}.dh-editorial-content>.dh-description{animation-delay:.21s}.dh-editorial-content>.dh-traits{animation-delay:.27s}.dh-editorial-content>.dh-archive{animation-delay:.32s}
.dh-cast{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate3d(var(--dh-x),var(--dh-y),0);transition:transform .25s ease-out}
.dh-person{position:absolute;bottom:70px;display:block;width:29%;height:560px;padding:0;border:0;border-radius:0;background:none;color:#fff;cursor:pointer;pointer-events:auto;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s,opacity .9s;outline-offset:6px;-webkit-tap-highlight-color:transparent}
.dh-person--jingchi{right:26%;height:578px;width:30%;z-index:1}.dh-person--jingqi{right:1.5%;height:550px;width:28%;z-index:2}
.dh-person>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;max-width:none;pointer-events:none;filter:drop-shadow(0 12px 15px #07040a55);user-select:none}
.dh-person-shadow{position:absolute;bottom:-7px;left:10%;width:80%;height:23px;background:#0c050cd9;filter:blur(10px);border-radius:50%;transform:scaleY(.6);opacity:.9;pointer-events:none}
.dh-person-label{position:absolute;bottom:13%;left:3%;display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:10px 12px;background:none;border-left:1px solid #ffffff6b;text-shadow:0 2px 8px #10050e;text-align:left;transform:translateY(0);transition:opacity .4s,transform .4s;pointer-events:none}.dh-person-label b{font-size:15px;font-weight:600;color:#fff}.dh-person-label small{grid-row:2;font-size:8px;letter-spacing:.16em;color:#f3dce8}.dh-person-label>span{grid-column:2;grid-row:1 / 3;align-self:center;font-size:18px;color:#fff}
.dh-studio[data-active=jingqi] .dh-person--jingqi,.dh-studio[data-active=jingchi] .dh-person--jingchi{transform:translateY(-4px) scale(1.055);filter:brightness(1.08);z-index:3}.dh-studio[data-active=jingqi] .dh-person--jingchi,.dh-studio[data-active=jingchi] .dh-person--jingqi{transform:scale(.96);filter:brightness(.62) saturate(.6);opacity:.88}.dh-person[aria-pressed=true] .dh-person-label{opacity:0;transform:translateY(8px)}
.dh-person:focus-visible{outline:2px solid #fff;border-radius:8px}.dh-studio-header button:focus-visible,.dh-archive:focus-visible{outline:2px solid #fff;outline-offset:5px}
.dh-studio-footer{position:absolute;left:40px;right:40px;bottom:25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;line-height:1.5;color:#dbb9c5;z-index:4}
/* The showcase is an art-directed scene in either theme, like the reference's video. */
html[data-theme=light] .dh-studio{color:#fff;background:#20090e}html[data-theme=light] .dh-editorial h2,html[data-theme=light] .dh-person-label b,html[data-theme=light] .dh-studio-header strong{color:#fff}
/* Clip the shell; only the inset body scrolls so the rail never cuts the corners. */
.digital-human-dialog{--archive-bg:#10131d;--archive-text:#f1f4fc;--archive-muted:#bbc4d7;--archive-line:#ffffff25;--archive-button:#ffffff10;--archive-thumb:#677389;--archive-track:#ffffff08;position:fixed;inset:0;margin:auto;width:min(1000px,calc(100vw - 32px));height:min(900px,90dvh);max-height:90dvh;padding:0 0 10px;border:1px solid var(--archive-line);border-radius:18px;background:var(--archive-bg);color:var(--archive-text);overflow:hidden;color-scheme:dark;box-shadow:0 24px 90px #0005}
.digital-human-dialog[open]{display:flex;flex-direction:column}.digital-human-dialog::backdrop{background:#050811af;backdrop-filter:blur(8px)}
.digital-human-dialog header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;background:var(--archive-bg);border-bottom:1px solid var(--archive-line)}.digital-human-dialog header span{font-size:10px;letter-spacing:.15em;color:var(--archive-muted)}.digital-human-dialog h2{margin:6px 0 0;font-size:20px;color:var(--archive-text)}.digital-human-dialog header button{width:38px;height:38px;border:1px solid var(--archive-line);border-radius:50%;background:var(--archive-button);color:var(--archive-text);font-size:24px;cursor:pointer;flex:none}.digital-human-dialog header button:hover{background:var(--archive-line)}.digital-human-dialog header button:focus-visible{outline:2px solid #6fa8f5;outline-offset:3px}
.digital-human-dialog-body{flex:1;min-height:0;margin:8px 6px 0 0;padding:16px 18px 14px 24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--archive-thumb) var(--archive-track);scrollbar-gutter:stable;border-radius:0 0 10px 10px}.digital-human-dialog-body::-webkit-scrollbar{width:7px}.digital-human-dialog-body::-webkit-scrollbar-track{background:var(--archive-track);border-radius:8px}.digital-human-dialog-body::-webkit-scrollbar-thumb{background:var(--archive-thumb);border-radius:8px;border:2px solid var(--archive-bg)}.digital-human-dialog-body p{font-size:14px;line-height:1.9;margin:0 0 24px;color:var(--archive-muted)}.digital-human-dialog-body img{display:block;max-width:100%;width:100%;height:auto;border-radius:8px;margin-top:20px}
html[data-theme=light] .digital-human-dialog{--archive-bg:#f8faff;--archive-text:#20334d;--archive-muted:#53647c;--archive-line:#cdd9e9;--archive-button:#eaf0f9;--archive-thumb:#91a8c5;--archive-track:#e9eff8;color-scheme:light;box-shadow:0 24px 90px #17334c30}
@keyframes dh-copy-in{from{opacity:0;transform:translateY(20px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes dh-dust-rise{0%{opacity:0;transform:translate3d(0,50px,0)}25%{opacity:.35}75%{opacity:.2}100%{opacity:0;transform:translate3d(-40px,-90px,0)}}
@keyframes dh-atmosphere-drift{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.07)}}
.dh-character-name{overflow:hidden;padding:0 0 8px}.dh-character-name i{font-style:normal;display:inline-block;animation:dh-letter-in .7s cubic-bezier(.16,1,.3,1) both}.dh-person--jingqi>img{transform:translate3d(calc(var(--dh-x)*.35),calc(var(--dh-y)*.35),0);transition:transform .3s ease-out}@keyframes dh-letter-in{from{transform:translateY(115%) rotate(6deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@media(max-width:1050px){.dh-studio{height:650px}.dh-studio-header{left:28px;right:28px}.dh-editorial{left:28px;top:23%;width:36%}.dh-editorial h2{font-size:46px}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:64px}.dh-person--jingchi{height:510px;right:25%;width:31%}.dh-person--jingqi{height:490px;width:29%;right:1%}.dh-studio-footer{left:28px;right:28px}.dh-description{font-size:12px}.dh-statement{font-size:15px}}
@media(max-width:700px){.dh-studio{height:920px;margin:40px 0 28px;border-radius:14px}.dh-studio-header{top:22px;left:23px;right:23px;align-items:flex-start}.dh-studio-header>div{display:block}.dh-studio-header>div>span{display:block;border:0;padding:0;margin-top:6px;font-size:10px}.dh-studio-header nav{gap:16px}.dh-studio-header nav button{font-size:11px;gap:6px}.dh-editorial{top:110px;left:24px;right:24px;width:auto;max-width:420px}.dh-editorial h2{font-size:53px;line-height:1.1}.dh-editorial h2>span{display:inline;white-space:normal}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:65px}.dh-kicker{margin-bottom:15px;font-size:11px}.dh-statement{font-size:15px;margin-top:15px}.dh-description{font-size:12px;max-width:340px;margin-top:12px}.dh-traits{margin-top:14px;font-size:10px}.dh-archive{margin-top:18px;padding:11px 15px}.dh-instruction{margin-top:20px}.dh-person{bottom:66px}.dh-person--jingchi{right:42%;width:55%;height:442px}.dh-person--jingqi{right:1%;width:51%;height:423px}.dh-person-label{left:3%;bottom:17%;padding:8px}.dh-person-label b{font-size:13px}.dh-person-label small{font-size:7px}.dh-studio-footer{left:24px;right:24px;bottom:20px;display:block;font-size:9px}.dh-studio-footer>span{display:block;margin-top:5px}.dh-backtype{left:0;bottom:16%;font-size:140px}.dh-violet{background:radial-gradient(ellipse at 75% 65%,#8a51c7 0%,#442060 39%,#170e28 85%)}.dh-atmosphere{background:radial-gradient(ellipse at 70% 65%,#c12b39 0%,#75111f 33%,#300b13 65%,#170a10 100%)}.digital-human-dialog-body{padding:14px}.digital-human-dialog header{padding:14px}.digital-human-dialog h2{font-size:17px}}
@media(hover:none){.dh-desktop-hint{display:none}.dh-touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.dh-studio *{animation:none!important;transition:none!important}.dh-cast{transform:none}}
/* Compact, cut-away stage with an interacting duo breaking the upper silhouette. */
.dh-studio{height:590px;overflow:visible;contain:layout;background:transparent!important;border-radius:0;margin-top:76px}
.dh-atmosphere{border-radius:18px;clip-path:polygon(0 5%,8% 5%,10% 0,36% 0,39% 5%,68% 5%,71% 1%,100% 1%,100% 100%,0 100%)}
.dh-studio-header{top:48px}.dh-studio-header nav{position:relative;z-index:6}
.dh-editorial{top:124px;width:34%}.dh-editorial h2{font-size:54px}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:74px}.dh-kicker{margin-bottom:14px}.dh-statement{margin-top:16px;font-size:15px}.dh-description{margin-top:12px;font-size:12px;max-width:300px}.dh-traits{margin-top:14px}.dh-archive{margin-top:18px;padding:12px 17px}.dh-instruction{margin-top:23px}
.dh-vehicles{position:absolute;inset:0;overflow:hidden;border-radius:18px;pointer-events:none;z-index:0;clip-path:polygon(0 5%,8% 5%,10% 0,36% 0,39% 5%,68% 5%,71% 1%,100% 1%,100% 100%,0 100%)}
.dh-vehicle{position:absolute;right:0;bottom:55px;width:69%;height:73%;object-fit:contain;object-position:center bottom;opacity:0;transform:translate3d(50px,12px,0) scale(.96);transition:opacity .65s,transform 1s cubic-bezier(.16,1,.3,1);filter:brightness(.8);mask-image:linear-gradient(to right,transparent,black 14%,black 95%,transparent);pointer-events:none}
.dh-vehicle--bike{right:4%;width:65%;height:68%}.dh-studio[data-active=jingchi] .dh-vehicle--rover,.dh-studio[data-active=jingqi] .dh-vehicle--bike{opacity:.83;transform:translate3d(0,0,0) scale(1)}
.dh-duo{position:absolute;right:2%;bottom:42px;width:56%;height:610px;z-index:3;transform:translate3d(var(--dh-x),var(--dh-y),0);transition:transform .3s ease-out;pointer-events:none}
.dh-duo-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 16px 14px #0c040966);user-select:none}
.dh-person-hit{position:absolute;margin:0;padding:0;background:none;border:0;color:#fff;cursor:pointer;pointer-events:auto;z-index:1;-webkit-tap-highlight-color:transparent}
.dh-person-hit--jingchi{left:0;bottom:0;width:61%;height:63%;clip-path:polygon(18% 0,75% 0,100% 40%,93% 100%,0 100%,0 34%)}
.dh-person-hit--jingqi{right:0;top:0;width:48%;height:100%;clip-path:polygon(16% 0,81% 0,100% 47%,90% 100%,6% 100%,0 24%)}
.dh-hit-label{position:absolute;left:18%;bottom:6%;font-size:13px;letter-spacing:.04em;color:#fff;text-shadow:0 2px 8px #000;background:#18091880;padding:7px 10px;border-left:1px solid #ffffff70;transition:background .2s}
.dh-person-hit--jingqi .dh-hit-label{left:auto;right:10%;bottom:10%}.dh-person-hit:hover .dh-hit-label,.dh-person-hit:focus-visible .dh-hit-label{background:#fff;color:#271b31;text-shadow:none}.dh-person-hit:focus-visible{outline:0;background:#ffffff08}
@media(max-width:1050px) and (min-width:701px){.dh-studio{height:560px}.dh-editorial{top:118px;width:35%;left:28px}.dh-editorial h2{font-size:43px}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:62px}.dh-duo{height:550px;width:58%;right:0}.dh-studio-header{top:42px}.dh-description{font-size:12px}.dh-studio-header nav{gap:15px}}
@media(max-width:700px){.dh-studio{height:790px;margin-top:54px}.dh-studio-header{top:36px;left:22px;right:22px}.dh-editorial{top:112px;left:24px;right:24px;width:auto;max-width:none}.dh-editorial h2{font-size:42px}.dh-studio:not([data-active=both]) .dh-editorial h2{font-size:54px}.dh-kicker{font-size:10px;margin-bottom:10px}.dh-statement{font-size:13px;margin-top:12px}.dh-description{font-size:12px;margin-top:10px;max-width:330px}.dh-traits{margin-top:10px}.dh-archive{margin-top:12px;padding:9px 13px}.dh-duo{right:0;bottom:54px;width:100%;height:365px}.dh-vehicles{border-radius:14px}.dh-vehicle{width:100%;height:38%;bottom:60px;right:0}.dh-vehicle--bike{width:100%;height:36%;right:0}.dh-hit-label{font-size:11px;padding:5px 7px}.dh-studio-footer{bottom:16px;font-size:9px}.dh-person-hit--jingchi{height:65%}}
@media(prefers-reduced-motion:reduce){.dh-duo{transform:none}.dh-vehicle{transition:none}}
/* Hit regions follow the silhouettes in the square duo artwork. */
.dh-duo{height:auto;aspect-ratio:1;max-width:610px}
.dh-person-hit--jingchi,.dh-person-hit--jingqi{inset:0;width:100%;height:100%}
.dh-person-hit--jingchi{clip-path:polygon(33% 23%,48% 23%,53% 36%,54% 49%,63% 67%,64% 89%,39% 95%,31% 100%,9% 100%,10% 76%,13% 53%,20% 39%,30% 32%)}
.dh-person-hit--jingqi{clip-path:polygon(55% 0,70% 0,78% 17%,85% 29%,92% 40%,90% 54%,85% 60%,93% 100%,59% 100%,58% 88%,65% 80%,60% 63%,54% 51%,50% 40%,47% 33%,48% 20%)}
.dh-person-hit--jingchi .dh-hit-label{left:20%;bottom:17%}.dh-person-hit--jingqi .dh-hit-label{right:12%;bottom:10%}
@media(max-width:700px){.dh-duo{width:100%;max-width:400px;right:0}}
@media(min-width:701px){.dh-studio-header{right:auto;max-width:35%;display:block;pointer-events:none}.dh-studio-header nav{margin-top:10px;pointer-events:auto}.dh-studio-header>div{pointer-events:auto}.dh-studio-header nav button{padding:4px 0}.dh-editorial{top:142px}.dh-statement{margin-top:12px}.dh-description{margin-top:10px}.dh-archive{margin-top:14px}}

/* Restored stepped silhouette with responsive rounded corners. */
.dh-atmosphere,.dh-vehicles{clip-path:var(--dh-stage-clip,polygon(0 5%,8% 5%,10% 0,36% 0,39% 5%,68% 5%,71% 1%,100% 1%,100% 100%,0 100%));mask-image:none;border-radius:0}
.dh-duo-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:brightness(.48) saturate(.65);opacity:0;transition:opacity .4s ease;user-select:none}
.dh-duo-shade--jingchi{clip-path:polygon(0 0,48% 0,48% 32%,52% 43%,54% 53%,60% 66%,64% 81%,58% 92%,55% 100%,0 100%)}
.dh-duo-shade--jingqi{clip-path:polygon(48% 0,100% 0,100% 100%,55% 100%,58% 92%,64% 81%,60% 66%,54% 53%,52% 43%,48% 32%)}
.dh-studio[data-hovered=jingqi] .dh-duo-shade--jingchi,.dh-studio[data-hovered=jingchi] .dh-duo-shade--jingqi{opacity:.8}

/* Artwork-space masks follow hair, the overlapping glove and the jacket contour. */
.dh-duo-shade--jingchi,.dh-duo-shade--jingqi{clip-path:none;mask-size:100% 100%;mask-repeat:no-repeat}
.dh-duo-shade--jingchi{mask-image:url('https://jdad-memorizer-1305519777.cos.ap-beijing.myqcloud.com/sensory-ai/20261021-cos/digital-humans/jingchi-focus-mask-v6.svg')}
.dh-duo-shade--jingqi{mask-image:url('https://jdad-memorizer-1305519777.cos.ap-beijing.myqcloud.com/sensory-ai/20261021-cos/digital-humans/jingqi-focus-mask-v6.svg')}
.dh-backtype{top:88px;bottom:auto;left:35%;font-size:clamp(110px,13vw,190px);color:#fcd3df20;letter-spacing:-.045em}
.dh-duo-art{filter:drop-shadow(9px 16px 11px #09020a85) drop-shadow(0 4px 3px #09020a55)}
.dh-duo::before{content:"";position:absolute;left:10%;right:1%;bottom:1%;height:7%;border-radius:50%;background:#08020c70;filter:blur(14px);transform:scaleY(.6);pointer-events:none}
.dh-vehicle{filter:brightness(.8) drop-shadow(8px 18px 11px #09020b9c) drop-shadow(0 4px 3px #09020b66)}
@media(max-width:700px){.dh-backtype{top:66px;bottom:auto;left:5%;font-size:90px;color:#fcd3df16}}

/* More breathing room above the left copy; lettering fills the right scene. */
@media(min-width:701px){.dh-studio-header{top:76px}.dh-editorial{top:170px}.dh-backtype{font-size:var(--dh-backtype-size,190px)}}
@media(max-width:700px){.dh-studio-header{top:52px}.dh-editorial{top:128px}}
/* Give the breakout characters more space below the video showcase. */
.home-videos + .dh-studio{margin-top:132px}
@media(max-width:700px){.home-videos + .dh-studio{margin-top:94px}}

/* Particle coordinates belong to the fixed character scene, never the film area. */
.dh-particles{position:absolute;inset:0;overflow:hidden;clip-path:var(--dh-scene-clip);pointer-events:none;z-index:1;mix-blend-mode:screen}
.dh-particles .dh-dust{border-radius:50%;background:#fff1db;box-shadow:0 0 6px 1px #ffdec8aa,0 0 17px 3px #d19dff66;animation-name:dh-upper-dust;will-change:transform,opacity}
.dh-particles .dh-dust:nth-child(3n){background:#cfbaff;box-shadow:0 0 8px 2px #bc93ffbb,0 0 22px 4px #976bff55}
@keyframes dh-upper-dust{0%{opacity:.12;transform:translate3d(0,24px,0) scale(.65)}25%{opacity:.85}65%{opacity:.55}100%{opacity:.1;transform:translate3d(-26px,-60px,0) scale(.8)}}
/* A separate soft ground shadow avoids the vehicle image's alpha/mask crop. */
.dh-vehicle-shadows{position:absolute;inset:0;overflow:visible;z-index:0;pointer-events:none}
.dh-bike-ground-shadow{position:absolute;right:10%;bottom:46px;width:53%;height:54px;background:radial-gradient(ellipse at center,#08030cd9 0%,#09030a80 32%,#10071030 56%,transparent 74%);filter:blur(10px);border-radius:50%;transform:rotate(-3deg);opacity:0;transition:opacity .65s}
.dh-studio[data-active=jingqi] .dh-bike-ground-shadow{opacity:.92}
.dh-vehicles .dh-vehicle--bike{filter:brightness(.8)}
@media(max-width:700px){.dh-bike-ground-shadow{width:78%;right:8%;bottom:48px;height:32px;filter:blur(7px)}}
@media(prefers-reduced-motion:reduce){.dh-particles .dh-dust{animation:none;opacity:.55;will-change:auto}.dh-bike-ground-shadow{transition:none}}

/* English names lead; Chinese names remain supporting identifiers. */
.dh-studio-header nav .dh-name-en{font-size:18px;font-weight:650;letter-spacing:.025em}.dh-name-cn{font-size:11px;font-weight:400;opacity:.75}.dh-studio-header nav button{gap:5px}.dh-hit-label .dh-name-en{font-size:16px;font-weight:650}.dh-hit-label .dh-name-cn{font-size:10px}.dh-name-subtitle{font-size:18px;letter-spacing:.08em;color:#e5cbdc;margin:0 0 16px}.digital-human-dialog h2 strong{font-size:1.25em}.digital-human-dialog h2 small{font-size:.65em;font-weight:400;opacity:.75}
@media(max-width:700px){.dh-studio-header nav{gap:12px}.dh-studio-header nav .dh-name-en{font-size:15px}.dh-studio-header nav .dh-name-cn{font-size:10px}.dh-studio-header nav button{flex-wrap:wrap;gap:2px}.dh-name-subtitle{font-size:15px;margin-bottom:12px}.dh-hit-label .dh-name-en{font-size:14px}}

/* Discover the immersive digital idol page from the homepage stage. */
.dh-studio-footer{align-items:center}
.dh-discover{display:inline-flex;align-items:center;justify-content:center;gap:16px;flex:none;min-height:44px;padding:10px 22px;border:1px solid #f0d9ed80;border-radius:999px;background:#f0d9ed12;color:#fff1fb;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.06em;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,box-shadow .2s}
.dh-discover:hover{background:#f0d9ed26;border-color:#f0d9ed;box-shadow:0 0 24px #bf9aff30}
.dh-discover:focus-visible{outline:2px solid #e4c4ff;outline-offset:4px}
.digital-idol-page .dh-discover{display:none}
@media(max-width:700px){.dh-studio-footer{display:flex;gap:12px}.dh-studio-footer>span{max-width:58%}.dh-discover{min-height:44px;padding:10px 16px;font-size:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.dh-discover{transition:none}}

/* Reserve a lower action row so the homepage CTA clears the character feet. */
.dh-studio .dh-scene{margin-bottom:48px}
.dh-studio .dh-studio-footer{bottom:-15px}
.dh-return-home{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 20px;border:1px solid #f0d9ed80;border-radius:999px;background:#f0d9ed12;color:#fff1fb;text-decoration:none;font-size:13px;white-space:nowrap;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.dh-return-home:hover{background:#f0d9ed26;border-color:#f0d9ed}
.dh-return-home:focus-visible{outline:2px solid #e4c4ff;outline-offset:4px}
@media(max-width:700px){.dh-studio .dh-scene{margin-bottom:56px}.dh-studio .dh-studio-footer{bottom:-24px}.dh-return-home{padding:10px 14px;font-size:12px}}

/* Cast shadows outside the replaced image's clipped filter bounds. */
.dh-duo-visual{position:absolute;inset:0;overflow:visible;pointer-events:none;filter:drop-shadow(9px 16px 11px #09020a85) drop-shadow(0 4px 3px #09020a55)}
.dh-duo-visual .dh-duo-art{filter:none;overflow:visible}

.digital-human-videos{margin:28px 0 64px;padding:28px;border:1px solid #b4a6e630;border-radius:20px;background:linear-gradient(120deg,#181b2b,#151b25)}
.media-single-row{min-width:0}.media-row-clip{overflow:hidden;border-radius:16px}.media-row-track{display:grid;gap:20px;animation:media-row-reveal .45s ease both}.media-row-track .home-video-card{width:100%}.media-row-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:#b6c7dd;font-size:13px}.media-row-controls button{padding:7px 13px;border:1px solid #9ab4d54d;border-radius:999px;background:#90b5ff0d;color:inherit;cursor:pointer}.media-row-controls button:focus-visible{outline:2px solid #8eb9ff;outline-offset:3px}
.hero-featured-video .media-row-track{gap:0}.hero-featured-video .home-video-card{border:0;border-radius:0;background:transparent}.hero-featured-video .home-video-card:hover{transform:none}.hero-featured-video .home-video-card h3{margin:18px 24px;font-size:18px}.hero-featured-video .media-row-clip{border-radius:inherit}.hero-featured-video .home-video-cover{aspect-ratio:16/9}
.home-media-editor{width:min(680px,94vw)!important;max-height:88dvh;display:flex;flex-direction:column}.home-media-editor-body{overflow:auto;padding:24px}.home-media-editor-body>label{display:grid;gap:9px;margin-bottom:20px}.home-media-editor-body select{width:100%;padding:11px;border:1px solid #8296af55;border-radius:8px;background:#1b2638;color:#edf3fb}.home-media-editor-body p{font-size:13px;line-height:1.7}.home-media-editor-body [role=alert]{color:#ef8e88}
html[data-theme=light] .digital-human-videos{background:linear-gradient(120deg,#f8f7ff,#f5f9ff);border-color:#cfdaeb}html[data-theme=light] .media-row-controls{color:#365578}html[data-theme=light] .media-row-controls button{background:#eef4fd;border-color:#bfd0e7}html[data-theme=light] .home-media-editor-body select{background:#fff;color:#243a54;border-color:#bfd0e7}
@keyframes media-row-reveal{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.digital-human-videos{padding:16px;margin-top:20px}.media-row-track{gap:12px}.media-row-controls{gap:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.media-row-track{animation:none}}

/* Films belong to the same expanding, shaped digital-idol background. */
.digital-humans.dh-studio{height:auto}
.dh-scene{position:relative;height:590px}
.dh-scene .dh-vehicles{clip-path:var(--dh-scene-clip)}
.dh-studio .digital-human-videos{position:relative;z-index:4;margin:0;padding:12px 40px 36px;border:0;border-radius:0;background:transparent}
.dh-films-label{display:flex;align-items:center;gap:16px;margin:0 0 18px;color:#fff;font-size:15px;letter-spacing:.06em}
.dh-films-label span{font-size:10px;color:#e6c9e2a6;letter-spacing:.12em}
html[data-theme=light] .dh-studio .digital-human-videos{background:transparent;border:0}
.dh-studio .media-row-controls{color:#f0d9e8}
@media(max-width:1050px) and (min-width:701px){.dh-scene{height:560px}}
@media(max-width:700px){.dh-scene{height:790px}.dh-studio .digital-human-videos{padding:8px 22px 28px}.dh-films-label{font-size:14px;gap:10px}}

/* Integrate the film caption into its image instead of a separate light panel. */
.digital-human-videos .home-video-card{position:relative;background:transparent!important;isolation:isolate}
.digital-human-videos .home-video-card::after{content:"";position:absolute;inset:38% 0 0;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(5,7,14,.2) 38%,rgba(5,7,14,.85) 100%);pointer-events:none}
.digital-human-videos .home-video-card h3{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0!important;padding:32px 22px 20px;color:#fff!important;font-size:16px;line-height:1.5;text-shadow:0 1px 5px #0006;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}
@media(max-width:700px){.digital-human-videos .home-video-card h3{font-size:14px;padding:24px 16px 14px}}

#future .dh-studio{width:100%;margin:42px 0 0;height:auto;box-sizing:border-box;grid-column:1/-1}
#future .dh-studio .dh-editorial :is(h2,p){color:#fff}
#future .dh-studio .dh-editorial h2{font-size:54px;line-height:1.12;margin:0 0 12px}
#future .dh-studio .dh-description{font-size:12px;line-height:1.85;color:#e6cddd}
#future .dh-studio .dh-kicker{font-size:10px;color:#e6cddd}
#future .dh-studio .dh-statement{font-size:15px;line-height:1.9}
#future .dh-studio .dh-films-label{color:#fff}
.dh-migrated-films{display:grid;grid-template-columns:1fr;gap:16px}
.dh-film-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#180a15;text-align:left;color:#fff}
.dh-film-open img{display:block;width:100%;max-height:360px;object-fit:cover}
.dh-film-open>span{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 20px;background:linear-gradient(transparent,#100812e8);font-size:17px}
.dh-migrated-dialog{width:min(1000px,92vw);max-height:90dvh;overflow:auto;background:#1f1423;color:#fff;border:1px solid #c6a2ca55;border-radius:16px;padding:25px}
.dh-migrated-dialog::backdrop{background:#09050cda;backdrop-filter:blur(8px)}
.dh-migrated-dialog>button{position:sticky;float:right;top:0;border:0;background:#3f2b45;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:24px;z-index:1}
.dh-migrated-dialog img{display:block;max-width:100%;height:auto;margin:18px auto}
.dh-migrated-dialog video{display:block;width:100%;max-height:72dvh;object-fit:contain}
@media(max-width:700px){#future .dh-studio{margin-top:30px}#future .dh-studio .dh-editorial h2{font-size:40px}.dh-film-open>span{font-size:14px}}
