@scope (.hv-hero) {
*{box-sizing:border-box}body{margin:0;color:#182d48;background:white;font:15px/1.8 'Microsoft YaHei',sans-serif}:scope{background:radial-gradient(ellipse at 85% 30%,#e1edff,transparent 55%),linear-gradient(115deg,#f8fbff,#edf4ff);padding:68px 0 26px}.hv-wrap{width:calc(100% - 48px);max-width:1200px;margin:auto}.hv-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.hv-eyebrow{font-size:13px;color:#2a70df;letter-spacing:2px}:scope h1{font-size:43px;line-height:1.45;margin:17px 0 20px;letter-spacing:-1px}:scope h1 em{font-style:normal;color:#2a75ed}.hv-intro{font-size:16px;color:#72859f;line-height:1.95;margin:0 0 27px}.hv-actions{display:flex;gap:12px}.hv-btn{display:inline-flex;padding:11px 23px;border:1px solid #2a75ed;color:white;background:#2a75ed;text-decoration:none;border-radius:5px;font:14px/1.7 'Microsoft YaHei';cursor:pointer}.hv-outline{background:white;color:#2a75ed}.hv-tags{display:flex;gap:16px;margin-top:25px;font-size:13px;color:#7187a4}.hv-tags span:before{content:'✓';color:#2a75ed;margin-right:6px}.hv-film{border-radius:12px;border:1px solid #d8e4f4;box-shadow:0 20px 55px #234f9024;background:white;padding:9px;position:relative}.hv-film-top{height:27px;display:flex;align-items:center;gap:5px;padding:0 5px 9px}.hv-film-top i{width:6px;height:6px;border-radius:50%;background:#c2d3ea}.hv-film-top span{font-size:11px;color:#8395af;margin-left:9px}.hv-video-wrap{position:relative;border-radius:7px;overflow:hidden;background:#102944;aspect-ratio:16/9}.hv-video-wrap video{width:100%;height:100%;display:block;object-fit:contain}.hv-play{position:absolute;inset:0;width:100%;border:0;cursor:pointer;color:white;background:linear-gradient(0deg,#08234c77,transparent 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font:14px 'Microsoft YaHei'}.hv-play[hidden]{display:none}.hv-play b{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#ffffffed;color:#2a75ed;font-size:24px;padding-left:4px;box-shadow:0 8px 25px #0002}.hv-film-foot{display:flex;justify-content:space-between;font-size:12px;color:#7c8da5;padding:11px 7px 3px}.hv-film-foot strong{font-weight:500;color:#3b5679}.slide-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:38px;color:#8a9ab2;font-size:11px}.slide-footer i{height:3px;width:23px;background:#cbdcf2;border-radius:2px}.slide-footer i:first-child{width:40px;background:#2a75ed}.preview-content{padding:40px 0}.preview-content h2{text-align:center;font-size:27px;margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid #dfE8f3;border-radius:8px;padding:23px;background:#f8fbff}.cards h3{font-size:20px;margin:0 0 8px;color:#2a75ed}.cards p{font-size:14px;color:#7b8da5;margin:0}.cards article:nth-child(2){background:#f5fbf9}.cards article:nth-child(2) h3{color:#209e88}.cards article:nth-child(3){background:#fcf7f9}.cards article:nth-child(3) h3{color:#a65f70}.preview-note{text-align:center;padding:15px;color:#8798ae;font-size:12px}@media(max-width:900px){.hv-hero-grid{gap:25px}:scope h1{font-size:34px}}@media(max-width:767px){:scope{padding:35px 0 23px}.hv-wrap{width:calc(100% - 32px)}.hv-hero-grid{grid-template-columns:minmax(0,1fr);gap:29px}:scope h1{font-size:33px}.hv-intro{font-size:14px}.hv-tags{gap:12px;font-size:12px}.cards{grid-template-columns:1fr}.hv-film-foot{font-size:11px}.preview-content h2{font-size:23px}.slide-footer{margin-top:25px}}
/* Second concept: cinematic video, generous scale and quieter framing. */
:scope{position:relative;isolation:isolate;background:#0d1d35;padding:76px 0 28px;overflow:hidden;color:white}:scope:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 35%,#24487588,transparent 65%),linear-gradient(110deg,#0b1b32,#142d4e);z-index:-1}:scope .hv-wrap{max-width:1480px;width:calc(100% - 112px)}.hv-hero-grid{grid-template-columns:.78fr 1.3fr;gap:65px;min-height:470px}.hv-eyebrow{color:#9cbfeb;font-size:12px;letter-spacing:3px}:scope h1{font-size:clamp(38px,3.5vw,60px);line-height:1.36;letter-spacing:-1px;margin:25px 0}:scope h1 em{color:#a9ceff}.hv-intro{font-size:17px;color:#b8c9df;line-height:2;margin-bottom:33px}.hv-btn{padding:13px 25px;background:#2c7cf4;border-color:#2c7cf4;border-radius:3px}.hv-outline{background:transparent;border-color:#758faa;color:#e0ebfa}.hv-tags{margin-top:35px;color:#a0b5cf;font-size:13px;gap:21px}.hv-tags span:before{color:#85b7ff}.hv-film{padding:0;border:1px solid #7396c640;border-radius:3px;background:#0c1c31;box-shadow:0 25px 65px #0005}.hv-film-top{display:none}.hv-video-wrap{border-radius:2px}.hv-film-foot{position:absolute;bottom:14px;left:20px;right:20px;z-index:1;color:#d6e4f5;padding:0;pointer-events:none}.hv-film-foot strong{color:#e8f2ff;font-size:12px;font-weight:400;letter-spacing:1px}.hv-film-foot span{font-size:11px;color:#b5c7df}.hv-play{gap:16px;background:linear-gradient(0deg,#06172bd9,transparent 40%,#07172b15)}.hv-play b{width:76px;height:76px;background:#ffffffee;font-size:28px;color:#276ed6;box-shadow:0 10px 40px #0003}.hv-play span{font-size:13px;letter-spacing:1px}.hv-film:has(video[controls]) .hv-film-foot{display:none}.slide-footer{margin-top:42px;color:#7d99bc;gap:11px}.slide-footer i{background:#456080}.slide-footer i:first-child{background:#83b6ff;width:50px}.slide-footer span{margin-left:8px;letter-spacing:2px}.preview-content{padding:45px 0}.preview-note{display:none}@media(min-width:1800px){:scope{padding-top:88px;padding-bottom:32px}.hv-hero-grid{min-height:510px}}@media(max-width:1100px){:scope .hv-wrap{width:calc(100% - 64px)}.hv-hero-grid{gap:32px;min-height:390px}:scope h1{font-size:38px}.hv-intro{font-size:14px}.hv-tags{gap:12px;font-size:12px}.hv-film-foot span{display:none}}@media(max-width:767px){:scope{padding:40px 0 25px}:scope .hv-wrap{width:calc(100% - 32px)}.hv-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0}:scope h1{font-size:36px;margin:18px 0}.hv-intro{font-size:14px;margin-bottom:24px}.hv-tags{margin-top:22px}.hv-film-foot{bottom:10px;left:12px}.hv-film-foot strong{font-size:10px}.hv-play b{width:56px;height:56px;font-size:22px}.hv-play span{font-size:11px}.slide-footer{margin-top:26px}}

:scope{background:#0b1e36}:scope:before{background:linear-gradient(90deg,#081a3070,transparent 70%),url('../picture/home-redesign/hero-background.png') center/cover no-repeat}.hv-film{border:0;background:transparent;box-shadow:none}.hv-video-wrap{overflow:visible;background:transparent;isolation:isolate}.hv-video-wrap video:not([controls]){mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.hv-play{background:transparent}.hv-play b{background:#ffffffed;border:1px solid #ffffff88;box-shadow:0 0 0 10px #ffffff0b,0 12px 40px #0002;transition:transform .2s}.hv-play:hover b{transform:scale(1.07)}.hv-film-foot{bottom:4px;left:6%;right:6%}.hv-film-foot strong{color:#c6d9f1}.hv-film-foot span{color:#94accb}.hv-video-wrap:has(video[controls]){background:#071425;overflow:hidden;border-radius:4px;box-shadow:0 20px 60px #0005}:scope .hv-hero-grid{gap:35px;grid-template-columns:.78fr 1.4fr}@media(max-width:767px){:scope .hv-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.hv-film-foot{bottom:-4px}.hv-film-foot strong{font-size:10px}}

:scope:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 18%,#2975c520,transparent 34%),radial-gradient(ellipse at 27% 88%,#327cc21c,transparent 38%)}:scope .hv-hero-grid>div:first-child{position:relative;isolation:isolate}:scope .hv-hero-grid>div:first-child:before{content:'';position:absolute;left:-170px;top:-145px;width:680px;height:680px;z-index:-1;border:1px solid #76afff0c;border-radius:50%;box-shadow:0 0 0 62px #76afff04,0 0 0 125px #76afff03;transform:rotate(-25deg) scaleY(.8);pointer-events:none}:scope .hv-hero-grid>div:first-child:after{content:'';position:absolute;left:-60px;right:-50px;top:-50px;bottom:-40px;z-index:-1;opacity:.33;background-image:linear-gradient(120deg,transparent 43%,#95bff910 43.08%,transparent 43.2%),linear-gradient(120deg,transparent 61%,#95bff90c 61.08%,transparent 61.2%);pointer-events:none}.hv-play b{width:74px;height:74px;background:linear-gradient(140deg,#4e9beb5c,#17497f77);border:1px solid #a2c9f789;color:#d4e9ff;box-shadow:0 0 0 9px #77b3fb08,inset 0 1px 0 #d8edff2b,0 12px 32px #0002;backdrop-filter:blur(10px);font-size:25px}.hv-play:hover b{background:linear-gradient(140deg,#5baaff85,#225c9fa6);border-color:#c0e0ff}.hv-play{gap:18px}.hv-play .hv-video-label{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:500;letter-spacing:3px;color:#e0efff;text-shadow:0 2px 10px #061528}.hv-video-label small{font-size:9px;letter-spacing:4px;color:#9fbfdf;font-weight:400}.hv-film-foot strong{font-size:12px;letter-spacing:1.5px;color:#a9bfdc}:scope h1{font-weight:600;letter-spacing:-.5px}:scope h1 em{background:linear-gradient(100deg,#c9e2ff,#8dbdff);background-clip:text;-webkit-background-clip:text;color:transparent}.hv-eyebrow{letter-spacing:2.5px}.hv-intro{color:#b6c9e1}@media(max-width:767px){.hv-play b{width:58px;height:58px;font-size:21px}.hv-play .hv-video-label{font-size:14px;letter-spacing:2px}.hv-video-label small{font-size:8px}:scope .hv-hero-grid>div:first-child:before{width:430px;height:430px;left:-100px;top:-90px}.hv-film-foot strong{font-size:10px;letter-spacing:.5px}}

}
.ybh-home .ybh-carousel-slides{aspect-ratio:auto;height:636px;max-height:none}.ybh-home .hv-hero{height:100%;padding:62px 0 55px}.ybh-home .hv-hero .hv-hero-grid{min-height:0}.ybh-home .hv-hero h1{margin:25px 0;line-height:1.36}.ybh-home .hv-hero .hv-play{border-radius:0}.ybh-carousel-controls{background:transparent}.ybh-carousel:has(video:not([data-playing])){}
@media(max-width:1100px) and (min-width:768px){.ybh-home .ybh-carousel-slides{height:530px}}@media(max-width:767px){.ybh-home .ybh-carousel-slides{height:690px}.ybh-home .hv-hero{padding:35px 0 55px}.ybh-home .hv-hero h1{margin:18px 0}.ybh-home .hv-hero .hv-hero-grid{gap:25px}.ybh-home .ybh-carousel-slide picture img{object-fit:contain}.ybh-home .ybh-carousel-arrow{top:auto;bottom:12px;transform:none}}

.ybh-home .hv-hero{color:white;background:#0b1e36;position:relative;isolation:isolate;overflow:hidden}.ybh-home .hv-hero h1{font-size:clamp(38px,3.5vw,60px);font-weight:600;color:#fff;letter-spacing:-.5px}.ybh-home .hv-hero h1 em{font-style:normal;background:linear-gradient(100deg,#c9e2ff,#8dbdff);background-clip:text;-webkit-background-clip:text;color:transparent}.ybh-home .hv-hero .hv-btn{color:white}.ybh-home .hv-hero .hv-outline{color:#e0ebfa}.ybh-home .hv-hero .hv-intro{margin:0 0 33px}.ybh-home .hv-hero .hv-actions{margin-top:0}.ybh-home .hv-hero .hv-tags{margin-top:35px}@media(max-width:1100px){.ybh-home .hv-hero h1{font-size:38px}}@media(max-width:767px){.ybh-home .hv-hero h1{font-size:36px}.ybh-home .hv-hero .hv-tags{margin-top:22px}.ybh-home .hv-hero .hv-intro{margin-bottom:24px}}

@media(min-width:768px){.ybh-home .ybh-carousel-prev{left:8px}.ybh-home .ybh-carousel-next{right:8px}.ybh-home .ybh-carousel-arrow{width:30px}}