*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fa;color:#17343a;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#176f87}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #176f87;outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain}.container{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:16px}.top-strip{background:#102137;color:#d5e7e4;font-size:12px;padding:4px 0}.top-strip a{margin-left:22px}.site-header{position:sticky;top:0;z-index:20;background:#ffffff;border-bottom:1px solid #d9e4ec}.brand-row{height:70px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:#142a3f;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.18em;line-height:1.2}.brand-logo{height:36px;max-width:115px}.desktop-search{display:flex;flex:1;max-width:390px;border:1px solid #bfd9d3;border-radius:10px;overflow:hidden;background:#fff}.desktop-search input,.mobile-search input{padding:9px 14px;border:0;outline:0;min-width:0;flex:1;background:#fff}.desktop-search button,.mobile-search button{border:0;background:#176f87;color:#fff;padding:6px 20px}.header-actions{display:flex;gap:14px;align-items:center}.desk-link{font-size:14px;font-weight:700}.icon-btn{border:1px solid #bfd9d3;border-radius:10px;min-width:44px;min-height:44px;background:#fff;color:#17343a}.channel-nav{background:#e7f0f5;border-bottom:1px solid #d9e4ec}.channel-inner{display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;min-height:47px;scrollbar-width:none}.channel-inner a{font-size:14px;padding:9px 0;position:relative}.channel-inner a.active{font-weight:800;color:#176f87}.channel-inner a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#176f87}.nav-group{font-size:12px;color:#526c72;border-left:3px solid #78cebd;padding-left:12px}.live-label{border-color:#e8907e}.main{padding-top:26px;padding-bottom:68px;min-height:50vh}.page-hero{display:grid;grid-template-columns:44% 1fr;gap:26px;align-items:center;background:linear-gradient(135deg,#142a3f,#12383d);border-radius:18px;color:#f7fcfa;padding:36px;margin:0 0 44px;min-height:320px}.page-hero h1{font-size:clamp(28px,3vw,39px);line-height:1.25;margin:16px 0}.page-hero p{color:#d5e7e4;max-width:490px}.eyebrow{font-size:12px;letter-spacing:.08em;color:#176f87;font-weight:800}.page-hero .eyebrow{color:#d3f0eb}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:10px;min-height:44px;font-weight:700;font-size:14px}.btn{background:#78cebd;color:#102137}.btn-outline{border:1px solid #9bbcb7;color:#f7fcfa}.btn:hover,.btn-outline:hover{filter:brightness(.94)}.media-box{background:linear-gradient(140deg,#d3f0eb,#e7f0f5);border:1px solid #d9e4ec;border-radius:14px;overflow:hidden;min-height:155px;display:flex;align-items:center;justify-content:center}.media-box img{max-height:100%;width:100%;object-fit:contain}.page-hero .media-box{background:linear-gradient(130deg,#29495b,#176f87);border-color:#40676a;min-height:260px;max-height:380px}.section{margin-bottom:48px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:19px}.section-heading h2{font-size:26px;line-height:1.4;margin:0}.section-heading p{margin:5px 0 0;color:#526c72;font-size:14px;max-width:690px}.more-link,.read-link{color:#176f87;font-weight:800;font-size:14px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.item-card,.note-card{background:#ffffff;border:1px solid #d9e4ec;border-radius:15px;overflow:hidden;min-width:0}.item-link{display:block;height:100%}.item-card .media-box{border:0;border-radius:0;min-height:175px;max-height:225px}.card-text,.note-card{padding:20px}.card-text h3,.note-card h3{font-size:19px;margin:8px 0}.card-text p,.note-card p{color:#355159;font-size:14px;margin:7px 0 13px}.note-card h3{margin-top:0}.feature-row{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:stretch}.feature-panel{background:#fff;border:1px solid #d9e4ec;border-radius:16px;padding:24px}.feature-panel.dark{background:#142a3f;color:#f7fcfa}.feature-panel.dark p{color:#d5e7e4}.feature-panel h2{font-size:24px;margin:8px 0}.feature-panel .media-box{min-height:230px;margin-bottom:16px}.list-links{display:flex;flex-direction:column;gap:9px}.list-links a{display:block;padding:14px 16px;border:1px solid #d9e4ec;border-radius:10px;background:#fff}.list-links a:hover{border-color:#176f87}.timeline{border-left:2px solid #78cebd;margin-left:9px;padding-left:26px}.timeline p{background:#fff;padding:18px;border-radius:10px;border:1px solid #d9e4ec}.timeline strong{display:block}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 1fr;gap:35px;align-items:start}.article-body{background:#fff;padding:26px 30px;border:1px solid #d9e4ec;border-radius:15px}.article-body p{margin:0 0 22px;line-height:1.88}.article-body h2{margin:26px 0 10px}.breadcrumb{color:#526c72;font-size:13px;margin:0 0 15px}.reading-intro{font-size:18px!important;color:#355159}.detail-title{font-size:34px;line-height:1.38;margin:0 0 12px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#e1f2ee;color:#176f87;font-size:12px;font-weight:700;padding:4px 10px;border-radius:5px}.state{display:inline-block;color:#6b4b33;background:#fff1df;border-radius:5px;font-size:12px;padding:4px 8px;font-weight:800}.empty-video{background:#102137;color:#f7fcfa;aspect-ratio:16/9;border-radius:15px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-video p{max-width:520px;color:#d5e7e4}.room-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:22px}.room-layout video{width:100%;max-height:460px;background:#102137;border-radius:15px}.chatbox{background:#fff;border:1px solid #d9e4ec;border-radius:14px;padding:18px}.chat-messages{height:310px;overflow-y:auto;background:#f7f8fa;border:1px solid #d9e4ec;border-radius:10px;padding:14px;margin:12px 0;word-break:break-word}.chat-msg{border-bottom:1px solid #d9e4ec;padding:8px 0}.chat-msg strong{color:#176f87;margin-right:8px}.chatbox input,.chatbox textarea{width:100%;border:1px solid #b8d8d0;border-radius:8px;padding:10px;margin-bottom:9px}.chatbox button{background:#176f87;color:#fff;border:0;border-radius:8px;padding:10px 18px;min-height:44px}.muted{color:#526c72}.faq-list details{background:#fff;border:1px solid #d9e4ec;border-radius:10px;margin:12px 0;padding:13px 18px}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:#355159}.footer{background:#102137;color:#f7fcfa;padding:45px 0 22px}.footer-intro{border-bottom:1px solid #29495b;padding-bottom:20px}.footer-intro strong{font-size:23px}.footer-intro strong span{font-size:11px;color:#d3f0eb;letter-spacing:.18em}.footer-intro p{max-width:650px;color:#d5e7e4}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:25px 0}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid strong{border-bottom:1px solid #29495b;padding-bottom:10px;margin-bottom:5px}.footer-grid a{font-size:13px;color:#d5e7e4}.fineprint{border-top:1px solid #29495b;padding-top:16px;font-size:12px;color:#d5e7e4}.bottom-nav{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,88vw);background:#ffffff;z-index:50;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;box-shadow:-20px 0 50px #10213740}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:65px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e4ec}.drawer-content{height:calc(100% - 65px);overflow:auto;padding:8px 22px 32px}.drawer-content section{margin-bottom:25px}.drawer-content h3{color:#176f87;margin:18px 0 8px}.drawer-content a{display:block;border-bottom:1px solid #e5eeeb;padding:9px 0}.drawer-content a strong{display:block}.drawer-content a small{display:block;line-height:1.5;color:#526c72}.scrim{position:fixed;inset:0;background:#10213788;z-index:40}.scrim[hidden],.mobile-search[hidden]{display:none}.mobile-search{display:flex;padding-bottom:12px}.mobile-search input{border:1px solid #bfd9d3}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.light-panel{background:#e6f2ee;padding:26px;border-radius:16px}.live-panel{background:#142a3f;color:#fff;padding:25px;border-radius:16px}.live-panel p{color:#d5e7e4}.pagination{display:flex;gap:8px;margin:22px 0}.pagination a,.pagination b{border:1px solid #bfd9d3;border-radius:8px;padding:6px 13px}.pagination b{background:#176f87;color:white}@media(max-width:1024px){.desktop-search{max-width:300px}.header-actions{gap:8px}.desk-link{display:none}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-inner{gap:17px}}@media(max-width:768px){.container{padding-left:18px;padding-right:18px}.top-strip{display:none}.brand-row{height:62px}.brand{font-size:19px}.brand-logo{max-width:95px;height:30px}.desktop-search,.only-desktop{display:none}.channel-inner{gap:19px;min-height:42px}.channel-inner a{font-size:13px}.main{padding-top:18px;padding-bottom:98px}.page-hero{grid-template-columns:1fr;padding:24px 20px;gap:16px;min-height:0;margin-bottom:32px}.page-hero .media-box{min-height:170px;max-height:270px}.page-hero h1{font-size:29px}.section{margin-bottom:32px}.section-heading h2{font-size:22px}.grid,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feature-row,.article-layout,.room-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:18;justify-content:space-around;background:#ffffff;border-top:1px solid #bfd9d3;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{padding:5px 14px;min-height:44px;display:flex;align-items:center;font-size:14px}.bottom-nav .active{font-weight:800;color:#176f87}.footer{padding-bottom:90px}.article-body{padding:21px}.detail-title{font-size:28px}}@media(max-width:480px){.grid,.grid.two,.grid.four{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading .more-link{font-size:12px}.item-card .media-box{min-height:150px;max-height:200px}.feature-panel{padding:18px}.footer-grid{gap:16px}.brand small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Updated editorial styling */
.page-hero{background:linear-gradient(125deg,#142a3f,#206c79)}.feature-panel{box-shadow:0 9px 30px rgba(14,45,68,.05)}.note-card{border-top:3px solid #78cebd}.live-panel{background:#142a3f}.channel-inner a.active{color:#176f87}.page-hero .media-box{background:linear-gradient(120deg,#29495b,#176f87)}