:root{--theme:#0B3D91;--ink:#172033;--muted:#687386;--line:#e5e9f0;--paper:#f6f8fb;--gold:#c89842;--dark:#121b2c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#101827;color:#cbd4e3;font-size:13px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.contact{color:#aeb9cb}
.header{height:76px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--theme)}.logo img{width:36px;height:36px;object-fit:contain}.main-nav{margin-left:auto}.nav-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:block;padding:24px 13px;font-size:14px;font-weight:600;white-space:nowrap}.has-arrow:after{content:"⌄";margin-left:6px;font-size:12px;color:#8993a4}.nav-item:hover>.dropdown-panel,.nav-item:focus-within>.dropdown-panel,.nav-item:hover>.mega-menu,.nav-item:focus-within>.mega-menu{display:block}.dropdown-panel,.mega-menu{display:none;position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:310px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #17203320;border-radius:0 0 12px 12px}.dropdown-panel:before,.mega-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.dropdown-panel a{display:block;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:14px}.panel-title{font-weight:800;color:var(--theme);margin-bottom:12px}.mega-menu{width:680px}.mega-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.mega-list{display:grid;gap:8px}.mega-card{display:flex;gap:9px;padding:7px;border-radius:8px}.mega-card:hover{background:#f3f6fb}.mega-card img{width:42px;height:42px;object-fit:cover;border-radius:6px;background:#eef2f7}.mega-card span{min-width:0;display:grid}.mega-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-card small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu p{font-size:13px;color:var(--muted);margin:0 0 15px}.mega-footer{display:inline-block;margin-top:9px;color:var(--theme);font-size:13px;font-weight:700}.header-btns{display:flex;align-items:center;gap:10px;white-space:nowrap}.member-link{font-size:13px;color:var(--theme);font-weight:700}.open-link{background:var(--theme);color:#fff;border-radius:6px;padding:7px 13px;font-size:13px}.hamburger{display:none;border:0;background:transparent;padding:7px;cursor:pointer}.hamburger span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0;transition:.2s}
.drawer-overlay{display:none;position:fixed;inset:0;background:#0b122080;z-index:50}.drawer-overlay.open{display:block}.mobile-drawer{position:fixed;right:-360px;top:0;width:min(360px,88vw);height:100vh;overflow:auto;background:#fff;z-index:60;transition:right .25s ease;box-shadow:-12px 0 35px #0002}.mobile-drawer.open{right:0}.drawer-head{height:70px;padding:0 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.drawer-head>a{color:var(--theme);font-weight:700}.drawer-close{margin-left:auto;border:0;background:none;font-size:30px;line-height:1;color:#697386;cursor:pointer}.drawer-menu{padding:12px 20px 30px}.drawer-link,.drawer-toggle{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #edf0f4;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}.drawer-group .drawer-toggle:after{content:"＋";float:right;color:#8993a4}.drawer-toggle.active:after{content:"−"}.drawer-submenu{display:none;padding:5px 0 5px 16px}.drawer-submenu.open{display:block}.drawer-submenu a{display:block;padding:8px 0;color:var(--muted);font-size:14px}
.video-detail-main{padding:48px 0 80px}.video-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.video-breadcrumb a{color:var(--theme)}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.video-article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px #1720330a}.video-title{font-size:clamp(26px,4vw,42px);line-height:1.25;margin:0 0 15px;color:#111a2a}.video-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.video-player{overflow:hidden;border-radius:12px;background:#101827;min-height:380px;display:flex;align-items:center;justify-content:center;color:#fff}.video-player video,.video-player iframe,.video-player embed{width:100%;max-width:100%;min-height:380px;border:0}.video-cover{width:100%;height:100%;min-height:380px;object-fit:cover}.video-intro{padding:17px 18px;margin:22px 0;background:#f5f7fb;border-left:4px solid var(--gold);color:#4c596b}.video-content{min-width:0;max-width:100%;overflow-x:auto;font-size:16px}.video-content img,.video-content table{max-width:100%}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.video-tags a{background:#edf3fb;color:var(--theme);padding:5px 11px;border-radius:30px;font-size:13px}.video-sidebar{display:grid;gap:18px}.side-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.side-box h2{font-size:18px;margin:0 0 15px}.side-video{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4}.side-video:last-child{border-bottom:0}.side-video img{width:82px;height:54px;object-fit:cover;border-radius:7px;background:#e8edf5}.side-video b{font-size:13px;line-height:1.45;display:block}.side-video small{color:var(--muted);font-size:11px}.more-video{display:inline-block;margin-top:12px;color:var(--theme);font-size:13px;font-weight:700}.footer{background:#101827;color:#b9c4d5;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:35px}.footer strong{font-size:20px;color:#fff}.footer h3{margin:0 0 13px;color:#fff;font-size:15px}.footer p{font-size:13px;margin:10px 0}.footer-grid>div>a{display:block;font-size:13px;margin:7px 0;color:#b9c4d5}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid #293346;margin-top:30px;padding-top:17px;text-align:center;font-size:12px;color:#8794a9}
@media(max-width:1050px){.main-nav{display:none}.header-btns{margin-left:auto}.hamburger{display:block}.video-layout{grid-template-columns:1fr}.video-sidebar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.topbar .container{height:auto;min-height:36px;gap:8px;padding:7px 0;align-items:flex-start;flex-direction:column}.contact{font-size:12px}.header{height:66px}.logo{font-size:17px}.logo img{width:31px;height:31px}.member-link{display:none}.video-detail-main{padding:28px 0 55px}.video-article{padding:18px}.video-player,.video-player video,.video-player iframe,.video-player embed,.video-cover{min-height:220px}.video-sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid .footer-brand,.footer-grid .footer-brand+div+div+div{grid-column:1/-1}}