*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#0F0A0A;color:#F0E8E8;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:clip}body.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff7779;outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.3;margin:0 0 .65em;color:#fff}h1{font-size:clamp(28px,3vw,32px)}h2{font-size:clamp(24px,2.3vw,30px)}h3{font-size:20px}.container{width:min(1220px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;background:#fff;color:#111;padding:12px;z-index:150}.skip:focus{top:10px}.site-header{height:72px;position:sticky;top:0;z-index:60;background:rgba(10,7,7,.96);border-bottom:1px solid rgba(230,57,70,.5);backdrop-filter:blur(12px)}.nav-inner{height:100%;max-width:1220px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:22px;min-width:0}.brand{display:flex;align-items:center;gap:9px;flex:none;min-width:0}.brand-image{max-height:38px;width:auto;max-width:130px}.brand-text{font-size:20px;font-weight:800;line-height:1.1;white-space:nowrap;letter-spacing:.5px}.brand-text small,.footer-brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#C4B0B0;font-weight:600;margin-top:4px}.primary-nav{display:flex;align-items:center;gap:clamp(9px,1.4vw,24px);margin:auto;white-space:nowrap}.primary-nav a{height:72px;display:flex;align-items:center;color:#F0E8E8;border-bottom:2px solid transparent;font-size:14px}.primary-nav a[aria-current]{border-bottom-color:#FF4D4F;color:#fff;font-weight:700}.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto;flex:none}.nav-action,.app-nav{min-height:44px;padding:8px 11px;color:#fff;background:transparent;border:1px solid rgba(230,57,70,.4);border-radius:8px;font-size:13px;white-space:nowrap}.app-nav{background:#241818}.nav-action:hover,.app-nav:hover{background:#452026}.nav-action[aria-expanded=true]{background:#C41E3A}.eyebrow{font-size:12px;letter-spacing:2.1px;text-transform:uppercase;font-weight:700;color:#FF8585;display:block;margin-bottom:18px}.homepage{padding-top:38px}.hero{display:grid;grid-template-columns:5fr 4fr;gap:clamp(20px,5vw,66px);align-items:center;padding:58px 0 68px;border-bottom:1px solid rgba(230,57,70,.18)}.hero-copy h1{font-size:clamp(30px,4vw,52px);line-height:1.28;letter-spacing:-.7px}.hero-copy h1 em{color:#FF5D60;font-style:normal}.hero-copy p{max-width:650px;color:#F0E8E8}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:9px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#FF4D4F 0%,#C41E3A 100%);color:#fff}.btn-outline{border:1px solid #E63946;color:#fff;background:#1A1212}.hero-image{min-width:0;min-height:120px;display:flex;justify-content:center;align-items:center;border-radius:14px;background:linear-gradient(145deg,#241818,#180d0d);padding:14px;position:relative}.cover-img{width:100%;height:auto;max-height:300px;object-fit:contain;position:relative;z-index:1}.hero-image:has(img) .hero-fallback{display:none}.hero-fallback{display:flex;flex-direction:column;justify-content:center;min-height:155px;text-align:center;color:#e8dddd;line-height:1.1;letter-spacing:5px}.hero-fallback span{font-size:clamp(27px,4vw,50px);font-weight:800}.hero-fallback strong{font-size:clamp(24px,4vw,45px);color:#FF4D4F}.hero-fallback small{font-size:11px;letter-spacing:3px;margin-top:12px}.home-section{padding:72px 0;border-bottom:1px solid rgba(230,57,70,.18)}.section-heading{margin-bottom:27px}.section-heading p{max-width:720px;color:#C4B0B0}.feature-row{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.feature-major{padding:30px;border-radius:12px;background:#241818;border-left:3px solid #E63946}.feature-major h3{font-size:25px}.feature-major>a,.two-notes a,.figure-entries>a,.two-column-notes a{color:#FF9696;font-weight:700}.small-label{font-size:12px;color:#FF8585;letter-spacing:1px}.two-notes{display:grid;gap:16px}.two-notes article{padding:22px;border:1px solid rgba(230,57,70,.18);border-radius:12px;background:#1A1212}.two-notes article p{color:#C4B0B0}.split-section{display:grid;grid-template-columns:4fr 5fr;gap:60px}.split-section>div:first-child p{max-width:510px}.section-link{color:#FF9999;font-weight:750;display:inline-flex;margin-top:12px;min-height:44px;align-items:center}.genre-list{border-top:1px solid rgba(230,57,70,.32)}.genre-list a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:18px;padding:12px 4px;border-bottom:1px solid rgba(230,57,70,.22);min-height:56px}.genre-list a span{color:#C4B0B0;font-size:13px}.genre-list a strong{font-size:18px}.picture-split{display:grid;grid-template-columns:4fr 5fr;gap:56px;align-items:center}.picture-split.reverse{grid-template-columns:5fr 4fr}.picture-split.reverse .picture{order:2}.picture{min-width:0;display:flex;align-items:center;justify-content:center;max-height:270px;border-radius:12px;background:linear-gradient(135deg,#1A1212,#241818);overflow:hidden}.picture:empty{display:none}.picture:empty+div{grid-column:1/-1}.content-image{width:100%;height:auto;max-height:220px;object-fit:contain}.picture .content-image{max-height:240px}.line-items{margin:19px 0}.line-items p{border-top:1px solid rgba(230,57,70,.2);padding:10px 0;margin:0}.line-items strong{color:#fff;margin-right:10px}.figure-band{display:grid;grid-template-columns:1fr 1.3fr;gap:34px;align-items:center}.figure-visual{min-width:0;max-height:245px}.figure-visual:empty{display:none}.figure-visual:empty+.figure-entries{grid-column:1/-1}.figure-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.figure-entries article{border-top:2px solid #C41E3A;padding-top:14px}.figure-entries article>span{color:#FF8585;font-size:13px}.figure-entries article h3{font-size:17px;margin-top:8px}.figure-entries article p{color:#C4B0B0;font-size:14px}.figure-entries>a{grid-column:1/-1}.topic-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px;margin-top:15px}.topic-mini a{border-bottom:1px solid rgba(230,57,70,.25);padding:8px 0;min-width:0}.topic-mini strong,.topic-mini span{display:block}.topic-mini span{font-size:13px;color:#C4B0B0}.folio-shell{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center}.folio-image:empty{display:none}.folio-image:empty+.folio-rows{grid-column:1/-1}.folio-rows a,.focus-list a{display:grid;grid-template-columns:40px minmax(95px,1fr) minmax(0,1.5fr) 20px;gap:14px;align-items:center;min-height:58px;padding:10px 0;border-bottom:1px solid rgba(230,57,70,.25)}.folio-rows a>span:first-child,.focus-list a>span{color:#FF8585;font-size:13px}.folio-rows small,.focus-list small{font-size:14px;color:#C4B0B0}.focus-list{border-top:1px solid rgba(230,57,70,.25)}.focus-list a strong{font-size:18px}.small-after{margin-top:20px;color:#C4B0B0}.small-after a{color:#FF9999}.app-home{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.app-image{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.app-image .content-image{max-width:calc(100% - 100px)}.app-icon{width:64px;height:64px;object-fit:contain}.two-column-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-column-notes article{padding:25px;background:#1A1212;border-radius:12px}.two-column-notes a{display:inline-block;margin-right:20px;min-height:44px}.finish-links{display:flex;flex-wrap:wrap;gap:14px}.finish-links a{border:1px solid rgba(230,57,70,.5);padding:12px 20px;border-radius:9px;min-height:44px}.crumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#C4B0B0;font-size:13px;padding:32px 0 25px}.crumb a{color:#E8CCCC}.inner-page{padding-bottom:70px}.page-lead{max-width:820px;padding:15px 0 24px}.page-lead p{font-size:17px;color:#C4B0B0}.inner-visual{display:flex;justify-content:center;max-height:225px;margin:0 0 25px}.inner-visual:empty{display:none}.column-image{max-height:220px;width:100%;height:auto;object-fit:contain}.reading-grid{display:grid;grid-template-columns:minmax(0,800px) minmax(180px,1fr);gap:clamp(30px,6vw,95px);align-items:start}.reading-copy{min-width:0}.essay-section{padding:27px 0 31px;border-top:1px solid rgba(230,57,70,.25)}.essay-section h2{font-size:clamp(21px,2vw,26px)}.essay-section p{max-width:820px;color:#F0E8E8}.section-no{display:block;color:#FF8585;font-size:12px;letter-spacing:1px;margin-bottom:14px}.side-index{position:sticky;top:98px;padding:22px;background:#1A1212;border:1px solid rgba(230,57,70,.18);border-radius:12px;max-height:calc(100dvh - 120px);overflow:auto}.side-index h2{font-size:17px}.side-index a{display:block;padding:9px 0;border-bottom:1px solid rgba(230,57,70,.17);color:#C4B0B0;font-size:14px}.side-index a:hover{color:#fff}.related{margin-top:30px;border-top:1px solid rgba(230,57,70,.3);padding-top:30px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-grid a{padding:18px 18px 20px;background:#1A1212;border:1px solid rgba(230,57,70,.2);border-radius:12px;display:flex;flex-direction:column;min-width:0}.related-grid span{font-size:13px;color:#C4B0B0}.related-grid .arrow{align-self:flex-end;font-size:20px;color:#FF8585}.editor-note,.notice{padding:15px 18px;border-left:3px solid #E63946;background:#1A1212}.notice a{color:#FF9A9A}.faq-list{max-width:840px}.faq-item{padding:22px 0;border-top:1px solid rgba(230,57,70,.25)}.faq-item h2{font-size:21px}.faq-item p{max-width:800px}.site-footer{background:#080505;border-top:1px solid rgba(230,57,70,.27);padding:58px 0 27px}.footer-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(230,57,70,.2)}.footer-intro p{color:#C4B0B0;margin:0}.footer-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.footer-brand>span{display:block;line-height:1.2}.footer-logo{max-height:38px;width:auto;max-width:130px}.footer-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:35px 0}.footer-groups h2{font-size:16px;margin-bottom:18px}.footer-groups a{display:block;color:#C4B0B0;font-size:14px;padding:3px 0;overflow-wrap:anywhere}.footer-groups a:hover{color:#fff}.footer-end{border-top:1px solid rgba(230,57,70,.2);padding-top:20px;color:#C4B0B0;font-size:13px}.footer-end p{margin:0 0 6px}.overlay{position:fixed;inset:72px 0 0;background:rgba(0,0,0,.72);z-index:65}.floating-panel{position:fixed;top:72px;z-index:70;background:#1A1212;border:1px solid rgba(230,57,70,.4);box-shadow:0 16px 40px rgba(0,0,0,.4);border-radius:0 0 14px 14px;max-height:calc(100dvh - 82px);overflow:auto}.floating-panel[hidden],.overlay[hidden],#search-empty[hidden],#search-results a[hidden]{display:none!important}.menu-panel{left:max(16px,calc((100vw - 1220px)/2));right:max(16px,calc((100vw - 1220px)/2));padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(230,57,70,.25);padding-bottom:15px;margin-bottom:18px}.panel-heading h2{font-size:23px;margin:0}.panel-close{padding:9px 14px;min-height:44px;min-width:70px;border:1px solid rgba(230,57,70,.55);border-radius:8px;background:#241818;color:#fff}.panel-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.panel-group{min-width:0}.panel-group h3{font-size:16px;border-bottom:2px solid #C41E3A;padding-bottom:12px}.panel-group a{display:block;padding:9px 0;border-bottom:1px solid rgba(230,57,70,.13)}.panel-group strong,.panel-group span{display:block}.panel-group strong{font-size:14px}.panel-group span{font-size:12px;line-height:1.55;color:#C4B0B0;margin-top:4px}.search-panel{right:max(16px,calc((100vw - 1220px)/2));width:min(540px,calc(100vw - 32px));padding:23px}.search-label{display:block;margin-bottom:10px;color:#C4B0B0}.search-panel input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #E63946;border-radius:8px;background:#0F0A0A;color:#fff}.search-results{max-height:min(350px,40dvh);overflow:auto;margin-top:15px}.search-results a{display:block;padding:10px 4px;border-bottom:1px solid rgba(230,57,70,.2)}.search-results strong,.search-results span{display:block}.search-results span{color:#C4B0B0;font-size:12px}.search-categories{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.search-categories span{width:100%;color:#C4B0B0;font-size:13px}.search-categories a{padding:6px 9px;border:1px solid rgba(230,57,70,.4);border-radius:7px;font-size:12px;min-height:36px}.mobile-bottom{display:none}@media(max-width:1130px){.primary-nav{display:none}.nav-inner{justify-content:space-between}}@media(max-width:850px){.reading-grid{grid-template-columns:minmax(0,1fr)}.side-index{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:6px}.side-index h2{width:100%}.side-index a{border:1px solid rgba(230,57,70,.23);padding:8px 11px;border-radius:6px}.panel-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section,.picture-split,.picture-split.reverse,.feature-row,.folio-shell,.figure-band,.app-home{gap:25px}.picture-split,.picture-split.reverse{grid-template-columns:1fr 1fr}.figure-entries{grid-template-columns:1fr}.figure-entries>a{grid-column:auto}}@media(max-width:600px){.container{width:calc(100% - 32px)}.site-header{height:62px}.nav-inner{padding:0 16px;gap:6px}.brand{gap:4px}.brand-image{max-height:32px;max-width:72px}.brand-text{font-size:16px}.brand-text small{font-size:7px;letter-spacing:.6px}.nav-action{min-height:44px;padding:6px 8px;font-size:12px}.header-actions{gap:5px}.header-actions .menu-toggle{order:1}.header-actions .search-toggle{order:2}.app-nav{display:none}.homepage{padding-top:10px}.hero{grid-template-columns:1fr;gap:22px;padding:32px 0 35px}.hero-copy h1{font-size:32px}.hero-image{min-height:0;padding:10px}.cover-img{max-height:240px}.home-section{padding:43px 0}.feature-row,.split-section,.picture-split,.picture-split.reverse,.figure-band,.folio-shell,.app-home,.two-column-notes{grid-template-columns:1fr}.picture-split.reverse .picture{order:0}.picture{max-height:240px}.picture .content-image{max-height:210px}.figure-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.figure-entries article p{font-size:13px}.figure-entries article h3{font-size:15px}.figure-entries>a{grid-column:1/-1}.folio-rows a,.focus-list a{grid-template-columns:27px minmax(72px,.7fr) minmax(0,1.3fr) 12px;gap:7px;font-size:13px}.folio-rows small,.focus-list small{font-size:12px}.app-image .content-image{max-width:calc(100% - 90px)}.footer-intro{align-items:flex-start;flex-direction:column}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 10px}.footer-end{padding-bottom:78px}.mobile-bottom{display:grid;position:fixed;z-index:55;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));background:#0A0707;border-top:1px solid rgba(230,57,70,.45);padding-bottom:env(safe-area-inset-bottom);min-height:calc(54px + env(safe-area-inset-bottom))}.mobile-bottom a{min-height:54px;display:flex;align-items:center;justify-content:center;font-size:13px;border-top:2px solid transparent}.mobile-bottom a[aria-current]{border-top-color:#FF4D4F;color:#fff;font-weight:800}body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}.overlay{inset:62px 0 0;z-index:65}.floating-panel{top:62px;max-height:calc(100dvh - 68px - env(safe-area-inset-bottom));z-index:70}.menu-panel{left:0;right:0;padding:16px;border-radius:0 0 11px 11px}.panel-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.search-panel{left:0;right:0;width:100%;padding:17px;border-radius:0 0 11px 11px}.panel-heading h2{font-size:19px}.crumb{padding-top:23px}.inner-page{padding-bottom:38px}.related-grid{grid-template-columns:1fr}.essay-section{padding:22px 0}.topic-mini{gap:7px}.app-home{gap:20px}}@media(max-width:350px){.brand-text{font-size:14px}.brand-image{max-width:50px}.nav-action{padding:5px 6px}.topic-mini{grid-template-columns:1fr}.figure-entries{grid-template-columns:1fr}.figure-entries>a{grid-column:auto}.panel-groups{grid-template-columns:1fr}}

.panel-heading h2{display:flex;align-items:center;gap:10px}.panel-logo{max-height:30px;width:auto;max-width:100px;object-fit:contain}
