/* ============================================================
   sd-home.css — 短剧创作者中心(shortdramas.com)交互 1:1 复刻
   作者主题:邓广胜 AIGC 影视创作 / 视觉设计
   ============================================================ */

:root{
    --unit: min(0.06944vw,0.11111vh);    /* 与原站一致的等比单位 */
    --grad: linear-gradient(93.5deg,#c9a86a 1.66%,#ffffff 50.26%,#c9a86a 99.9%);
    --cine-black:#000;
    --cine-ink:#070707;
    --cine-panel:#0d0d0d;
    --cine-line:rgba(255,255,255,.10);
    --cine-fog:#8c8c8c;
    --cine-fog-2:#5a5a5a;
    --cine-gold:#c9a86a;
    --cine-gold-soft:rgba(201,168,106,.16);
    --font-poster:'Anton','Noto Sans SC',sans-serif;
    --font-cn:'Noto Sans SC','Inter',sans-serif;
    --font-ui:'Inter','Noto Sans SC',sans-serif;
    --white:#fff;
    --black:#000;
    --ease: cubic-bezier(.22,.61,.36,1);
    --nav-h: 68px;
}

*{box-sizing:border-box}
html{scroll-behavior:auto;-ms-overflow-style:none;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body.sd{
    margin:0;background:#060614;color:#fff;
    font-family:var(--font-ui),-apple-system,sans-serif;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.sd::-webkit-scrollbar{display:none}
body.sd{-ms-overflow-style:none;scrollbar-width:none}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* ===== 进场遮罩 ===== */
.sd-entrance{position:fixed;inset:0;z-index:2000;background:#000;display:flex;
    align-items:center;justify-content:center;transition:opacity .8s ease;pointer-events:none}
.sd-entrance.done{opacity:0}
.sd-entrance-video{width:100%;height:100%;object-fit:contain;display:block}

/* ============================================================
   导航
   ============================================================ */
.home-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;
    padding:26px 0;background:transparent;
    opacity:0;transform:translateY(-40px);transition:opacity .8s ease,transform .8s ease,padding .4s ease}
.home-nav.visible{opacity:1;transform:translateY(0)}
.home-nav.scrolled{padding:11px 0;background:transparent;border-bottom:0}
.home-nav-inner{height:auto;max-width:1320px;margin:0 auto;padding:0 40px;
    display:flex;align-items:center;justify-content:space-between;position:relative}
.home-nav-logo{display:block;width:152px;height:auto;line-height:1;color:#fff;font-family:var(--font-poster);
    font-size:24px;font-weight:400;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.home-nav-logo span{color:var(--cine-gold)}

.home-nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    display:flex;align-items:center;gap:42px;height:36px;white-space:nowrap;transition:gap .4s ease}
.home-nav.scrolled .home-nav-links{gap:32px}
.home-nav-link{position:relative;display:flex;align-items:center;justify-content:center;
    padding:6px 0;border-radius:0;font-size:13px;font-weight:500;line-height:1.5714;
    letter-spacing:1.5px;text-transform:uppercase;color:var(--cine-fog);cursor:pointer;transition:font-size .4s ease,color .35s ease}
.home-nav.scrolled .home-nav-link{font-size:12px}
.home-nav-link:hover,.home-nav-link.active{color:#fff}
/* 整组 hover 时,只有被指向的高亮 */
.home-nav-links:hover .home-nav-link .ind{opacity:0}
.home-nav-links:hover .home-nav-link:hover .ind{opacity:1}
.home-nav-link.active .ind{opacity:1}
.home-nav-link .ind{position:absolute;left:50%;bottom:-3px;width:24px;height:1px;
    background:var(--cine-gold);border-radius:5px;transform:translateX(-50%);opacity:0;transition:opacity .2s ease}

.home-nav-actions{position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:1001;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.home-nav-actions.visible{opacity:1;visibility:visible}
.home-nav-btn{display:inline-flex;align-items:center;height:auto;padding:13px 26px;border-radius:0;
    background:transparent;border:1px solid var(--cine-line);color:#fff;font-size:12px;font-weight:600;
    letter-spacing:1.5px;text-transform:uppercase;transition:padding .4s ease,font-size .4s ease,background .35s ease,transform .2s,border-color .35s ease,color .35s ease}
.home-nav.scrolled .home-nav-btn{padding:9px 20px;font-size:11px;border-color:transparent}
.home-nav-btn:hover{background:var(--cine-gold);border-color:var(--cine-gold);color:#000;transform:translateY(-1px)}

/* ============================================================
   HERO — 200vh 容器 + sticky 缩放(灵魂效果)
   ============================================================ */
.home-hero-wrapper{position:relative;height:200vh;background:#000}
.home-hero{position:sticky;top:0;height:100vh;overflow:hidden;z-index:201}
.home-hero-bg{position:absolute;inset:0;transform-origin:center center;
    will-change:transform,border-radius;overflow:hidden;
    transform:scale(var(--hero-scale,1));border-radius:var(--hero-radius,0px)}
.home-hero-bg img,.home-hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home-hero-overlay{position:absolute;inset:0;
    background:radial-gradient(120% 80% at 50% 30%,transparent 30%,rgba(0,0,0,.55) 100%);
    will-change:opacity}

.home-hero-content{position:absolute;left:50%;top:54.5%;transform:translate(-50%,-50%);
    width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;
    will-change:opacity,transform}
.home-hero-title,.home-hero-subtitle,.home-hero-btn{
    opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.home-hero.in .home-hero-title{opacity:1;transform:none;transition-delay:0s}
.home-hero.in .home-hero-subtitle{opacity:1;transform:none;transition-delay:.15s}
.home-hero.in .home-hero-btn{opacity:1;transform:none;transition-delay:.3s}

.home-hero-title{margin:0;text-align:center;font-family:var(--font-cn);font-weight:700;line-height:1.08;
    font-size:calc(var(--unit)*55.3);letter-spacing:0;text-transform:none;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.42)}
.home-hero-subtitle{margin:calc(var(--unit)*16) auto 0;max-width:700px;text-align:center;font-family:var(--font-cn);font-weight:300;
    font-size:calc(var(--unit)*15);line-height:1.75;letter-spacing:.02em;color:rgba(255,255,255,.78);
    text-shadow:0 0 24px rgba(0,0,0,.4)}
.home-hero-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:calc(var(--unit)*32);
    min-width:120px;height:calc(var(--unit)*40);padding:calc(var(--unit)*7) calc(var(--unit)*24);
    border-radius:6px;background:#fff;color:#000;font-size:calc(var(--unit)*11);
    font-weight:600;line-height:1.625;letter-spacing:2.5px;text-transform:uppercase;
    transition:background .2s,transform .8s ease,opacity .8s ease,color .2s}
.home-hero.in .home-hero-btn:hover{background:var(--cine-gold);color:#000}
.home-hero-btn:active{background:hsla(0,0%,100%,.6)}

.home-hero-scroll-hint{position:absolute;left:50%;bottom:calc(var(--unit)*15);transform:translateX(-50%);
    display:flex;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--unit)*8);z-index:2;
    color:var(--cine-fog);font-size:calc(var(--unit)*10);font-weight:500;line-height:calc(var(--unit)*22);
    letter-spacing:3px;text-transform:uppercase;white-space:nowrap;pointer-events:none;
    will-change:opacity}
.home-hero-scroll-icon{width:calc(var(--unit)*16);height:calc(var(--unit)*16);display:inline-block;position:relative}
.home-hero-scroll-icon:before{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;
    border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:translate(-50%,-50%) rotate(45deg)}

/* ============================================================
   通用滚动淡入
   ============================================================ */
.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* ============================================================
   角色卡片 — sticky 舞台
   ============================================================ */
.home-roles-wrapper{height:100vh;background:#060614;position:relative;z-index:2}
.home-roles{position:sticky;top:0;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;
    justify-content:center;overflow:hidden;padding:0}
.home-roles:after{content:"";position:absolute;right:0;bottom:0;width:min(100vw,1440px);height:58vh;
    background:radial-gradient(70% 80% at 100% 100%,rgba(255,146,82,.18),transparent 55%),
               radial-gradient(45% 55% at 70% 90%,rgba(220,169,255,.16),transparent 62%);
    pointer-events:none;z-index:0}
.home-roles-header{position:relative;z-index:1;text-align:center;margin-bottom:calc(var(--unit)*60)}
.home-roles-title{margin:0;font-family:var(--font-poster);font-size:calc(var(--unit)*52);font-weight:400;
    line-height:calc(var(--unit)*62);letter-spacing:0;text-transform:uppercase;color:#fff;background:none}
.home-roles-subtitle{margin:4px 0 0;color:hsla(0,0%,100%,.46);font-size:clamp(15px,calc(var(--unit)*18),18px);
    line-height:1.6}
.home-roles-cards{position:relative;z-index:1;width:calc(var(--unit)*1240);max-width:calc(100vw - 48px);
    display:flex;flex-direction:column;align-items:center;gap:calc(var(--unit)*16);will-change:opacity,transform}
.home-roles-row{display:flex;flex-direction:row;align-items:center;gap:calc(var(--unit)*16);width:100%}
.home-roles-card{flex:1 1;min-height:0;border-radius:calc(var(--unit)*40);overflow:hidden;position:relative;background:#1a1a1f;
    background-position:center calc(var(--unit)*102);background-repeat:no-repeat;background-size:calc(var(--unit)*346);
    isolation:isolate;transition:all .2s var(--ease)}
.home-roles-card.single-line{height:calc(var(--unit)*240);background-position:calc(var(--unit)*23) calc(var(--unit)*81);
    background-size:calc(var(--unit)*558)}
.home-roles-card.is-script-reading{background-image:url("../images/card-bg-script-reading.png")}
.home-roles-card.is-director{background-image:url("../images/card-bg-director.a647d529.png")}
.home-roles-card.is-actor{background-image:url("../images/card-bg-actor.d89a5ed7.png")}
.home-roles-card.is-copyright{background-image:url("../images/card-bg-copyright-owner.ee95a9c4.png")}
.home-roles-card.is-investor{background-image:url("../images/card-bg-investor.390e0bfd.png")}
.home-roles-card[data-role-href]{cursor:pointer}
/* 特色卡片在变形时频繁切换 opacity,强制独立合成层(translateZ)保留已栅格化的背景图纹理,避免重绘时胶片图标闪烁。 */
.home-roles-card[data-role-card]{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}
.home-roles-card[data-role-href]:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:4px}
.home-roles-card:before{content:"";position:absolute;inset:0;background:
    radial-gradient(80% 60% at 90% 110%,rgba(248,235,150,.22),transparent 56%),
    radial-gradient(70% 80% at 0% 100%,rgba(241,114,255,.18),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.055),transparent);opacity:.9;z-index:-1}
.home-roles-card:hover:before{background:rgba(86,86,101,.1);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}
.home-roles-card-content{box-sizing:border-box;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;
    padding:calc(var(--unit)*30);position:relative;z-index:2}
.home-roles-card-top-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
.home-roles-card-text-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0}
.home-roles-card-title{margin:0;color:#fff;font-size:calc(var(--unit)*15);font-weight:600;
    line-height:calc(var(--unit)*28);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.home-roles-card-desc{display:-webkit-box;margin:0;color:var(--cine-fog);font-family:var(--font-cn);font-weight:300;
    font-size:calc(var(--unit)*14);line-height:calc(var(--unit)*22);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-roles-card-desc.single-line{display:block;max-height:calc(var(--unit)*22);white-space:nowrap;-webkit-line-clamp:1}
.home-roles-card-action{display:flex;align-items:center;justify-content:center;margin-left:0;opacity:0;overflow:hidden;
    transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:0}
.home-roles-card:hover .home-roles-card-action{margin-left:calc(var(--unit)*24);opacity:1;visibility:visible;width:calc(var(--unit)*104)}
.home-link-btn{display:inline-flex;align-items:center;justify-content:center;border:none;box-sizing:border-box;cursor:pointer;
    font-weight:500;text-decoration:none;white-space:nowrap}
.home-roles-card-btn{height:calc(var(--unit)*36);border-radius:0;padding:0 calc(var(--unit)*24);
    background:transparent;border:1px solid var(--cine-line);color:#fff;font-size:calc(var(--unit)*12);
    line-height:calc(var(--unit)*20);letter-spacing:1.5px;text-transform:uppercase;
    transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}
.home-roles-card-btn:hover{background:var(--cine-gold);border-color:var(--cine-gold);color:#000;box-shadow:none}
.home-roles-card-btn.disabled,.home-roles-card-btn.disabled:hover{color:hsla(0,0%,100%,.24);background:hsla(0,0%,100%,.04);box-shadow:none;cursor:default}
.home-roles-card-footer{margin-top:calc(var(--unit)*33);line-height:calc(var(--unit)*22)}
.home-roles-card-footer-title{font-family:var(--font-poster);font-size:calc(var(--unit)*50);font-weight:400;line-height:1;
    letter-spacing:.04em;color:#fff;background:none}
.home-roles-card-footer-desc{margin-top:calc(var(--unit)*12);color:var(--cine-fog);font-size:calc(var(--unit)*12);
    font-weight:400;letter-spacing:1.5px;text-transform:uppercase}

/* ============================================================
   共享变形层
   ============================================================ */
.home-shared-morph{position:fixed;left:0;top:0;width:0;height:0;border-radius:40px;overflow:hidden;
    pointer-events:none;visibility:hidden;z-index:250;will-change:left,top,width,height,border-radius}
.home-shared-card,.home-shared-image{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.home-shared-card{background:#1a1a1f;opacity:1;transition:none;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}
/* 渐变叠层复用 .home-roles-card:before(替身同时带 home-roles-card 类),保证与真实卡片完全一致,避免衔接处色差。 */
.home-shared-card.home-roles-card{background-repeat:no-repeat;background-position:calc(var(--unit)*23) calc(var(--unit)*81);
    background-size:calc(var(--unit)*558)}
.home-shared-image{background:#fff;opacity:0}
.home-shared-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-shared-image-mask{position:absolute;inset:0;box-shadow:inset 0 0 40px rgba(241,114,255,.28),
    inset 4px -4px 20px rgba(248,235,150,.55),inset -20px -20px 50px rgba(235,147,255,.24)}

/* ============================================================
   优势区 + 案例扩张舞台
   ============================================================ */
.home-adv-cases-wrapper{height:200vh;background:#060614;position:relative;z-index:2}
.home-adv-cases-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#060614}

/* ============================================================
   案例无限跑马灯
   ============================================================ */
.home-cases{position:relative;min-height:100vh;
    background:
        radial-gradient(ellipse 72% 54% at 18% 42%,rgba(68,80,104,.18),transparent 70%),
        radial-gradient(ellipse 58% 46% at 88% 62%,rgba(112,82,76,.12),transparent 72%),
        #0b0c12;
    padding-top:calc(var(--unit)*68);
    overflow:hidden;z-index:2;display:flex;flex-direction:column;justify-content:center;
    opacity:1;visibility:visible;pointer-events:auto;clip-path:none}
.home-cases-bottom-shadow{position:absolute;left:0;right:0;bottom:0;height:calc(var(--unit)*180);pointer-events:none;z-index:0;
    background:linear-gradient(180deg,rgba(11,12,18,0),rgba(8,9,14,.88))}
.home-cases-text{width:100%;margin-top:calc(var(--unit)*100);padding:0 calc(var(--unit)*93);position:relative;z-index:2}
.home-cases-title{margin:0;font-family:var(--font-poster);font-size:calc(var(--unit)*56);font-weight:400;
    line-height:calc(var(--unit)*62);letter-spacing:0;text-transform:uppercase;color:#fff;background:none}
.home-cases-subtitle{margin:calc(var(--unit)*12) 0 0;font-size:calc(var(--unit)*13);line-height:calc(var(--unit)*28);
    color:var(--cine-gold);font-weight:600;letter-spacing:3px;text-transform:uppercase}
.home-cases-scroll{position:relative;z-index:2;width:100%;overflow:visible;transition:opacity .6s ease-out}
.home-cases-track{display:flex;width:max-content;will-change:transform;
    animation:cases-scroll 56s linear infinite;animation-play-state:running}
.home-cases-track-running{animation-play-state:running}
@media (hover:hover) and (pointer:fine){
    .home-cases-scroll:hover .home-cases-track{animation-play-state:paused}
}
@keyframes cases-scroll{0%{transform:translateZ(0)}100%{transform:translate3d(-50%,0,0)}}
.home-cases-item{position:relative;flex-shrink:0;width:calc(var(--unit)*240);height:calc(var(--unit)*360);margin-right:calc(var(--unit)*40);
    border-radius:calc(var(--unit)*20);overflow:hidden;cursor:pointer}
.home-cases-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.home-cases-item video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease;
    filter:brightness(.76) saturate(.9)}
.home-cases-item:hover img{transform:scale(1.04)}
.home-cases-item:hover video{transform:scale(1.035);filter:brightness(.92) saturate(1)}
.home-cases-video-number{position:absolute;left:16px;top:14px;z-index:2;font-family:var(--font-poster);
    display:none;font-size:calc(var(--unit)*24);line-height:1;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.home-cases-item-info{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 18px;z-index:2;
    background:linear-gradient(transparent,rgba(0,0,0,.82));
    transform:translateY(8px);opacity:0;transition:opacity .35s ease,transform .35s ease}
.home-cases-item:hover .home-cases-item-info{opacity:1;transform:none}
.home-cases-item-no{font-family:'Anton',sans-serif;font-size:13px;letter-spacing:.1em;
    color:#ff9252;display:block;margin-bottom:6px}
.home-cases-item-title{font-size:18px;font-weight:600;margin:0}
.home-cases-item-role{font-size:13px;color:hsla(0,0%,100%,.6);margin:4px 0 0}

/* ============================================================
   优势区 — 渐变大字 + 自动轮播进度点
   ============================================================ */
.home-advantage{background:#1d1d1f;min-height:100vh;padding-top:calc(var(--unit)*100);
    position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start}
.home-advantage-image{width:min(calc(var(--unit)*1280),calc(100vw - 48px));height:calc(var(--unit)*480);
    min-height:320px;max-height:520px;margin:0 auto;border-radius:16px;overflow:hidden;position:relative;will-change:transform,border-radius}
.home-advantage-image img,.home-advantage-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:0;transition:opacity .6s ease}
.home-advantage-image img.active,.home-advantage-image video.active{opacity:1}
.home-advantage-bottom{display:flex;justify-content:space-between;align-items:flex-start;
    width:min(calc(var(--unit)*1280),calc(100vw - 48px));margin:calc(var(--unit)*65) auto 0;padding:0 calc(var(--unit)*20)}
.home-advantage-left{flex:1 1;display:flex;flex-direction:column;gap:4px}
.home-advantage-left-line1,.home-advantage-left-line2{margin:0;white-space:nowrap;font-family:var(--font-poster);
    font-weight:400;font-size:clamp(34px,calc(var(--unit)*54),74px);line-height:calc(var(--unit)*66);
    letter-spacing:0;text-transform:uppercase;color:#fff;background:none}
.home-advantage-left-line1{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}
.home-advantage-left-line2{align-self:flex-start;padding-left:2em;text-align:left}
.home-advantage-right{width:clamp(360px,calc(var(--unit)*500),520px);max-width:50%;
    display:flex;flex-direction:column;gap:40px}
.home-advantage-right-content{height:calc(var(--unit)*83);min-height:83px;display:flex;flex-direction:column}
.home-advantage-right-title{margin:0 0 calc(var(--unit)*8);font-size:calc(var(--unit)*16);line-height:calc(var(--unit)*28);
    font-weight:600;color:#fff;letter-spacing:1.5px;text-transform:uppercase}
.home-advantage-right-desc{margin:0;font-family:var(--font-cn);font-size:calc(var(--unit)*16);font-weight:300;
    line-height:calc(var(--unit)*28);color:var(--cine-fog)}
.home-advantage-dots{display:flex;align-items:center;gap:16px;width:100%}
.home-advantage-dot{flex:1 1;height:20px;border:none;background:transparent;padding:0;cursor:pointer;position:relative}
.home-advantage-dot:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:100%;height:2px;border-radius:2px;background:hsla(0,0%,100%,.24)}
.home-advantage-dot-progress{position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:0;height:2px;border-radius:2px;background:var(--cine-gold)}
.home-advantage-dot-active .home-advantage-dot-progress{animation:sd-dot 5s linear forwards}
@keyframes sd-dot{from{width:0}to{width:100%}}

/* ============================================================
   2026 短剧产业大会
   ============================================================ */
.home-section{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;position:relative}
.home-conference{background:#000;overflow:hidden;z-index:3}
.home-conference-board-wrapper{width:100%;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.home-conference-board-inner{width:calc(var(--unit)*1440);height:calc(var(--unit)*900);display:flex;align-items:center;flex-direction:column;position:relative;z-index:1;overflow:hidden}
.home-conference-welcome-board-bg{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;opacity:.95}
.home-conference-welcome-board:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(circle at 50% 46%,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 38%,rgba(0,0,0,.64) 100%),
    linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.02) 34%,rgba(0,0,0,.66))}
.home-conference-wordmark{margin-top:calc(var(--unit)*172);display:flex;align-items:center;gap:calc(var(--unit)*18);
    font-size:calc(var(--unit)*11);font-weight:600;line-height:1;letter-spacing:5px;text-transform:uppercase;
    color:var(--cine-gold);text-shadow:0 calc(var(--unit)*8) calc(var(--unit)*22) rgba(0,0,0,.36)}
.home-conference-wordmark:before,.home-conference-wordmark:after{content:"";width:calc(var(--unit)*42);height:1px;
    background:linear-gradient(90deg,transparent,var(--cine-gold))}
.home-conference-wordmark:after{transform:scaleX(-1)}
.home-conference-title-group{margin-top:calc(var(--unit)*68);position:relative;text-align:center}
.home-conference-title{margin:0;display:flex;align-items:center;flex-direction:column;font-family:var(--font-cn);
    color:#fff;text-shadow:0 calc(var(--unit)*14) calc(var(--unit)*40) rgba(0,0,0,.4)}
.home-conference-title-intro{display:block;font-size:calc(var(--unit)*66);font-weight:300;line-height:1;
    letter-spacing:.12em;transform:translateX(-.08em)}
.home-conference-title-finale{display:flex;align-items:baseline;justify-content:center;margin-top:calc(var(--unit)*12);
    font-size:calc(var(--unit)*122);font-weight:700;line-height:.94;letter-spacing:-.015em;white-space:nowrap}
.home-conference-title-outline{color:transparent;-webkit-text-stroke:1.25px rgba(234,244,255,.72);
    text-shadow:0 0 calc(var(--unit)*28) rgba(156,181,255,.12)}
.home-conference-title-finale strong{position:relative;font:inherit;color:#f4f7ff}
.home-conference-title-finale strong:after{content:"";position:absolute;left:.06em;right:.08em;bottom:calc(var(--unit)*-13);
    height:2px;background:linear-gradient(90deg,var(--cine-gold),rgba(201,168,106,0));transform-origin:left;
    animation:conference-title-line 1.4s var(--ease) both}
@keyframes conference-title-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.home-conference-signature{margin:calc(var(--unit)*34) 0 0;font-size:calc(var(--unit)*17);line-height:1;
    font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(234,244,255,.68)}
.home-conference-welcome-board-reserve-btn{margin-top:calc(var(--unit)*86);display:flex;align-items:center;justify-content:center;
    width:calc(var(--unit)*194);height:calc(var(--unit)*45);border-radius:0;background:transparent;border:1px solid var(--cine-line);
    color:#fff;font-size:calc(var(--unit)*13);font-weight:600;letter-spacing:2px;text-transform:uppercase;
    transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease}
.home-conference-welcome-board-reserve-btn:hover{background:var(--cine-gold);border-color:var(--cine-gold);color:#000;transform:translateY(calc(var(--unit)*-2))}
.home-conference-welcome-board-info-wrapper{margin-top:calc(var(--unit)*64);display:flex;align-items:center;flex-direction:column;color:rgba(234,244,255,.86)}
.home-conference-welcome-board-date{display:flex;align-items:center;gap:calc(var(--unit)*16);font-size:calc(var(--unit)*18);line-height:1;letter-spacing:.18em}
.home-conference-welcome-board-date span{width:calc(var(--unit)*58);height:1px;background:rgba(234,244,255,.4)}
.home-conference-welcome-board-location{margin-top:calc(var(--unit)*12);display:flex;gap:calc(var(--unit)*16);
    font-size:calc(var(--unit)*13);line-height:1;color:var(--cine-fog);letter-spacing:1.5px;text-transform:uppercase}
.home-conference-welcome-board-load-more{margin-top:calc(var(--unit)*55);display:flex;align-items:center;gap:calc(var(--unit)*8);
    font-size:calc(var(--unit)*10);line-height:1;color:var(--cine-fog);letter-spacing:3px;text-transform:uppercase}
.home-conference-welcome-board-load-more span{width:calc(var(--unit)*8);height:calc(var(--unit)*8);border-left:1px solid currentColor;border-bottom:1px solid currentColor;
    transform:rotate(-45deg);margin-top:calc(var(--unit)*-4)}
.home-conference-welcome-board-load-more em{font-style:normal}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:768px){
    .home-nav-links{display:none}
    .home-hero-wrapper{height:180vh}
    .home-roles-wrapper{height:auto}
    .home-roles{position:relative;height:auto;min-height:100vh;padding:100px 24px}
    .home-roles-cards{width:100%;max-width:none}
    .home-roles-row{flex-direction:column}
    .home-roles-card,.home-roles-card.single-line{width:100%;height:auto!important;min-height:220px}
    .home-shared-morph{display:none}
    .home-adv-cases-wrapper{height:auto}
    .home-adv-cases-sticky{position:relative;height:auto;overflow:visible}
    .home-advantage-bottom{flex-direction:column;gap:36px}
    .home-advantage-right{width:100%;max-width:100%}
    .home-advantage-left-line2{padding-left:1em}
    .home-cases-text{padding:0 24px}
    .home-conference-board-inner{width:100%;height:100%;padding:0 24px}
    .home-conference-wordmark{margin-top:128px;font-size:10px;letter-spacing:3px;gap:10px}
    .home-conference-wordmark:before,.home-conference-wordmark:after{width:24px}
    .home-conference-title-group{margin-top:48px}
    .home-conference-title-intro{font-size:30px}
    .home-conference-title-finale{margin-top:12px;font-size:48px;line-height:1;white-space:normal;flex-wrap:wrap}
    .home-conference-title-outline{-webkit-text-stroke-width:1px}
    .home-conference-signature{margin-top:28px;font-size:11px;line-height:20px;letter-spacing:.16em}
    .home-conference-welcome-board-reserve-btn{width:154px;height:42px;font-size:15px}
    .home-conference-welcome-board-date{font-size:15px}
    .home-conference-welcome-board-location{font-size:13px;flex-direction:column;align-items:center}
}

/* Tablet */
@media (min-width:769px) and (max-width:1100px){
    :root{--nav-h:60px}
    .home-nav{padding:20px 0}
    .home-nav-inner{padding:0 28px}
    .home-nav-links{gap:30px}
    .home-nav-actions{right:28px}
    .home-nav-btn{padding:11px 18px}

    .home-hero-bg img,.home-hero-bg video{object-fit:cover}
    .home-hero-content{padding:0 48px}
    .home-hero-title{font-size:clamp(42px,5.1vw,56px)}
    .home-hero-subtitle{max-width:620px;font-size:15px}
    .home-hero-btn{height:38px;margin-top:28px;padding:6px 22px;font-size:11px}

    .home-roles-wrapper{height:auto}
    .home-roles{position:relative;height:auto;min-height:100vh;padding:110px 28px 80px;overflow:visible}
    .home-roles-header{margin-bottom:42px}
    .home-roles-title{font-size:clamp(34px,4.4vw,48px);line-height:1.2}
    .home-roles-cards{width:100%;max-width:none;gap:16px}
    .home-roles-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
    .home-roles-row:first-child .home-roles-card:last-child{grid-column:1 / -1}
    .home-roles-card,.home-roles-card.single-line{width:100%;height:240px!important;border-radius:24px}
    .home-roles-card-content{padding:26px}
    .home-roles-card-title{font-size:16px;line-height:1.5}
    .home-roles-card-desc{font-size:14px;line-height:1.65}

    .home-cases-item{width:220px;height:330px;margin-right:24px;border-radius:18px}
    .home-cases-text{padding:0 56px}
    .home-cases-title{font-size:48px;line-height:1.15}

    .home-conference-board-inner{width:100%;height:100%;padding:0 48px}
    .home-conference-title-intro{font-size:48px}
    .home-conference-title-finale{font-size:88px}
}

/* Phone */
@media (max-width:768px){
    :root{--nav-h:56px}
    html{scroll-behavior:smooth}
    body.sd{background:#05050a}

    .sd-entrance-video{object-fit:cover}
    .home-nav{padding:13px 0;background:rgba(0,0,0,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
    .home-nav.scrolled{padding:9px 0;background:rgba(0,0,0,.72)}
    .home-nav-inner{padding:0 16px;min-height:30px}
    .home-nav-links{position:static;transform:none;display:flex;gap:18px;height:auto}
    .home-nav.scrolled .home-nav-links{gap:18px}
    .home-nav-link,.home-nav.scrolled .home-nav-link{padding:4px 0;font-size:11px;letter-spacing:.08em}
    .home-nav-link .ind{bottom:-2px;width:18px}
    .home-nav-actions{right:16px}
    .home-nav-btn,.home-nav.scrolled .home-nav-btn{padding:7px 0;border:0;font-size:10px;letter-spacing:.08em}

    .home-hero-wrapper{height:150vh}
    .home-hero{height:100dvh}
    .home-hero-bg img,.home-hero-bg video{object-fit:cover}
    .home-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.08) 38%,rgba(0,0,0,.58))}
    .home-hero-content{top:54%;padding:0 22px}
    .home-hero-title{max-width:none;font-size:clamp(24px,7.2vw,30px);line-height:1.12;white-space:nowrap}
    .home-hero-subtitle{max-width:32em;margin-top:14px;font-size:13px;line-height:1.7}
    .home-hero-btn{min-width:112px;height:38px;margin-top:26px;padding:6px 20px;font-size:10px}
    .home-hero-scroll-hint{bottom:18px;font-size:9px}

    .home-roles-wrapper{height:auto}
    .home-roles{position:relative;height:auto;min-height:0;padding:88px 16px 64px;overflow:visible}
    .home-roles:after{height:36%;opacity:.7}
    .home-roles-header{margin-bottom:32px}
    .home-roles-title{font-family:var(--font-cn);font-size:clamp(28px,8vw,38px);font-weight:700;line-height:1.22}
    .home-roles-cards{width:100%;max-width:none;gap:12px}
    .home-roles-row{flex-direction:column;gap:12px}
    .home-roles-card,.home-roles-card.single-line{width:100%;height:190px!important;min-height:190px;border-radius:20px;
        background-position:right -14px bottom -14px;background-size:auto 72%}
    .home-roles-card-content{padding:22px}
    .home-roles-card-title{font-size:15px;line-height:1.5}
    .home-roles-card-desc,.home-roles-card-desc.single-line{display:-webkit-box;max-height:none;white-space:normal;
        font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .home-roles-card-action{display:none}
    .home-shared-morph{display:none}

    .home-adv-cases-wrapper{height:auto}
    .home-adv-cases-sticky{position:relative;height:auto;overflow:visible}
    .home-advantage-bottom{flex-direction:column;gap:36px}
    .home-advantage-right{width:100%;max-width:100%}
    .home-advantage-left-line2{padding-left:1em}

    .home-cases{min-height:100dvh;padding:82px 0 64px;justify-content:flex-start}
    .home-cases-scroll{order:2;overflow-x:auto;overflow-y:hidden;padding:0 0 12px;scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .home-cases-scroll::-webkit-scrollbar{display:none}
    .home-cases-track{animation:none;gap:14px;padding:0 16px}
    .home-cases-item{width:min(66vw,250px);height:min(99vw,375px);margin-right:0;border-radius:18px;scroll-snap-align:start}
    .home-cases-item video{filter:brightness(.86) saturate(.94)}
    .home-cases-text{order:1;margin:0 0 30px;padding:0 20px}
    .home-cases-title{font-family:var(--font-cn);font-size:36px;font-weight:700;line-height:1.15}
    .home-cases-subtitle{margin-top:9px;font-size:10px;line-height:1.7;letter-spacing:.18em}
    .home-cases-bottom-shadow{height:120px}

    .home-section,.home-conference,.home-conference-board-wrapper{height:100dvh;min-height:680px}
    .home-conference-board-inner{width:100%;height:100%;padding:0 20px}
    .home-conference-welcome-board-bg{object-fit:cover}
    .home-conference-wordmark{margin-top:112px;font-size:9px;letter-spacing:3px;gap:10px}
    .home-conference-wordmark:before,.home-conference-wordmark:after{width:24px}
    .home-conference-title-group{margin-top:52px}
    .home-conference-title-intro{font-size:28px;letter-spacing:.08em}
    .home-conference-title-finale{margin-top:13px;font-size:clamp(42px,12vw,56px);line-height:1;white-space:normal;flex-wrap:wrap}
    .home-conference-title-outline{-webkit-text-stroke-width:1px}
    .home-conference-signature{max-width:310px;margin-top:30px;font-size:10px;line-height:1.8;letter-spacing:.14em}
    .home-conference-welcome-board-reserve-btn{width:148px;height:42px;margin-top:58px;font-size:12px}
}

@media (max-width:480px){
    .home-nav-links,.home-nav.scrolled .home-nav-links{gap:13px}
    .home-nav-link,.home-nav.scrolled .home-nav-link{font-size:10px}
    .home-nav-actions{display:none}
    .home-hero-content{padding:0 18px}
    .home-hero-title{font-size:clamp(24px,7.2vw,29px)}
    .home-hero-subtitle{font-size:12px}
    .home-roles{padding-left:14px;padding-right:14px}
    .home-roles-card,.home-roles-card.single-line{height:178px!important;min-height:178px}
    .home-roles-card-content{padding:19px}
    .home-cases-item{width:72vw;height:108vw}
    .home-cases-title{font-size:32px}
    .home-conference-title-finale{font-size:42px}
}

@media (prefers-reduced-motion:reduce){
    .fade-in,.home-hero-title,.home-hero-subtitle,.home-hero-btn{transition-duration:.01ms!important}
}