*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F8F3;color:#424D59;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.76}a{color:inherit;text-decoration:none}a:hover{color:#397E9F}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4{line-height:1.3;color:#222B38;letter-spacing:-.03em}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:clamp(1.5rem,2.4vw,2rem)}p{margin:.45em 0 1em}.shell{width:min(1340px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;transform:translateY(-1000px);background:white;padding:10px;z-index:999}.skip:focus{transform:none}.topbar{background:#1E2938;color:#fff}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;line-height:1.1;letter-spacing:.05em;font-size:22px;color:#FFFDF7}.brand:hover{color:#D6DF56}.brand small{display:block;color:#B9C5D4;font-size:10px;letter-spacing:.17em;margin-top:6px}.brand-mark{background:#D6DF56;border-radius:10px;color:#1E2938;padding:5px 9px}.topsearch{display:flex;gap:8px;width:min(380px,40%)}.topsearch input,.search-panel input,.search-panel select{min-width:0;width:100%;padding:10px 14px;border:1px solid #D6DDE1;border-radius:9px;background:white;color:#222B38}.topsearch button{background:#D6DF56;border:0;border-radius:9px;padding:8px 15px;color:#1E2938;font-weight:800;white-space:nowrap}.menu-toggle{color:#fff;background:transparent;border:1px solid #596679;border-radius:9px;padding:8px 12px;display:none}.mainnav{background:#141D29;color:#F8F8F3}.navinner{display:flex;align-items:center;gap:30px;min-height:49px;font-size:14px;font-weight:700}.navinner a:hover{color:#D6DF56}.category-rail{display:flex;gap:0;border-bottom:1px solid #DFE4E4;overflow:auto;scrollbar-width:thin;padding-block:14px}.category-rail a{white-space:nowrap;display:flex;align-items:center;gap:9px;padding:4px 16px;border-right:1px solid #D9DFDF;font-weight:700;font-size:13px}.category-rail a:first-child{padding-left:0}.category-rail span,.serial{font-size:11px;color:#7B8790;letter-spacing:.14em;font-weight:800}.main-content{padding-bottom:100px}.hero{margin-top:25px;background:#1E2938;color:white;min-height:414px;border-radius:20px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}.hero-copy{padding:54px 52px 62px;position:relative;z-index:1}.hero .kicker{font-size:12px;color:#D6DF56;letter-spacing:.13em;font-weight:800}.hero h1{color:#FFFDF7;font-size:clamp(2.3rem,4.5vw,4.4rem);line-height:1.14;margin:22px 0}.hero h1 em,.page-heading em{font-style:normal;color:#C3D045}.hero p{max-width:470px;color:#CFD7E0}.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:9px;font-weight:800;border:1px solid transparent}.lemon{background:#D6DF56;color:#1E2938}.ghost{color:white;border-color:#718091}.ghost-dark{border-color:#AAB4BC;color:#273344}.hero-art{background:#344459;min-height:300px;position:relative}.hero-art .image-placeholder{height:100%;padding:40px;font-size:clamp(2rem,4vw,4.6rem);line-height:1.05;justify-content:flex-end;text-align:right;color:#D6DF56;word-break:break-word}.hero-counter{position:absolute;bottom:0;left:0;right:0;padding:9px 32px;background:#141D29;font-size:11px;letter-spacing:.1em;display:flex;justify-content:space-between;color:#C7CFD9}.hero-counter span{color:#D6DF56}.image-placeholder{min-height:170px;display:flex;align-items:center;justify-content:center;padding:25px;background:linear-gradient(125deg,#344459 0%,#1E2938 55%,#397E9F 100%);color:#D6DF56;font-weight:900;letter-spacing:.1em;text-align:center;font-size:18px}.section{margin-top:64px}.section-head{margin-bottom:23px}.section-head h2{margin:7px 0}.section-head p{color:#65737E}.receipt-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #D5DDDB;border-left:1px solid #D5DDDB}.receipt{position:relative;display:flex;flex-direction:column;min-height:152px;padding:22px;background:#fff;border-right:1px solid #D5DDDB;border-bottom:1px solid #D5DDDB}.receipt:hover{background:#F5F7DB}.receipt-num{color:#52601C;font-size:12px;font-weight:800;letter-spacing:.12em}.receipt b{font-size:19px;color:#222B38;margin:8px 0}.receipt small{font-size:12px;line-height:1.6;color:#64717C;padding-right:15px}.receipt-arrow{position:absolute;right:16px;top:17px;font-size:22px;color:#A83C34}.ticker-list{border-top:2px solid #222B38}.ticker{display:grid;grid-template-columns:40px minmax(0,1fr) 150px 20px;align-items:center;gap:16px;border-bottom:1px solid #DCE2E3;padding:17px 10px}.ticker>span{color:#A83C34;font-size:12px;font-weight:800}.ticker b{color:#222B38;font-size:17px}.ticker small{color:#7E8790}.contrast{background:#EEF0EA;border-radius:16px;padding:32px}.versus{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.versus>div{background:white;border:1px solid #DDE2DE;padding:27px;border-radius:10px}.versus>div:first-child{border-top:4px solid #CF5146}.versus>div:nth-child(2){border-top:4px solid #397E9F}.pill{display:inline-block;background:#EFF3E1;padding:5px 11px;font-size:12px;color:#52601C;border-radius:30px;font-weight:800}.versus h3{font-size:22px;margin:15px 0 8px}.text-link{display:inline-block;margin-top:8px;font-weight:800;color:#275D78;font-size:14px}.timeline-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.timeline-flow>div{border-top:2px solid #1E2938;padding:20px;background:#fff;min-height:155px}.timeline-flow b{background:#D6DF56;padding:7px 10px;color:#1E2938;display:inline-block;margin-bottom:12px}.timeline-flow strong{display:block;color:#222B38}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.feature{background:white;min-width:0}.feature-media{aspect-ratio:16/10}.feature-copy{padding:18px}.feature h3{font-size:19px}.feature:first-child h3{font-size:24px}.feature p{font-size:14px}.eyebrow{font-size:11px;letter-spacing:.09em;font-weight:800;color:#397E9F}.section-split{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:stretch}.program-row{display:grid;grid-template-columns:80px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid #CFD7D7}.program-row span{font-size:12px;color:#837A9B}.program-row b{font-size:17px;color:#222B38}.split-art{min-height:340px}.split-art img,.split-art .image-placeholder{width:100%;height:100%;border-radius:13px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sticker{background:#F0EDF5;border:1px solid #DCD4E8;border-radius:13px;padding:23px;display:flex;flex-direction:column;gap:16px;min-height:220px}.sticker:nth-child(2){background:#E5F1F6}.sticker:nth-child(3){background:#F5F7DB}.sticker:nth-child(4){background:#F9E8E4}.sticker span{font-size:13px;color:#52601C}.sticker b{font-size:19px;color:#222B38}.sticker small{margin-top:auto;color:#64717C}.big-paragraph{font-size:19px;line-height:1.8}.arrow-row{border-bottom:1px solid #DDE3E3;padding:12px 0}.drawer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.drawer-grid article{padding:32px;background:#1E2938;color:#D5DFE5;border-radius:14px}.drawer-grid article:nth-child(2){background:#344459}.drawer-grid article h3{color:#fff;font-size:25px}.drawer-grid article span{font-size:12px;color:#D6DF56}.drawer-grid article a{color:#D6DF56;font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.collection-card{border:1px solid #DDE2E2;background:white;border-radius:12px;overflow:hidden;padding-bottom:20px}.collection-art{aspect-ratio:16/10}.collection-card>small,.collection-card>h3,.collection-card>p,.collection-card>span{margin:12px 20px;display:block}.collection-card h3{font-size:21px}.collection-card p{font-size:14px}.collection-card>span{font-size:13px;color:#397E9F;font-weight:800}.mini-index{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-index a{display:block;background:white;border-left:3px solid #D6DF56;padding:15px 18px;font-weight:700}.mini-index span{margin-right:14px}.receipt-end{margin-top:64px;border:2px dashed #C8CECE;background:#FFFDF7;text-align:center;padding:50px 20px}.receipt-end>span{font-size:12px;letter-spacing:.16em;color:#7B8790}.receipt-end>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.page-heading{padding:60px 0 40px;max-width:900px}.page-heading h1{margin:12px 0}.page-heading em{color:#397E9F}.page-heading p{font-size:18px}.hot-heading,.collection-heading{border-bottom:3px solid #1E2938}.filters{display:flex;flex-wrap:wrap;gap:9px;padding:25px 0}.filters a{padding:7px 14px;border-radius:30px;background:white;border:1px solid #D9E0E1;font-size:13px;font-weight:700}.filters .selected{background:#1E2938;color:#D6DF56}.hot-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px}.feed-item{display:grid;grid-template-columns:45px 1fr;gap:22px;padding:24px 0;border-top:1px solid #DCE1E1}.feed-index{font-size:25px;color:#C8D0D0;font-weight:800}.feed-item h2{font-size:23px;margin:8px 0}.feed-item small{display:block;color:#849098;font-size:12px}.sidebar,.info-drawer{padding:26px;background:#EAF0EF;border-radius:12px;align-self:start}.sidebar h3{margin-top:0}.sidebar a,.info-drawer a{color:#275D78;font-weight:650}.pagination{display:flex;gap:9px;margin:30px 0}.pagination a{padding:8px 14px;background:white;border:1px solid #DCE2E2;border-radius:7px}.pagination a[aria-current]{background:#1E2938;color:white}.channel-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:37px}.channel-side{display:flex;flex-direction:column;align-self:start;background:white;border:1px solid #DEE3E3;position:sticky;top:15px}.channel-side a{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #E5E9E9;font-weight:700}.channel-side a.active{background:#D6DF56;color:#1E2938}.channel-side a span{color:#837A9B;font-size:11px}.channel-side a small{margin-left:auto}.channel-feature{padding:25px 30px;background:#1E2938;color:#E2EBEE;border-radius:12px;margin-bottom:35px}.channel-feature h2{color:#D6DF56}.channel-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:35px}.channel-directory a{background:white;border:1px solid #DFE4E4;padding:20px}.channel-directory span{font-weight:800;color:#397E9F}.channel-directory h3{margin:8px 0}.channel-directory p{font-size:13px}.compact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.compact-card{padding:20px;background:white;border:1px solid #E0E5E5;border-radius:9px}.compact-card h3{font-size:19px}.compact-card p{font-size:14px}.breadcrumbs{font-size:13px;margin-top:35px;color:#64717C}.dossier-head{max-width:900px;margin:50px 0;padding-bottom:37px;border-bottom:1px solid #CBD4D4}.dossier-head h1{font-size:clamp(2rem,3.5vw,3.2rem);margin:15px 0}.dossier-head>p{font-size:21px;max-width:800px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:#E9ECE9;padding:5px 11px;border-radius:20px;font-size:12px}.dossier-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:45px}.article-body{font-size:17px;line-height:1.84}.note{background:#F0F2EE;border-left:4px solid #D6DF56;padding:18px 25px;margin-bottom:35px}.note p{margin:0}.body-section{margin-bottom:32px}.body-section h2{font-size:23px;margin:0 0 10px}.body-section p{margin:0}.questions{margin-top:50px;padding:25px;background:#1E2938;border-radius:12px}.questions h2{color:#fff}.questions ol{color:#E5ECEC}.questions li{padding:6px 0}.dossier-aside{display:flex;flex-direction:column;gap:20px}.info-drawer h3{margin-top:0}.collections-list{margin-top:30px}.collection-strip{display:grid;grid-template-columns:85px 1fr 50px;gap:25px;border-top:1px solid #D9E0E0;padding:30px 10px}.collection-strip:nth-child(odd){background:#F2F3ED}.collection-number{font-size:45px;color:#BBC3BD;font-weight:900}.collection-strip small{color:#837A9B;font-weight:800}.collection-strip h2{margin:6px 0}.collection-strip p{max-width:800px}.collection-open{font-size:28px;color:#397E9F}.collection-detail{background:#1E2938;border-radius:16px;margin-top:24px;padding:55px;color:#D6E0E2}.collection-detail h1{color:#D6DF56}.collection-detail p{max-width:900px;font-size:19px}.collection-entries{border-top:1px solid #CFD7D7}.collection-entry{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:27px 10px;border-bottom:1px solid #CFD7D7}.collection-entry>span{font-size:27px;color:#837A9B;font-weight:800}.collection-entry h3{font-size:23px}.collection-entry small{color:#397E9F}.search-panel{max-width:820px;background:white;padding:25px;border:1px solid #D9E0E0;border-radius:15px;display:flex;flex-direction:column;gap:12px}.search-panel label{font-weight:800}.search-input-row{display:flex;gap:10px}.search-panel select{max-width:360px}.empty{padding:45px;text-align:center;background:#F0F2EE;border-radius:13px}.about-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:50px}.about-index{align-self:start;position:sticky;top:15px;display:flex;flex-direction:column}.about-index a{padding:12px;border-bottom:1px solid #D7DDDD;font-weight:700}.about-prose section{padding:10px 0 35px;margin-bottom:25px;border-bottom:1px solid #D9E0E0;scroll-margin-top:20px}.about-prose h2{font-size:29px}.about-prose h3{margin-top:24px}.footer{background:#141D29;color:#CED6DC;padding:50px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer strong{color:#D6DF56}.footer p{font-size:13px}.footer-links{display:flex;gap:20px;align-items:center}.footer small{color:#8794A0}.mobile-bottom,.mobile-menu,.menu-shade{display:none}@media(max-width:1024px){.shell{width:calc(100% - 42px)}.receipt-grid,.sticker-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:first-child{grid-column:span 2}.hot-layout{gap:25px;grid-template-columns:minmax(0,1fr) 250px}.dossier-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.category-rail a{padding-inline:12px}}@media(max-width:700px){.shell{width:calc(100% - 34px)}.topbar-inner{min-height:67px}.brand{font-size:19px}.brand small{font-size:8px}.topsearch,.mainnav{display:none}.menu-toggle{display:block}.category-rail{padding:9px 0}.category-rail a{font-size:12px}.mobile-menu:not([hidden]){display:flex;position:fixed;right:0;top:0;bottom:0;width:min(310px,88vw);z-index:1002;background:#1E2938;padding:70px 25px 20px;flex-direction:column;overflow:auto}.mobile-menu a{padding:12px;color:white;border-bottom:1px solid #49596D}.menu-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:1001}.menu-toggle{position:relative;z-index:1003}.menu-toggle[aria-expanded=true]{position:fixed;top:14px;right:18px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#1E2938;color:white;z-index:900;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0002}.mobile-bottom a{text-align:center;min-height:44px;display:flex;justify-content:center;align-items:center;font-size:13px}.main-content{padding-bottom:95px}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:35px 26px 48px}.hero h1{font-size:38px}.hero-art{min-height:170px}.hero-art .image-placeholder{min-height:170px;font-size:25px}.hero-counter{font-size:9px;padding-inline:12px}.hero-counter span{display:none}.section{margin-top:43px}.section-head h2{font-size:25px}.receipt-grid,.sticker-grid,.versus,.drawer-grid,.compact-cards,.channel-directory,.collection-grid,.timeline-flow,.mini-index,.section-split,.hot-layout,.channel-layout,.dossier-layout,.about-layout{grid-template-columns:1fr}.receipt{min-height:120px}.ticker{grid-template-columns:25px 1fr 18px;gap:12px}.ticker small{display:none}.ticker b{font-size:15px}.contrast{padding:19px}.versus>div{padding:19px}.feature-grid{grid-template-columns:1fr}.feature:first-child{grid-column:auto}.split-art{min-height:240px}.sticker{min-height:160px}.drawer-grid article{padding:22px}.page-heading{padding:36px 0 24px}.page-heading h1{font-size:32px}.page-heading p{font-size:16px}.sidebar{display:none}.channel-side{position:static;max-height:250px;overflow:auto}.dossier-head{margin:30px 0}.dossier-head>p{font-size:17px}.article-body{font-size:16px}.dossier-aside{margin-top:10px}.collection-strip{grid-template-columns:45px 1fr 20px;gap:10px}.collection-number{font-size:27px}.collection-strip p{font-size:13px}.collection-detail{padding:27px}.search-panel{padding:17px}.search-input-row{flex-direction:column}.about-index{position:static}.footer{padding:32px 0 95px}.footer-inner{display:block}.footer-links{flex-wrap:wrap}.program-row{grid-template-columns:50px 1fr 15px}.receipt-end{padding:30px 15px}}@media(max-width:360px){.brand{font-size:17px}.hero h1{font-size:32px}.hero-actions .btn{width:100%}.receipt{padding:16px}.section-head h2{font-size:23px}}
/* Variant 02: editorial rhythm, original palette preserved */
.hero{border-radius:22px 22px 72px 22px}.receipt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.receipt:nth-child(2n){transform:translateY(6px)}.section:nth-of-type(even) .section-head h2{letter-spacing:-.04em}.feature-grid .feature:first-child{grid-column:span 1}.sticker-grid .sticker:nth-child(2){transform:rotate(-1.1deg)}.sticker-grid .sticker:nth-child(3){transform:rotate(1deg)}.drawer-grid article:first-child{border-top:6px solid var(--lemon)}.drawer-grid article:last-child{border-top:6px solid var(--tomato)}@media(max-width:960px){.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.receipt-grid{grid-template-columns:1fr}.receipt:nth-child(2n){transform:none}.hero{border-radius:18px}.sticker-grid .sticker{transform:none!important}}