/* Huangguo edition 02 — midnight blue, clear blue-grey, warm yellow. */
:root{--paper:#edf2f5;--surface:#fff;--ink:#102d42;--muted:#677e8e;--line:#d3dfe6;--yellow:#ffd05a;--pale:#fff0bd;--radius:8px}body{background:var(--paper);color:var(--ink)}.container{max-width:1320px}.header{background:#102d42;border:0;color:#f5f8fa}.header-inner{height:86px}.brand{letter-spacing:0;font-weight:800}.brand-light{font-weight:350}.brand small{letter-spacing:5.7px;color:#87a1b3}.brand-icon{background:#ffd05a;border-radius:50%;transform:none;color:#17364b}.brand-icon svg{transform:none}.search{background:#213e52;border:1px solid #426075;border-radius:5px;height:42px}.search input{color:#fff}.search input::placeholder{color:#aac0ce}.search:focus-within{background:#284b64;border-color:#ffd05a}.app-button{border-radius:4px;background:#ffd05a;color:#102d42;padding:12px 18px;display:flex;align-items:center;gap:15px}.plain-button{color:#e0eaf0}.nav{background:#e4ecf1;border-bottom:1px solid #d0dde6}.nav-inner{height:58px;gap:30px}.nav a{font-size:13px;color:#577082}.nav a.active{color:#102d42}.nav .active:after{background:#102d42;bottom:0;height:3px;width:100%;left:0;border-radius:0}.nav a:hover{color:#102d42}.nav-note{color:#627e91}.nav-note span{background:#d6a934}.page-intro{padding:36px 0 31px;align-items:flex-end}.intro-label{font-family:Arial,sans-serif;font-weight:650;font-size:9px;letter-spacing:2.5px;color:#678395}.intro-heading h1{font-size:27px;font-weight:700;line-height:1.5;color:#102d42;letter-spacing:.4px;margin:11px 0 7px}.intro-heading>p{font-size:12px;color:#718898;letter-spacing:1px}.intro-index{display:flex;gap:13px;align-items:center;flex-shrink:0;margin:0 0 1px 20px}.intro-index b{font-size:45px;font-family:Georgia,serif;font-weight:400;line-height:1;color:#284c64}.intro-index span{font-size:10px;line-height:1.9;color:#6b8495}.feature-layout{display:flex;flex-direction:column;gap:0;background:#102d42;border-radius:10px;overflow:hidden}.feature-layout .hero{height:460px;min-height:0;border-radius:0;background:#102d42}.hero>img{object-position:50% 45%}.hero-shade{background:linear-gradient(90deg,#102d42 0%,#102d42ef 19%,#102d4299 40%,#102d4200 68%),linear-gradient(0deg,#102d42c9,transparent 38%)}.hero-copy{left:48px;top:40px;width:55%}.hero .eyebrow{color:#d4e3eb;font-size:10px;letter-spacing:2px}.hero-kicker{margin-top:32px;color:#b6cddd;font-size:11px;letter-spacing:3px}.hero h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:57px;font-weight:750;letter-spacing:5px;margin:10px 0 14px}.hero-tagline{font-size:17px;font-weight:400;letter-spacing:2px;color:#f3e3b2}.hero-description{font-size:12px;color:#bad0df;margin-top:17px}.primary{background:#ffd05a;color:#102d42;border-radius:4px}.hero .primary{margin-top:26px;padding:13px 25px}.primary:hover{background:#ffe08d}.hero-bottom{bottom:24px;left:48px;right:34px}.hero-arrows button{border-radius:4px;width:31px;height:31px}.hero-dots button:after{border-radius:0;height:3px}.ranking{height:auto!important;border:0;border-radius:0;padding:22px 27px;background:#193a50;color:#eff6fa;display:grid;grid-template-columns:157px 1fr;column-gap:23px;align-items:center}.ranking-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ranking-heading>div{gap:5px}.ranking-heading svg{color:#ffd05a;width:18px}.ranking h2{font-size:15px;letter-spacing:1px}.ranking-heading>span{color:#8faebe;font-size:9px;letter-spacing:2px;margin-left:24px}.ranking-sub{grid-column:1;grid-row:2;font-size:8px;line-height:1.8;color:#9ab2c1;margin:8px 0 0}.rank-list{grid-column:2;grid-row:1/3;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:65px}.rank-item{border:0;border-left:1px solid #365568;gap:10px;padding:3px 14px!important;min-width:0}.rank-num{font-size:27px;font-weight:400;font-style:normal;color:#7994a4;line-height:1}.rank-num.n0,.rank-num.n1,.rank-num.n2{color:#ffd05a}.rank-item img,.rank-arrow,.rank-link{display:none}.rank-copy{gap:9px;min-width:0}.rank-copy strong{font-size:11px;color:#eff6fa;line-height:1.6;white-space:normal}.rank-copy small{font-size:8px;white-space:nowrap;color:#8ba8bb}.rank-item:hover .rank-copy strong{color:#ffd05a}.quick-bar{border:0;border-bottom:1px solid #ccdae3;border-radius:0;background:none;padding:23px 0;margin:0}.quick-title{color:#31566c;border-right:1px solid #c4d3dd;padding-right:30px}.quick-title svg{color:#31566c}.quick-bar>button{color:#536f81;padding:0 26px}.quick-bar>button span{color:#7b94a3}.quick-count{color:#7b91a0}.quick-count b{color:#244f68}.section{margin-top:38px}.section-heading{margin-bottom:20px}.section-heading h2{color:#102d42;font-size:23px}.heading-icon{background:#dbe6ed;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:#365f78}.heading-icon svg{width:19px}.section-sub{color:#728a9a;font-size:11px}.section-heading>a{color:#58778b}.card-grid{gap:25px 19px}.poster{border-radius:5px;box-shadow:0 5px 14px #15374e12;background:#16394c}.poster>img{filter:saturate(.83);object-position:74% center}.poster.art-bookshop>img{object-position:43% center}.poster-shade{background:linear-gradient(0deg,#0b2038e8,transparent 75%)}.poster-word small{font-family:Arial,sans-serif;color:#f9d990;font-size:7px;letter-spacing:1.3px}.poster-word strong{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:24px;font-weight:650;letter-spacing:1px;line-height:1.4}.poster-word em{font-size:8px;color:#d8e5ee}.card-label{border-radius:2px;font-size:8px;background:#122d46a8}.card-label.fresh{background:#ffe096;color:#203d52}.card-copy h3{font-size:14px;color:#16384d}.card-copy p{color:#7b91a0}.editorial{height:220px;border-radius:6px;background:#193a50;margin-top:40px}.editorial>img{object-position:50% 33%}.editorial-shade{background:linear-gradient(90deg,#17374e 0%,#17374ef5 24%,#17374e88 46%,#17374e00 72%)}.editorial-copy{left:35px;top:26px;color:#fff}.editorial-copy>span{color:#e3c885;font-size:8px;letter-spacing:2px}.editorial-copy h2{color:#f4f9fb;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:550;font-size:25px;letter-spacing:2px;margin-top:9px}.editorial-copy p{color:#abc2d1;font-size:10px;margin-top:9px}.editorial-copy button{color:#ffdb7d;margin-top:14px;font-size:11px}.filter-panel{background:transparent;border-color:#cedde6;border-radius:6px;margin-bottom:23px}.filter-chips{background:#fff;border-radius:6px 6px 0 0;padding:15px 17px;gap:9px}.filter-chips button{color:#5c798c;border-radius:4px;font-size:12px}.filter-chips button.selected{background:#173a52;color:#fff}.filter-chips button:hover:not(.selected){background:#e5eef4}.sort-row{background:#e3ecf2;border-top:1px solid #d4e1e9;padding:9px 19px}.sort-buttons button{color:#728d9f}.sort-buttons .selected{color:#153b53}.sort-buttons .selected:before{background:#376883}.total-label{color:#6c879a}.reset-filter{color:#466c84}.search-status{color:#325c74}.search-status:not(:empty){background:#dbe8f0}.load-more{background:#fff;border-color:#c6d7e2;color:#284f68;border-radius:4px;padding:13px 55px}.load-more:hover{background:#dceaf4}.more-row p{color:#7e95a5}.faq-section{display:grid;grid-template-columns:31% 1fr;gap:60px;margin-top:54px;padding:40px 0;border-top:1px solid #c8d9e4;border-bottom:1px solid #c8d9e4;scroll-margin-top:20px}.faq-intro .intro-label{color:#6d8798}.faq-intro h2{font-size:28px;line-height:1.55;font-weight:650;letter-spacing:.7px;margin-top:17px}.faq-intro>p{font-size:12px;line-height:1.9;color:#7790a2;margin-top:14px}.faq-wordmark{font-family:Georgia,serif;font-size:76px;letter-spacing:-5px;color:#b5cbd9;display:flex;align-items:center;gap:27px;margin-top:29px}.faq-wordmark>span{font-family:Arial,sans-serif;font-size:34px;letter-spacing:0;color:#607e92}.faq-list{border-top:1px solid #bcd0de}.faq-item{border-bottom:1px solid #c8d9e4;padding:0}.faq-item summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;padding:21px 0;min-height:65px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid #a67800;outline-offset:3px}.faq-number{color:#7490a1;font-size:10px;font-family:Arial,sans-serif;letter-spacing:1px;width:19px;flex-shrink:0}.faq-item h3{font-size:14px;font-weight:550;color:#173b52;line-height:1.6}.faq-toggle{width:20px;height:20px;border-radius:50%;background:#d6e3ec;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.faq-toggle:after{content:'+';font-family:Arial,sans-serif;font-size:16px;color:#466e87}.faq-item[open] .faq-toggle{background:#ffd05a}.faq-item[open] .faq-toggle:after{content:'−'}.faq-item>p{font-size:12px;line-height:2;color:#627e91;padding:0 31px 23px 34px;max-width:760px}.app-strip{background:#dce8f0;border:0;border-radius:6px;padding:25px 32px;margin:35px 0 42px;gap:20px}.app-strip .app-mark{background:#ffd05a;box-shadow:none;border-radius:50%;transform:none;width:55px;height:55px;color:#18394e}.app-strip .eyebrow{font-size:8px;color:#658397}.app-strip h2{font-size:22px;color:#173b51}.app-strip p{color:#6a879a}.dark-button{background:#173b52;color:#fff;border-radius:4px;padding:13px 23px}.dark-button:hover{background:#2f5c77}footer{background:#102d42;color:#d0e1ed;border:0}.footer-top{border:0;padding:29px 0 25px}.footer-top .brand{color:#f6f9fb}.footer-top>p{color:#8ba7ba}.footer-top>div,.footer-top button{color:#a9becc}.footer-bottom{border-color:#2b465a;color:#7692a6}.detail-dialog,.info-dialog{background:#f1f5f8;color:#173b52;border:1px solid #d1dfe7}.dialog-close{background:#f7fafc;color:#214861}.detail-short,.detail-facts,.detail-desc p,.info-dialog p{color:#637f91}.tag-row button{background:#dae7f0;color:#456c85}.demo-notice{background:#dce8ef;color:#678499!important}.toast{background:#153b54}.empty-state>span{color:#7196b0}.empty-state p{color:#708b9d}.info-label{color:#244e69;background:#d6e6f1}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#b48714}
@media(min-width:1600px){.feature-layout .hero{height:475px}.hero-copy{top:40px}.hero-kicker{margin-top:32px}.hero-description{margin-top:17px}.hero .primary{margin-top:26px}.poster-word strong{font-size:25px}}
@media(max-width:1200px){.nav-inner{gap:24px}.intro-heading h1{font-size:24px}.intro-index b{font-size:39px}.hero-copy{left:37px}.hero-bottom{left:37px}.ranking{grid-template-columns:135px 1fr;padding:20px;column-gap:14px}.ranking h2{font-size:13px}.rank-item{padding:3px 11px!important;gap:8px}.rank-num{font-size:24px}.rank-copy strong{font-size:10px}.rank-copy small{font-size:7px}.quick-bar>button{padding:0 19px}.poster-word strong{font-size:21px}.faq-section{gap:38px}.faq-intro h2{font-size:26px}}
@media(max-width:980px){.nav-inner{overflow-x:auto;gap:26px}.intro-heading h1{font-size:22px;max-width:610px}.intro-index{display:none}.feature-layout .hero{height:430px}.hero h2{font-size:49px}.hero-copy{width:65%;top:30px}.hero-kicker{margin-top:23px}.hero-description{margin-top:13px}.hero .primary{margin-top:21px}.ranking{display:block;padding:17px 20px}.ranking-heading{flex-direction:row;align-items:center;justify-content:space-between}.ranking-heading>span{margin-left:0}.ranking-sub{margin-top:5px;font-size:9px}.rank-list{margin-top:13px;height:66px}.rank-item:first-child{border-left:0;padding-left:0!important}.rank-item{gap:7px}.rank-copy small{font-size:7px}.rank-num{font-size:21px}.quick-bar>button{padding:0 13px}.poster-word strong{font-size:30px}.poster-word small{font-size:8px}.poster-word em{font-size:9px}.faq-section{grid-template-columns:29% 1fr;gap:30px}.faq-intro h2{font-size:22px}.faq-wordmark{font-size:62px;gap:20px}.faq-item h3{font-size:13px}.faq-item>p{font-size:11px}.app-strip h2{font-size:20px}}
@media(max-width:680px){.header-inner{height:auto;min-height:118px;padding:17px 0 12px;gap:14px}.header .brand{font-size:22px}.brand small{font-size:6px;letter-spacing:4px}.brand-icon{width:35px;height:35px;border-radius:50%}.app-button{font-size:10px;padding:9px 10px;gap:5px}.app-button svg{width:13px}.plain-button{color:#e0eaf0}.header-actions{gap:10px}.search{height:36px;border-radius:4px}.nav-inner{height:48px;gap:24px}.nav a{font-size:12px}.page-intro{padding:25px 0 22px}.intro-label{font-size:7px;letter-spacing:1.6px}.intro-heading h1{font-size:22px;line-height:1.55;margin-top:10px;margin-bottom:8px;letter-spacing:0;max-width:100%;text-wrap:balance}.intro-heading>p{font-size:10px;line-height:1.8;letter-spacing:0}.feature-layout{border-radius:7px}.feature-layout .hero{height:362px;min-height:0}.hero-copy{top:25px;left:23px;width:83%}.hero>img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#102d42f5,#102d4288 55%,#102d4222),linear-gradient(0deg,#102d42cc,transparent 45%)}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-kicker{font-size:9px;margin-top:28px;letter-spacing:2px}.hero h2{font-size:40px;font-weight:650;letter-spacing:2px;margin:10px 0 13px}.hero-tagline{font-size:13px;letter-spacing:1px}.hero-description{font-size:10px;line-height:1.9;margin-top:16px}.hero .primary{font-size:11px;padding:11px 18px;margin-top:20px}.hero-bottom{left:23px;right:18px;bottom:18px}.hero-arrows button{width:27px;height:27px}.ranking{margin:0;padding:17px 18px 14px;border-radius:0;background:#193a50}.ranking-heading h2{font-size:14px}.ranking-heading>span{font-size:8px}.ranking-sub{display:block;font-size:8px;margin-top:6px}.rank-list{display:flex;flex-direction:column;margin-top:9px;height:auto}.rank-item{border-left:0;border-bottom:1px solid #305065;padding:9px 0!important;gap:12px}.rank-item:nth-child(n+4){display:none}.rank-item:last-of-type{border-bottom:0}.rank-num{font-size:20px;min-width:25px}.rank-copy{flex-direction:row;align-items:center;gap:10px}.rank-copy strong{font-size:11px;white-space:normal}.rank-copy small{font-size:8px}.quick-bar{padding:15px 0 12px;row-gap:7px;background:transparent;border-radius:0;margin:0}.quick-title{border:0;font-size:10px;width:100%;padding:0 2px}.quick-title svg{width:13px}.quick-bar>button{padding:0 3px;font-size:9px;min-height:29px}.section{margin-top:28px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:19px}.heading-icon{width:27px;height:27px}.heading-icon svg{width:16px}.section-heading>a{font-size:9px}.card-grid{gap:21px 13px}.poster{border-radius:4px}.poster-word strong{font-size:23px;line-height:1.45}.poster-word small{font-size:7px;letter-spacing:1px}.poster-word em{font-size:7px}.card-copy h3{font-size:13px}.card-copy p{font-size:9px}.editorial{height:217px;margin-top:29px;border-radius:5px}.editorial-copy{left:22px;top:24px}.editorial-copy>span{font-size:7px;letter-spacing:1.4px}.editorial-copy h2{font-size:21px;line-height:1.5;margin-top:13px;letter-spacing:1px}.editorial-copy p{font-size:9px;width:180px;line-height:1.9;margin-top:12px}.editorial-copy button{font-size:10px;margin-top:15px}.editorial-shade{background:linear-gradient(90deg,#17374ef5,#17374ebd 43%,#17374e11)}.filter-chips{padding:11px;gap:5px}.filter-chips button{font-size:10px;padding:8px 11px}.sort-row{padding:9px 11px}.sort-buttons button{font-size:10px}.sort-buttons{gap:18px}.filter-panel{margin-bottom:19px}.load-more{padding:12px 44px;font-size:11px}.faq-section{display:block;margin-top:34px;padding:26px 0 14px}.faq-intro{position:relative;padding-bottom:22px}.faq-intro .intro-label{font-size:7px}.faq-intro h2{font-size:24px;margin-top:11px;line-height:1.5;letter-spacing:0}.faq-intro>p{font-size:10px;margin-top:9px;line-height:1.8}.faq-wordmark{position:absolute;right:0;bottom:27px;font-size:47px;margin:0;gap:8px;letter-spacing:-3px}.faq-wordmark>span{font-size:21px}.faq-item summary{padding:17px 0;gap:10px;min-height:62px}.faq-number{font-size:9px;width:15px}.faq-item h3{font-size:12px;line-height:1.7}.faq-toggle{width:18px;height:18px}.faq-item>p{font-size:11px;line-height:2;padding:0 9px 20px 25px}.app-strip{padding:20px 17px;margin:27px 0;grid-template-columns:44px 1fr;gap:12px;border-radius:5px}.app-strip .app-mark{width:43px;height:43px;box-shadow:none;border-radius:50%}.app-strip .app-mark svg{width:23px}.app-strip .eyebrow{font-size:6px;letter-spacing:1px}.app-strip h2{font-size:17px;margin:6px 0}.app-strip p{font-size:9px;line-height:1.8}.dark-button{font-size:10px;padding:10px 16px}.footer-top{padding:24px 0 17px}.footer-top>div{gap:7px}.footer-top>p{font-size:9px}.footer-top button,.footer-top>div>a{font-size:9px}.footer-bottom{font-size:8px}.detail-meta h2{font-size:21px}}

@media(min-width:981px){.rank-num{width:32px;flex-shrink:0}}