*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.76 system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#fffdfb;color:#49434c}a{color:inherit;text-decoration:none}a:hover{color:#ad243f}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad243f;outline-offset:3px}.container{max-width:1250px;margin:auto;padding:0 30px}.topbar{background:#f7f7f8;color:#645b64;font-size:12px}.top-flex{display:flex;justify-content:space-between;min-height:29px;align-items:center;gap:16px}.top-flex div{display:flex;gap:20px}.main-header{background:white;position:relative;z-index:20;border-bottom:1px solid #eadfe2}.header-flex{min-height:75px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo img{width:104px;max-height:52px}.brand-mark{padding:7px 12px;border-radius:9px;background:#ad243f;color:#fff;font-weight:800}.logo-text{display:flex;flex-direction:column;line-height:1.25;color:#411923}.logo-text strong{font-size:21px;letter-spacing:1px}.logo-text small{font-size:10px;letter-spacing:1.4px}.top-nav{display:flex;flex:1;justify-content:center;gap:18px;white-space:nowrap;font-size:14px}.top-nav a{padding:15px 0;border-bottom:3px solid transparent}.top-nav a[aria-current]{color:#ad243f;border-bottom-color:#ad243f}.head-actions{display:flex;align-items:center;gap:10px}.search-link{font-size:30px;line-height:1}.menu-toggle,.drawer-top button,.drawer-search button{border:0;border-radius:9px;background:#ad243f;color:white;min-height:44px;padding:8px 14px}.channel{background:#411923;color:#fff8fa}.channel-links{display:flex;gap:26px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.channel-links a{font-size:13px;padding:8px 0}.channel-links a:hover{color:#ffe6a3}.main-content{min-height:65vh;padding-top:30px;padding-bottom:70px}.menu-shade{position:fixed;inset:0;background:#14101599;z-index:40}.menu-panel{position:fixed;right:0;top:0;bottom:0;background:white;width:min(520px,88vw);padding:22px;overflow-y:auto;z-index:50;box-shadow:-16px 0 40px #0002}.menu-panel[hidden],.menu-shade[hidden]{display:none}.drawer-top{display:flex;justify-content:space-between;align-items:center;font-size:21px}.drawer-search{display:flex;gap:8px;margin:16px 0}.drawer-search input{min-width:0;flex:1;padding:8px 12px;border:1px solid #eadfe2;border-radius:9px}.drawer-groups section{border-top:1px solid #eadfe2;padding:10px 0}.drawer-groups h3{font-size:15px;color:#ad243f}.drawer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drawer-links a{padding:8px;background:#fff7e9;border-radius:6px;font-size:13px}.footer{background:#411923;color:#f0e4e7}.footer-main{display:grid;grid-template-columns:1.2fr 2fr;gap:50px;padding-top:54px;padding-bottom:44px}.footer-about h2{margin:0;color:white;font-size:22px}.footer-about small{display:block;font-size:11px;font-weight:400;letter-spacing:2px}.footer-about p{max-width:350px;font-size:14px}.footer-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.footer-cols h3{color:#fff8fa;font-size:15px;margin:0 0 12px}.footer-cols a{display:block;font-size:13px;margin:5px 0}.footnote{border-top:1px solid #8b5964;padding-top:16px;padding-bottom:22px;font-size:12px}.mobile-bottom{display:none}.skip{position:absolute;top:-90px;background:#fff;color:#000;padding:12px;z-index:99}.skip:focus{top:0}.kicker,.eyebrow{color:#ad243f;font-size:12px;letter-spacing:.1em;font-weight:700}.intro{background:linear-gradient(125deg,#fff0f1,#fffaf3);border-radius:16px;padding:35px 42px;margin-bottom:35px}.intro h1{font-size:34px;line-height:1.3;color:#27212a;margin:8px 0 14px}.intro p{max-width:800px;margin:0}.hero{display:grid;grid-template-columns:55% 45%;min-height:345px;background:#fff0f1;border-radius:19px;overflow:hidden}.hero-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#411923,#ad243f 65%,#e78b7b);min-height:340px;color:white;padding:36px}.hero-art:has(img){background:#f7f7f8}.hero-art img{max-height:340px;width:100%}.hero-art .hero-fallback{font-size:clamp(24px,3vw,44px);text-align:center;letter-spacing:.15em;font-weight:800}.hero-copy{padding:35px 45px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:38px;color:#27212a;line-height:1.28;margin:10px 0}.hero p{margin:0 0 22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{background:#a61e39;color:white!important;border-radius:9px;padding:10px 19px;min-height:44px;display:inline-flex;align-items:center}.btn:hover{background:#82192e}.btn.alt{color:#411923!important;background:#ffe6a3}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:24px 0}.quick-links a{background:white;border:1px solid #eadfe2;border-radius:10px;padding:15px 18px;color:#411923;font-weight:650}.section{padding:38px 0;border-bottom:1px solid #eadfe2}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{font-size:26px;color:#27212a;line-height:1.4;margin:0}.section-title p{font-size:14px;max-width:850px;margin:7px 0 0}.text-link{font-weight:700;color:#ad243f;font-size:14px;white-space:nowrap}.feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:28px}.feature.reverse .feature-visual{order:2}.feature-visual{min-height:175px;max-height:265px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(140deg,#fff0f1,#f7f7f8);overflow:hidden}.feature-visual img{width:100%;height:100%;max-height:265px}.fallback-visual{font-size:30px;color:#ad243f;font-weight:800;letter-spacing:3px;padding:28px;text-align:center}.feature-content h3{font-size:22px;color:#27212a;line-height:1.4;margin:0 0 10px}.feature-content p{margin:0 0 14px}.feature-points{margin:12px 0;padding-left:20px}.feature-points li{margin:5px 0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid #eadfe2;border-radius:13px;overflow:hidden;min-width:0;box-shadow:0 3px 13px #41192309}.card-media{display:block;aspect-ratio:16/9;background:#fff0f1}.card-media img{width:100%;height:100%;object-fit:contain}.card-content{padding:17px}.card h3{color:#27212a;font-size:19px;line-height:1.45;margin:6px 0 9px}.card p{font-size:14px;margin:0 0 13px}.section.tint{background:#fff7e9;margin:0 -15px;padding:28px 15px;border-radius:13px}.section.dark{background:#411923;color:#f0e4e7;margin:0 -15px;padding:28px 15px;border-radius:13px}.section.dark h2,.section.dark h3,.section.dark .text-link{color:#fff8fa}.section.dark .section-title p{color:#f0e4e7}.section.dark .feature-visual{background:#6c3541}.inline-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.inline-links a{border-radius:30px;background:#fff0f1;color:#82192e;padding:5px 13px;font-size:13px}.reader{max-width:780px;margin:0 auto}.reader h1{font-size:34px;line-height:1.4;color:#27212a}.reader h2{color:#27212a;margin-top:33px}.reader p{margin:14px 0;line-height:1.85}.notice{background:#fff7e9;border-left:4px solid #d84f62;padding:18px 22px;border-radius:8px;margin:20px 0}.search-form{display:flex;gap:12px;margin:22px 0}.search-form input{min-width:0;flex:1;border:1px solid #c7bfc2;padding:11px 15px;border-radius:9px}.search-form button{border:0}.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.pagination a{border:1px solid #eadfe2;border-radius:7px;padding:7px 14px}.pagination a[aria-current]{background:#ad243f;color:white}.list-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list-simple a{border-bottom:1px solid #eadfe2;padding:12px 0}.meta{font-size:13px;color:#645b64}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:35px}.detail-side{border:1px solid #eadfe2;border-radius:12px;padding:22px;align-self:start}.detail-side h2{font-size:18px}.details-list{margin:0}.details-list dt{color:#645b64;font-size:13px}.details-list dd{margin:0 0 12px}.breadcrumbs{font-size:13px;color:#645b64;margin:0 0 20px}.empty{background:#f7f7f8;padding:28px;border-radius:12px}.tag{display:inline-flex;border:1px solid #eadfe2;border-radius:30px;padding:4px 12px;font-size:13px;margin:4px}.mobile-bottom{display:none}
@media(max-width:1050px){.top-nav{display:none}.header-flex{justify-content:space-between}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:1fr;gap:25px}}
@media(max-width:700px){.container{padding:0 17px}.topbar{display:none}.header-flex{min-height:63px}.logo-text strong{font-size:17px}.logo-text small{font-size:8px}.brand-mark{padding:5px 7px}.menu-toggle{font-size:12px;padding:7px 9px}.main-content{padding-top:17px;padding-bottom:100px}.hero{grid-template-columns:1fr}.hero-art{min-height:175px}.hero-copy{padding:23px}.hero h1{font-size:29px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-links a{padding:11px}.section{padding:28px 0}.section-title h2{font-size:22px}.section-title{align-items:start}.feature{grid-template-columns:1fr;gap:18px}.feature.reverse .feature-visual{order:0}.feature-visual{min-height:145px}.card-grid,.list-simple{grid-template-columns:1fr}.intro{padding:23px}.intro h1,.reader h1{font-size:27px}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.footer-main{padding-top:34px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eadfe2;z-index:30;justify-content:space-around;padding:5px 0 calc(5px + env(safe-area-inset-bottom))}.mobile-bottom a{flex:1;text-align:center;padding:8px 4px;font-size:13px;min-height:44px}.footer{padding-bottom:60px}.detail-layout{grid-template-columns:1fr}.drawer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:355px){.logo-text strong{font-size:14px}.head-actions{gap:4px}.menu-toggle{padding:7px}.hero-art{min-height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}