*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFFFFF;color:#333333;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}img,svg{max-width:100%}a{color:#333333;text-decoration:none;touch-action:manipulation}a:hover{color:#C45A12}button{font:inherit;cursor:pointer;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #FF8A00;outline-offset:3px}.wrap{max-width:1100px;width:calc(100% - 36px);margin-inline:auto}.site-header{position:relative;background:#FFFFFF;border-bottom:1px solid rgba(0,0,0,.08);z-index:100}.header-inner{max-width:1100px;width:calc(100% - 36px);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}.brand{width:180px;min-width:140px;display:flex;align-items:center;white-space:nowrap;color:#1A1A1A}.brand img{width:auto;height:34px;max-width:160px;object-fit:contain}.brand strong{font-size:23px;color:#1A1A1A}.primary-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1;min-width:0;white-space:nowrap;height:100%}.primary-nav a{height:100%;min-height:40px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;padding:2px 2px 0;font-weight:600}.primary-nav a.active{color:#C45A12;border-bottom-color:#FF8A00}.register-btn{min-width:96px;height:42px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF!important;font-weight:700;border-radius:999px;background:linear-gradient(90deg,#FF8A00 0%,#FFC44D 100%);white-space:nowrap;flex-shrink:0}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}body.drawer-open{overflow:hidden}.page-top{padding:38px 0 18px}.page-top h1,.hero h1{font-size:36px;line-height:1.35;color:#1A1A1A;margin:0 0 15px;letter-spacing:-.02em}.lead{color:#555;max-width:860px;margin:0}.eyebrow{font-size:13px;letter-spacing:.12em;color:#C45A12;font-weight:700;margin:0 0 10px}.channel-bar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}.channel-bar a,.pill-link{border:1px solid rgba(0,0,0,.09);border-radius:999px;padding:6px 15px;background:#F6F7F9;font-size:14px;min-height:40px;display:inline-flex;align-items:center}.hero{padding:45px 0 24px}.hero p{max-width:820px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#F6F7F9}.media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.media-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#F6F7F9,#EDEFF2)}.poster-grid .media{height:235px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.panel,.catalog-card,.note-card,.qa-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:20px;min-width:0}.panel h2,.panel h3,.catalog-card h3,.note-card h3,.qa-card h3{margin:0 0 10px;color:#1A1A1A;font-size:19px;line-height:1.45}.panel p,.catalog-card p,.note-card p,.qa-card p{margin:0 0 10px}.panel a,.reading-section a,.catalog-card a,.text-links a{color:#A64B0B;text-decoration:underline;text-underline-offset:3px}.reading-section{margin:24px 0 32px}.reading-section h2{font-size:24px;color:#1A1A1A;line-height:1.45;margin:0 0 13px}.reading-section p{margin:0 0 13px}.subtle-section{padding:20px 0 10px;background:#F6F7F9}.section-title{font-size:25px;color:#1A1A1A;margin:22px 0 14px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.catalog-card .media{height:195px;margin-bottom:14px}.catalog-card h3{font-size:19px}.catalog-card p{font-size:15px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-media{max-width:420px;margin:18px 0 28px}.reading-media .media{height:220px}.portrait-media{max-width:260px}.portrait-media .media{height:260px}.note-grid,.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 30px}.qa-card h3{font-size:17px}.mini-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 35px}.mini-links a{font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:40px;display:inline-flex;align-items:center}.notice{border-left:3px solid #FF8A00;padding:14px 18px;background:#F6F7F9;margin:22px 0 36px;color:#555}.site-footer{background:#1A1A1A;color:#F5F5F5;margin-top:42px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:38px 0}.footer-grid h2{font-size:17px;color:#FFFFFF;margin:0 0 12px}.footer-grid a{display:block;color:#F5F5F5;font-size:14px;min-height:30px}.footer-grid a:hover{color:#FFC44D}.footer-bottom{display:flex;gap:16px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding:19px 0 25px;font-size:13px;color:#DDD}.mobile-bottom{display:none}.drawer-top,.drawer-group{display:none}
@media(max-width:980px){
.header-inner{height:62px;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:8px}.primary-nav{display:none}.brand{justify-self:center;justify-content:center;min-width:0;width:auto;max-width:100%}.brand img{height:28px;max-width:130px}.brand strong{font-size:20px}.register-btn{min-width:72px;height:36px;padding:0 12px;font-size:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:43px;height:42px;border:0;background:transparent;padding:7px}.menu-toggle span{height:2px;width:22px;background:#1A1A1A;border-radius:2px}
.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#FFFFFF;color:#1A1A1A;z-index:12000;transform:translateX(-105%);transition:transform .2s ease}
.mobile-drawer.is-open{transform:translateX(0)}
.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:11000;opacity:0;pointer-events:none}
.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}
.drawer-top{display:flex;align-items:center;justify-content:space-between;height:65px;padding:0 17px;border-bottom:1px solid #EEE}.drawer-brand img{height:28px;width:auto;object-fit:contain}.drawer-brand strong{font-size:20px}.drawer-close{font-size:28px;line-height:1;width:42px;height:42px;background:transparent;border:0;color:#1A1A1A}.drawer-scroll{height:calc(100% - 65px);overflow-y:auto;padding:16px 19px 35px}.drawer-group{display:block;margin:0 0 19px}.drawer-group h2{font-size:13px;color:#999;margin:0 0 6px}.drawer-group a{display:block;padding:8px 6px;min-height:42px;border-bottom:1px solid #F0F0F0;font-size:15px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;background:#FFFFFF;border-top:1px solid #EEE;box-shadow:0 -3px 14px rgba(0,0,0,.05);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:56px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600}.mobile-bottom a:last-child{color:#C45A12}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.page-top{padding-top:25px}.page-top h1,.hero h1{font-size:29px}.hero{padding-top:30px}.feature-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{margin-top:30px}
}
@media(max-width:600px){.wrap,.header-inner{width:calc(100% - 28px)}.poster-grid{grid-template-columns:1fr;gap:12px}.poster-grid .media{height:155px}.feature-grid,.catalog-grid,.two-col,.note-grid,.qa-grid{grid-template-columns:1fr}.catalog-card .media{height:155px}.reading-media .media{height:155px}.portrait-media .media{height:195px}.panel,.catalog-card,.note-card,.qa-card{padding:17px}.reading-section h2{font-size:21px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:30px 0}.footer-grid h2{font-size:14px}.footer-grid a{font-size:12px;line-height:1.6;margin-bottom:8px}.footer-bottom{display:block;padding-bottom:22px}.footer-bottom span{display:block;margin-bottom:7px}.channel-bar{gap:8px}.channel-bar a{font-size:13px;padding:5px 11px}.page-top h1,.hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}

/* 2026 edition: editorial magazine presentation */
:root{color-scheme:light}.hero{max-width:880px;margin-inline:auto;text-align:center}.hero .lead{margin-inline:auto}.poster-grid{margin-block:22px 36px}.feature-grid{margin-block:28px 44px}.feature-grid .panel{position:relative;border-top:3px solid #FF8A00}.feature-grid .panel:nth-child(2){border-top-color:#FFC44D}.page-top{border-left:4px solid #FF8A00;padding-left:24px}.reading-section h2{letter-spacing:.02em}.reading-section p{max-width:900px}.catalog-card{transition:box-shadow .2s ease,transform .2s ease}.catalog-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.section-kicker{color:#C45A12;font-size:13px;font-weight:700;letter-spacing:.1em}.issue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.issue-list article{background:#F6F7F9;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:24px}.issue-list h3{margin:0 0 10px;font-size:20px;color:#1A1A1A}.mini-links a{color:#C45A12;font-weight:700}@media(max-width:700px){.issue-list{grid-template-columns:1fr}.page-top{padding-left:15px}.issue-list article{padding:18px}.hero{text-align:left}}