html,body.td-mode{width:100%;height:100%;margin:0;overflow:hidden;background:#050506}
body.td-mode{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#f4f4f5}
#td-viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#050506}
#td-stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:center;background:radial-gradient(ellipse at 75% 10%,#2e0d1270,transparent 50%),#0b0b0d}
#td-header{position:absolute;inset:0 0 auto;height:94px;padding:0 76px;display:flex;align-items:center;justify-content:space-between;gap:42px;background:#0b0b0dba;border-bottom:1px solid #ffffff10;z-index:10}
.td-brand{display:flex;align-items:center;gap:25px;font-size:30px;letter-spacing:9px;font-weight:750;white-space:nowrap}
.td-brand span{padding-left:25px;border-left:1px solid #ffffff30;font-size:16px;letter-spacing:2px;color:#92929c;font-weight:400}
#td-header nav{display:flex;align-items:center;gap:9px}
#td-header nav button{padding:13px 18px;border:0;background:none;color:#8d8d97;border-radius:999px;font-size:17px;line-height:1.4;white-space:nowrap;cursor:pointer}
#td-header nav button[aria-current],#td-header nav button:hover{color:#fff;background:#ffffff0a}
#td-stage button,#td-stage select{font-family:inherit;cursor:pointer}
#td-stage button:focus-visible,#td-stage a:focus-visible,#td-stage select:focus-visible{outline:3px solid #ff6971;outline-offset:5px}
.td-outline,.td-next,.td-play{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 24px;border:1px solid #ffffff28;border-radius:999px;color:#dddde3;background:#ffffff04;font-size:18px;line-height:1.3;font-weight:550;white-space:nowrap;transition:background .2s,border-color .2s}
.td-outline:hover{background:#ffffff0d;border-color:#ffffff50}
.td-next{background:#f2f2f4;color:#151518;border-color:#f2f2f4}
.td-play{background:#e82127;color:#fff;border-color:#e82127;min-width:166px}
.td-play:hover{background:#ff333b}
#td-stage button:disabled{opacity:.28;cursor:default}
.td-slides{position:absolute;inset:94px 0 181px}
#td-stage .td-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:34px 90px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1),visibility .45s}
#td-stage .td-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1}
#td-stage .td-slide>.hero,#td-stage .td-slide>section{position:relative;width:100%;height:auto;min-height:0;margin:0;padding:0;border:0;background:none}
#td-stage .wrap{width:100%;max-width:none;padding:0}
#td-stage .reveal{opacity:1;transform:none;transition:none}
#td-stage .sec-head{margin:0 0 28px}
#td-stage .sec-tag{font-size:15px;letter-spacing:3px;margin-bottom:12px}
#td-stage h2{font-size:52px!important;line-height:1.2!important;margin:0 0 16px}
#td-stage .sec-head p{font-size:21px;line-height:1.7;max-width:none}
#td-stage .hero{display:flex;align-items:center;justify-content:center;min-height:690px!important;overflow:visible}
#td-stage .hero-inner{max-width:1160px;position:relative;z-index:2;padding-bottom:65px}
#td-stage .hero h1{font-size:100px;line-height:1.08;margin:26px 0}
#td-stage .hero .kicker{font-size:16px;letter-spacing:5px;padding:10px 24px}
#td-stage .hero .lead{font-size:23px;line-height:1.8;max-width:880px}
#td-stage .hero-actions{display:flex;gap:16px;justify-content:center;margin-top:25px}
#td-stage .hero .btn,#td-stage .cta .btn{font-size:19px;min-height:53px;padding:12px 28px;border-radius:999px;box-shadow:none}
#td-stage .car-line{position:absolute;left:50%;bottom:2px;width:1060px;max-width:none;height:195px}
#td-stage .hero-bg,#td-stage .grid-bg,#td-stage .halo{pointer-events:none}
#td-stage .scroll-hint{display:none}
#td-stage .model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#td-stage .model-grid .card{padding:19px 24px 17px;border-radius:16px;min-width:0;transform:none}
#td-stage .card .tag{font-size:11px;margin-bottom:3px}
#td-stage .card h3{font-size:29px;line-height:1.2;margin:0 0 5px}
#td-stage .card .sub{font-size:15px}
#td-stage .card .art{height:62px;margin:8px auto 5px}
#td-stage .card .art svg{height:62px;width:100%;max-width:330px;margin:auto}
#td-stage .specs{padding-top:10px;margin-top:8px;gap:12px}
#td-stage .spec b{font-size:23px;line-height:1.2}
#td-stage .spec b small{font-size:12px}
#td-stage .spec span{font-size:11px;letter-spacing:.04em;line-height:1.5;display:block;margin-top:5px}
#td-stage .stats .wrap{display:flex;flex-direction:column;gap:62px}
#td-stage .stats h2{font-size:70px!important}
#td-stage .stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#td-stage .stat{padding:45px 16px;background:#ffffff03;border:1px solid #ffffff0c;border-radius:20px}
#td-stage .stat .num{font-size:65px;white-space:nowrap}
#td-stage .stat p{font-size:20px;letter-spacing:0;margin-top:23px}
#td-stage .tech-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}
#td-stage .tech-grid>div>p{font-size:21px!important;line-height:1.75!important;max-width:790px}
#td-stage .tech-list{margin-top:26px}
#td-stage .acc button{font-size:23px;padding:17px 4px}
#td-stage .acc button .idx{font-size:14px;margin-right:20px}
#td-stage .acc .panel p{font-size:19px;line-height:1.8;max-width:800px;padding-bottom:18px}
#td-stage .acc.open .panel{max-height:220px}
#td-stage .radar{width:510px;height:510px;max-width:none;margin:auto}
#td-stage .tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin-top:85px}
#td-stage .tl:before{display:block;top:0;left:0;right:0}
#td-stage .tl-item{padding:36px 0 0;min-width:0}
#td-stage .tl-item:before{top:0;left:0}
#td-stage .tl-item .yr{font-size:48px}
#td-stage .tl-item h4{font-size:25px;line-height:1.45;margin:12px 0}
#td-stage .tl-item p{font-size:19px;line-height:1.8}
#td-stage .cta{text-align:center;display:flex;align-items:center;justify-content:center}
#td-stage .cta h2{font-size:78px!important;line-height:1.25!important;margin:0 0 28px}
#td-stage .cta p{font-size:25px;line-height:1.9;margin:0 0 40px}
#td-controls{position:absolute;inset:auto 76px 35px;height:62px;padding:0;border:0;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:10}
.td-position{display:flex;align-items:center;gap:18px;min-width:350px}
.td-position>b{font-size:35px;font-variant-numeric:tabular-nums;font-weight:500}
.td-position>span{font-size:17px;color:#9999a3}
#td-dots{display:flex;gap:8px;margin-left:10px}
#td-dots button{height:5px;width:18px;border:0;border-radius:4px;background:#ffffff23;padding:0;min-height:5px}
#td-dots button[aria-current]{width:32px;background:#e82127}
.td-narration-controls,.td-step-controls{display:flex;align-items:center;gap:12px}
.td-rate{display:flex;align-items:center;gap:9px;font-size:16px;color:#9999a3;margin-left:8px}
.td-rate select{font-size:16px;padding:10px 12px;color:#fff;border:1px solid #ffffff24;border-radius:9px;background:#17171c}
.td-caption{position:absolute;bottom:121px;left:90px;right:90px;display:flex;align-items:center;gap:25px;min-height:42px}
.td-caption>span{color:#e95760;font-size:13px;letter-spacing:2px;flex:none;min-width:120px}
.td-caption p{color:#b7b7c1;font-size:21px;line-height:1.65;margin:0;max-width:1400px}
.td-demo-note{position:absolute;left:76px;bottom:11px;font-size:10px;letter-spacing:1px;color:#55555e}
.td-orientation-hint{display:none}
.td-voice-label{display:flex;align-items:center;gap:8px;color:#8e8e99;font-size:15px}
.td-voice-label select{width:160px;padding:12px 10px;background:#17171c;color:#dddde5;border:1px solid #ffffff24;border-radius:9px;font-size:15px;text-overflow:ellipsis}
#td-stage .td-focusable{position:relative;transform-origin:center;cursor:zoom-in;transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .5s,border-color .5s!important}
#td-stage .td-focusable:focus-visible{outline:3px solid #ef777b;outline-offset:7px}
#td-stage .td-has-focus .td-focusable{opacity:.16}
#td-stage .td-has-focus .td-focusable.is-point-active{opacity:1;z-index:12;cursor:default}
#td-stage .td-has-focus .sec-head,#td-stage .td-has-focus .tech-grid>div>h2,#td-stage .td-has-focus .tech-grid>div>.sec-tag,#td-stage .td-has-focus .tech-grid>div>p{opacity:.18;transition:opacity .5s}
#td-stage .td-has-focus .radar{opacity:.08;transition:opacity .5s}
#td-stage .model-grid .card.is-point-active,#td-stage .stat.is-point-active{background:#151519;border-color:#f16b7680;box-shadow:0 20px 80px #0009}
#td-stage .td-focusable.is-point-active:before{pointer-events:none}
#td-stage .tl-item.is-point-active:after,#td-stage .acc.is-point-active:after{content:"";position:absolute;inset:-24px;z-index:-1;border-radius:18px;background:#151519;border:1px solid #ee737963;box-shadow:0 20px 80px #0008;pointer-events:none}
#td-stage .tl-item.is-point-active:before{z-index:1}
#td-stage .acc.is-point-active .panel{max-height:260px;transition:none!important}
#td-stage .acc.is-point-active .panel p{color:#d1d1d9}
#td-stage .td-caption>span{font-size:15px;letter-spacing:0;min-width:180px;max-width:220px;line-height:1.65}
#td-stage .td-position{min-width:280px;gap:13px}
#td-stage .td-position>span{font-size:15px}
#td-controls{gap:18px}
.td-narration-controls{gap:10px}
#td-focus{font-size:16px;padding-left:17px;padding-right:17px}
@media(max-width:700px) and (orientation:portrait){.td-orientation-hint{display:block;position:fixed;bottom:25px;left:20px;right:20px;text-align:center;color:#747480;font:12px/1.6 "Microsoft YaHei",sans-serif}}
@media(prefers-reduced-motion:reduce){#td-stage *,#td-stage *:before,#td-stage *:after{animation:none!important;transition:none!important}}