/* 红桃视频 editorial website: HONGTAO VIDEO */
:root{--ink:#FFFFFF;--copy:#F0E8E8;--muted:#C4B0B0;--soft:#A58E8E;--brand:#E63946;--bright:#FF4D4F;--deep:#C41E3A;--paper:#1A1212;--mist:#160F10;--pale:#241818;--rule:rgba(230,57,70,.18);--shadow:0 16px 40px rgba(0,0,0,.40);--header-height:134px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:#1A1212;color:var(--copy);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans CJK SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;overflow-x:clip;-webkit-text-size-adjust:100%}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffb0a8;outline-offset:3px}
img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;color:var(--ink)}p{overflow-wrap:anywhere}section,article,div{min-width:0}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;width:100%;background:#1A1212;box-shadow:0 2px 10px rgba(10,22,40,.045)}
.header-inner{width:min(1220px,100%);margin:auto;padding:0 16px}
.brand-strip{background:var(--deep);height:22px;color:white}
.strip-inner{display:flex;align-items:center;justify-content:space-between;height:22px;position:relative}
.strip-brand{font-size:11px;line-height:22px;letter-spacing:.05em;font-weight:750;white-space:nowrap}
.search-trigger{border:0;background:transparent;color:white;display:grid;place-items:center;width:48px;height:44px;margin-top:-11px;margin-bottom:-11px;position:relative;z-index:3;border-radius:6px}
.search-trigger span{font-size:30px;line-height:1;position:relative;top:-2px;font-family:Arial,sans-serif}
.search-trigger:hover,.search-trigger:focus-visible{background:rgba(255,255,255,.15)}
.masthead{height:68px;background:#1A1212;border-bottom:1px solid var(--rule)}
.mast-inner{height:68px;display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:center;gap:8px}
.mast-logo{width:max-content;max-width:100%;display:flex;align-items:center;min-height:44px}
.brand-img{height:36px;width:auto;max-width:min(250px,100%);object-fit:contain;object-position:left center}
.logo-text{font-size:24px;font-weight:850;color:var(--ink);letter-spacing:-.035em}
.directory-trigger{justify-self:center;display:flex;align-items:center;justify-content:center;gap:9px;min-width:100px;height:44px;background:var(--mist);border:1px solid var(--rule);border-radius:10px;color:var(--ink);font-weight:750;font-size:14px}
.directory-trigger:hover{background:#3c1d24;border-color:#944553}
.burger{width:18px;height:15px;display:flex;flex-direction:column;justify-content:space-between}.burger i{width:100%;height:2px;background:var(--brand);border-radius:2px}
.mast-app{justify-self:end;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:var(--brand);color:white;font-weight:700;font-size:14px;height:44px;padding:0 17px;border-radius:9px}
.mast-app:hover{background:var(--deep)}.mast-app span{font-size:18px}
.tabbar{height:44px;background:var(--mist);border-bottom:1px solid var(--rule)}
.tabs-inner{display:flex;align-items:center;gap:9px;height:44px;overflow:visible}
.tabs-inner a{height:32px;min-width:94px;display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;border-radius:7px;color:var(--muted);padding:0 13px;white-space:nowrap}
.tabs-inner a.active,.tabs-inner a[aria-current=page]{color:white;background:var(--brand)}.tabs-inner a:not(.active):hover{background:#321d23;color:var(--brand)}
.site-main{width:min(1220px,100%);margin:0 auto;padding:calc(var(--header-height) + 22px) 16px 64px}
.micro,.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850;line-height:1.6}
.eyebrow{display:inline-block;margin-bottom:12px}.home-stack{display:grid;gap:26px}
.home-hero,.home-section,.inside-head,.related,.chapter,.board-card{background:#1A1212;border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:14px}
.home-hero{overflow:hidden}.media-slot{display:block;position:relative;overflow:hidden;background:var(--mist)}
.media-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.media-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ink);padding:18px;text-align:center;font-size:20px;font-weight:750;background:linear-gradient(140deg,#160F10,#281b20)}
.hero-media{width:100%;height:300px;border-bottom:1px solid var(--rule);background:#211216}
.hero-copy{padding:24px clamp(22px,3.2vw,44px) 30px}.hero-copy h1{font-size:clamp(27px,3.3vw,36px);font-weight:850;letter-spacing:-.035em}
.hero-copy p{color:var(--muted);max-width:920px;margin-top:13px;font-size:16px;line-height:1.9}
.action-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:21px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;min-height:44px;font-size:14px;font-weight:750;border-radius:9px;transition:transform .18s,background .18s,border-color .18s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#FF4D4F 0%,#E63946 50%,#C41E3A 100%);color:white}.btn-secondary{border:1px solid var(--brand);background:#1A1212;color:var(--brand)}.btn-secondary:hover{background:var(--mist)}
.home-section{padding:clamp(20px,3vw,34px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:21px}.section-heading h2{font-size:clamp(20px,2.1vw,26px);letter-spacing:-.02em;margin-top:4px}.text-link{display:inline-flex;align-items:center;color:var(--brand);font-weight:750;font-size:14px;min-height:44px;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.interest-item{display:grid;grid-template-columns:46px 1fr 20px;gap:0 9px;align-content:start;min-height:134px;padding:16px;background:var(--mist);border:1px solid var(--rule);border-radius:11px;transition:background .15s,border-color .15s}
.interest-item:hover{background:#eaf1fd;border-color:#86acdf}.interest-code{grid-row:span 2;display:grid;place-items:center;height:36px;width:36px;border-radius:8px;color:white;background:var(--bright);font:850 15px Arial,sans-serif}.interest-item:nth-child(even) .interest-code{background:var(--deep)}
.interest-item strong{color:var(--ink);font-size:16px}.interest-item>span:nth-of-type(2){grid-column:2/4;line-height:1.6;color:var(--muted);font-size:13px;margin-top:5px}.interest-item b{grid-column:3;grid-row:1;color:var(--brand);justify-self:end}
.feature-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:24px;align-items:center}.feature-photo{height:240px;border-radius:11px;background:#ebf1fa;border:1px solid var(--rule)}
.feature-copy p{font-size:15px;line-height:1.9;color:var(--muted)}.number-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.number-links a{display:flex;align-items:center;gap:9px;padding:9px 8px;min-height:44px;border-bottom:1px solid var(--rule);font-size:14px;font-weight:750}.number-links em{font-style:normal;font-size:14px;font-weight:900;color:var(--brand)}.number-links span{margin-left:auto;color:var(--brand)}.number-links a:hover{background:var(--mist)}
.three-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-card{box-shadow:none;overflow:hidden}.board-visual{height:185px;border-bottom:1px solid var(--rule)}.board-body{padding:17px}.board-body h3{font-size:18px}.board-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0}.board-body .text-link{font-size:13px}
.split-strip{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:21px;align-items:stretch}.split-strip>.media-slot,.split-strip>div>.media-slot{height:250px;border-radius:11px;border:1px solid var(--rule)}.small-photo{height:250px!important}.strip-list{display:grid;gap:5px}.strip-list a{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);align-items:center;min-height:56px;padding:9px 14px;background:var(--mist);border:1px solid var(--rule);border-radius:8px;gap:7px}.strip-list a:hover{border-color:#97b5e9;background:#e9f0ff}.strip-list strong{color:var(--ink);font-size:15px}.strip-list span{font-size:13px;color:var(--muted)}
.theme-banner{height:230px;border-radius:11px;margin-bottom:14px}.motif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.motif-grid a{min-height:99px;display:flex;flex-direction:column;padding:12px 15px;border:1px solid var(--rule);background:var(--mist);border-radius:9px}.motif-grid a:hover{background:#e5eefc}.motif-grid em{font-style:normal;font-size:12px;color:var(--brand);font-weight:850}.motif-grid strong{font-size:15px;margin:2px 0;color:var(--ink)}.motif-grid span{font-size:13px;color:var(--muted)}
.shelf-lines{display:grid;gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.shelf-lines a{display:grid;grid-template-columns:32px minmax(0,100px) 1fr 20px;gap:10px;align-items:center;min-height:50px;padding:8px 13px;border-bottom:1px solid var(--rule);font-size:14px}.shelf-lines a:last-child{border:0}.shelf-lines a:hover{background:var(--mist)}.shelf-lines span,.shelf-lines b{color:var(--brand);font-weight:850}.shelf-lines strong{color:var(--ink)}.shelf-lines small{color:var(--muted);font-size:12px}
.feature-grid.compact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.chart-lines{padding:0;margin:0;list-style:none;display:grid;gap:3px}.chart-lines li{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--rule);min-height:45px}.chart-lines li>span{font-size:25px;font-weight:900;color:var(--brand);font-family:Arial,sans-serif}.chart-lines a{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:15px;color:var(--ink);font-weight:750}.chart-lines b{color:var(--bright)}.editor-note{font-size:13px;color:var(--muted);margin-top:12px}
.timeline-mini{border-left:2px solid #bad1f5;margin-left:18px}.timeline-mini a{display:grid;gap:4px;margin-left:22px;min-height:78px;position:relative}.timeline-mini i{position:absolute;width:12px;height:12px;border:3px solid var(--brand);background:#1A1212;border-radius:100%;left:-29px;top:7px}.timeline-mini strong{color:var(--ink);font-size:16px}.timeline-mini span{color:var(--muted);font-size:14px}.timeline-mini a:hover strong{color:var(--brand)}
.three-board.text-only>a{display:flex;flex-direction:column;min-height:194px;background:var(--mist);border:1px solid var(--rule);border-radius:12px;padding:20px;transition:background .15s}.three-board.text-only>a:hover{background:#e7effe}.text-only span{font-size:12px;font-weight:850;color:var(--brand);letter-spacing:.07em}.text-only h3{margin:7px 0;font-size:19px}.text-only p{font-size:14px;line-height:1.75;color:var(--muted)}.text-only b{margin-top:auto;font-size:13px;color:var(--brand);padding-top:12px}
.app-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:27px;align-items:center}.app-art{height:420px;background:var(--mist);border:1px solid var(--rule);border-radius:13px}.app-identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}.app-icon{height:66px;width:66px;flex:0 0 66px;border-radius:16px;background:var(--mist);border:1px solid var(--rule)}.app-identity strong{font-size:23px;color:var(--ink);display:block}.app-identity small{font-size:13px;color:var(--muted)}.app-copy p{line-height:1.85;font-size:15px;color:var(--copy)}
.home-legal>p,.home-faq>p,.home-brand>p{font-size:15px;line-height:1.95;max-width:1050px}.dual-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.dual-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;min-height:49px;background:var(--mist);color:var(--ink);font-size:14px;font-weight:750;border:1px solid var(--rule);border-radius:9px}.dual-links span{color:var(--brand)}.dual-links a:hover{background:#e5edfc}
.faq-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.faq-mini a{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:54px;background:var(--mist);border-radius:9px;padding:11px 16px;font-size:14px;font-weight:750;color:var(--ink)}.faq-mini b{color:var(--brand)}.faq-mini a:hover{background:#e6efff}.home-brand{background:linear-gradient(125deg,#fff,#eff4fd)}.brand-cta{margin-top:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:14px}.brand-cta span{font-size:24px;color:var(--brand);font-weight:900}.brand-cta a{font-size:14px;font-weight:750;color:var(--brand);min-height:44px;display:flex;align-items:center}
.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--brand);font-weight:750}.breadcrumb a:hover{text-decoration:underline}
.inside-head{padding:30px clamp(20px,4vw,45px);margin-bottom:18px;background:linear-gradient(114deg,#fff 55%,#f1f5fc 100%);border-left:6px solid var(--brand)}.inside-head h1{font-size:clamp(28px,3vw,32px);letter-spacing:-.025em;margin:2px 0 12px}.inside-head p{line-height:1.95;color:var(--muted);max-width:960px}
.inside-cover{height:290px;border:1px solid var(--rule);border-radius:13px;margin-bottom:20px}
.chapter-list{display:grid;gap:14px}.chapter{display:flex;gap:22px;align-items:flex-start;padding:27px clamp(18px,3vw,34px);box-shadow:none;min-height:145px}.chapter-num{font:900 28px/1 Arial,sans-serif;color:var(--brand);min-width:45px;margin-top:3px}.chapter-copy h2{font-size:20px;margin-bottom:11px}.chapter-copy p{line-height:1.94;color:var(--copy);font-size:16px}
.layout-directory,.layout-filmgrid,.layout-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-directory .chapter,.layout-filmgrid .chapter,.layout-tiles .chapter{display:block}.layout-directory .chapter-num,.layout-filmgrid .chapter-num,.layout-tiles .chapter-num{margin-bottom:12px}.layout-tiles .chapter:nth-child(3n){background:#f5f8fd}
.layout-wide .chapter{border-left:4px solid var(--brand)}.layout-series .chapter{border-left:3px solid #c5d6f3;border-radius:4px 14px 14px 4px}.layout-series .chapter-num{background:var(--brand);color:white;padding:12px;min-width:54px;border-radius:9px;text-align:center;font-size:22px}
.layout-shelves .chapter{background:var(--mist);border-radius:9px}.layout-numbers .chapter-num{font-size:43px;min-width:67px}.layout-timeline{border-left:3px solid #b7cdf1;margin-left:29px}.layout-timeline .chapter{position:relative;margin-left:25px}.layout-timeline .chapter::before{content:"";position:absolute;left:-34px;top:34px;width:13px;height:13px;border-radius:50%;border:3px solid var(--brand);background:#1A1212}.layout-steps .chapter{background:linear-gradient(96deg,#f3f7fd,#fff);border-top:2px solid var(--rule)}.layout-essay .chapter{border-left:4px solid var(--brand);background:#f8faff}
.layout-product .chapter{background:#f7faff}.layout-policy .chapter{box-shadow:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:24px 13px}.layout-policy .chapter-num{font-size:18px}.related{margin-top:23px;background:var(--mist);padding:25px 28px;display:flex;gap:20px;justify-content:space-between;align-items:center;box-shadow:none}.related h2{font-size:22px;margin-top:4px}.related p{color:var(--muted);font-size:13px;margin-top:5px}.related-links{display:flex;gap:8px;flex-wrap:wrap}.related-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;font-size:14px;font-weight:750;border-radius:8px;background:#1A1212;border:1px solid var(--rule);color:var(--brand)}.related-links a:hover{background:#e9f1ff}
.faq-list{display:grid;gap:11px}.faq-row{display:flex;gap:22px;align-items:flex-start;background:#1A1212;border:1px solid var(--rule);padding:23px;border-radius:12px}.faq-number{color:var(--brand);font:900 23px Arial,sans-serif;margin-top:2px;min-width:38px}.faq-row h2{font-size:18px;margin-bottom:9px}.faq-row p{line-height:1.9}
.site-footer{background:var(--ink);color:#edced0;border-top:4px solid var(--brand);padding:45px 16px 24px}.foot-inner{width:min(1188px,100%);margin:auto}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.13)}.foot-logo{display:inline-flex;gap:14px;align-items:center;color:white;font-size:25px;font-weight:850}.foot-brand-img{width:auto;height:32px;max-width:180px;object-fit:contain;filter:brightness(0) invert(1)}.foot-logo small{font-size:13px;font-weight:600;color:#c4a2a7;letter-spacing:.09em}.foot-top p{color:#edced0;font-size:14px}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:29px 0}.foot-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.foot-group h2{font-size:15px;color:#fff;margin-bottom:4px}.foot-group a{font-size:13px;color:#ebcacc;min-height:25px}.foot-group a:hover{color:white;text-decoration:underline}.foot-disclaimer{color:#d7b7bd;font-size:13px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);line-height:1.8}.foot-bottom{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#cfb4b9;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,17,38,.62);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
body.modal-open .modal-backdrop{visibility:visible;pointer-events:auto;opacity:1}
.directory-panel,.search-panel{position:fixed;visibility:hidden;pointer-events:none;opacity:0;z-index:110;box-shadow:0 26px 72px rgba(0,15,55,.22);background:#1A1212;transition:transform .2s,opacity .2s,visibility .2s}
.directory-panel{top:var(--header-height);left:50%;width:min(1220px,100%);max-height:calc(100dvh - var(--header-height) - 12px);overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-14px);border:1px solid var(--rule);border-radius:0 0 14px 14px}
body.menu-open .directory-panel{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}
.panel-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 23px;background:#1A1212;border-bottom:1px solid var(--rule)}.panel-brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:850;color:var(--ink)}.panel-brand small{font-size:12px;font-weight:700;color:var(--muted)}.panel-brand-img{height:30px;width:auto;max-width:155px;object-fit:contain}.panel-close{display:grid;place-items:center;border:1px solid var(--rule);background:var(--mist);color:var(--ink);font:32px/1 Arial,sans-serif;min-height:44px;min-width:44px;border-radius:9px}.panel-close:hover{background:#331c22}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:25px}.directory-group{min-width:0}.directory-group h2{font-size:15px;color:var(--brand);border-left:4px solid var(--brand);padding-left:10px;margin-bottom:12px}
.directory-link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin:4px 0;border:1px solid var(--rule);background:var(--mist);border-radius:9px;min-height:64px}.directory-link:hover{border-color:#994454;background:#361c25}.directory-link strong{font-size:14px;color:var(--ink)}.directory-link small{font-size:11px;line-height:1.45;color:var(--muted)}
.search-panel{top:var(--header-height);right:max(16px,calc((100vw - 1220px)/2 + 16px));width:min(530px,calc(100vw - 32px));border-radius:0 0 13px 13px;border:1px solid var(--rule);padding:24px;transform:translateY(-10px)}
body.search-open .search-panel{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}
.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.search-head h2{font-size:24px;margin-top:2px}.search-label{display:block;font-size:14px;color:var(--muted);margin-bottom:9px}.search-field{display:flex;align-items:center;gap:10px;border:2px solid #8A4350;padding:0 14px;border-radius:9px;min-height:50px}.search-field>span{font-size:24px;color:var(--brand)}.search-field input{font-size:16px;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-field:focus-within{border-color:var(--brand)}
.search-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.search-presets a{display:flex;justify-content:space-between;align-items:center;min-height:48px;background:var(--mist);padding:10px 13px;border:1px solid var(--rule);border-radius:8px;font-size:14px;font-weight:750;color:var(--ink)}.search-presets a:hover{background:#361c25}.search-presets a span{color:var(--brand)}[data-search-item][hidden]{display:none!important}.search-empty{font-size:13px;margin-top:14px;color:var(--muted)}
.mobile-bottom{display:none}
@media(max-width:1000px){.header-inner{padding:0 16px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-board{gap:11px}.board-visual{height:170px}.directory-grid{gap:12px}.foot-grid{gap:16px}}
@media(max-width:760px){:root{--header-height:90px}.tabbar{display:none}.mast-inner{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.brand-img{height:30px;max-width:130px}.directory-trigger{min-width:66px;gap:5px;font-size:13px;height:44px;padding:0 8px}.burger{width:16px}.mast-app{font-size:12px;padding:0 11px}.mast-app span{display:none}
.site-main{padding-top:calc(var(--header-height) + 16px);padding-bottom:73px}.home-stack{gap:16px}.hero-media{height:150px}.hero-copy{padding:20px 20px 24px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:15px}.home-section{padding:20px}.section-heading h2{font-size:21px}.section-heading{align-items:flex-start;margin-bottom:15px}.text-link{font-size:12px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.interest-item{grid-template-columns:32px 1fr 16px;min-height:147px;padding:12px;gap:0 5px}.interest-code{height:29px;width:29px;font-size:12px}.interest-item strong{font-size:15px}.interest-item>span:nth-of-type(2){font-size:12px}.feature-grid,.feature-grid.compact,.split-strip,.app-grid{grid-template-columns:minmax(0,1fr);gap:15px}.feature-photo{height:210px}.three-board{grid-template-columns:minmax(0,1fr)}.board-card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:center}.board-visual{height:100%;min-height:180px;border:0;border-right:1px solid var(--rule)}.board-body{padding:14px}.board-body h3{font-size:17px}.board-body p{font-size:13px}.strip-list a{min-height:55px}.theme-banner{height:185px}.motif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-art{height:330px}.app-copy p{font-size:15px}.dual-links{grid-template-columns:minmax(0,1fr)}.faq-mini{grid-template-columns:minmax(0,1fr)}.three-board.text-only>a{min-height:145px}
.inside-head{padding:22px 19px}.inside-cover{height:235px}.chapter{padding:20px 18px;gap:13px}.chapter-num{min-width:39px;font-size:24px}.chapter-copy h2{font-size:19px}.chapter-copy p{font-size:15px}.layout-directory,.layout-filmgrid,.layout-tiles{grid-template-columns:1fr}.layout-numbers .chapter-num{font-size:35px;min-width:50px}.related{align-items:flex-start;flex-direction:column;padding:22px}.faq-row{padding:17px;gap:13px}.faq-number{font-size:19px;min-width:28px}.faq-row h2{font-size:17px}.faq-row p{font-size:15px}.site-footer{padding-bottom:95px}.foot-top{flex-direction:column;align-items:flex-start}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.foot-bottom{flex-direction:column;gap:4px}
.directory-panel{top:var(--header-height);width:100%;max-height:calc(100dvh - var(--header-height));border-radius:0;transform:translate(-50%,-12px)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:14px}.directory-link{padding:9px;min-height:70px}.directory-link strong{font-size:13px}.directory-link small{font-size:11px}.panel-head{padding:11px 16px}.panel-brand-img{height:27px;max-width:110px}.panel-brand{font-size:15px}.search-panel{inset:0;width:100%;height:100dvh;max-height:100dvh;right:0;top:0;border-radius:0;background:var(--mist);overflow-y:auto;padding:calc(var(--header-height) + 18px) 16px 28px}.search-head h2{font-size:22px}.search-presets{gap:8px}
.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;bottom:0;width:100%;z-index:75;background:#1A1212;height:calc(50px + env(safe-area-inset-bottom,0px));padding:0 5px env(safe-area-inset-bottom,0px);box-shadow:0 -5px 22px rgba(8,35,90,.1);border-top:1px solid var(--rule)}.mobile-bottom a{display:grid;place-items:center;min-width:0;height:50px;margin:0 2px;border-radius:7px;font-size:13px;color:var(--muted);font-weight:750}.mobile-bottom a.active,.mobile-bottom a[aria-current=page]{background:var(--brand);color:white}.mobile-bottom a:hover:not(.active){background:var(--mist)}
}
@media(max-width:360px){.brand-img{height:25px;max-width:100px}.mast-inner{grid-template-columns:minmax(0,1fr) 67px minmax(0,1fr);gap:3px}.mast-app{font-size:12px;padding:0 9px}.hero-media{height:132px}.hero-copy h1{font-size:25px}.section-heading{flex-wrap:wrap}.interest-item{min-height:161px}.interest-item strong{font-size:14px}.interest-item>span:nth-of-type(2){font-size:11px}.board-visual{min-height:190px}.shelf-lines a{grid-template-columns:28px minmax(0,68px) 1fr 14px;gap:6px;padding:7px 8px}.shelf-lines strong{font-size:12px}.shelf-lines small{font-size:11px}.app-art{height:285px}.search-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Dark editorial finishing and accessibility overrides. */
body{background:#0F0A0A;color:#F0E8E8}
.site-header{background:#0F0A0A;box-shadow:0 3px 18px rgba(0,0,0,.45)}
.brand-strip{background:#C41E3A;color:#fff}
.masthead{background:#0F0A0A;border-bottom:1px solid rgba(230,57,70,.2)}
.tabbar{background:#120C0D;border-bottom:1px solid rgba(230,57,70,.18)}
.tabs-inner a{color:#D1BABB}.tabs-inner a:not(.active):hover{background:#351b24;color:#FFF5F2}
.directory-trigger{background:#241818;color:#F9F2EE;border-color:#694047}
.directory-trigger:hover{background:#362025;border-color:#BE414D}
.burger i{background:#FF4D4F}
.mast-app{background:linear-gradient(135deg,#FF4D4F,#C41E3A);color:#FFFFFF}
.mast-app:hover{background:#D52D42}
.logo-text{color:#FFF5F2}
.home-hero,.home-section,.inside-head,.related,.chapter,.board-card,.faq-row,.faq-list{background:#1A1212;border-color:rgba(230,57,70,.2);box-shadow:0 16px 40px rgba(0,0,0,.24)}
.hero-copy{background:linear-gradient(105deg,#1B1214,#271417)}
.hero-copy h1{color:#FFFFFF}.hero-copy p,.feature-copy p,.inside-head p,.home-section>p,.app-copy p{color:#F0E8E8}
.eyebrow,.micro{color:#FF6A75}
.hero-media{background:#230F18;max-height:300px}
.home-section h2,.inside-head h1,.related h2,.chapter h2,.faq-row h2{color:#FFF8F5}
.media-slot{background:#23161B}.media-fallback{color:#FFF8F5;background:linear-gradient(130deg,#25131A,#3A1620)}
.btn-primary{color:#FFF;background:linear-gradient(135deg,#FF4D4F 0%,#E63946 46%,#C41E3A 100%)}
.btn-primary:hover{filter:brightness(1.10)}
.btn-secondary{border-color:#CD3948;background:#211417;color:#FFF2EE}
.btn-secondary:hover{background:#361D26}
.home-section{border-top:2px solid rgba(230,57,70,.22)}
.section-heading{border-color:rgba(230,57,70,.2)}
.text-link{color:#FF8891}.text-link:hover{color:#FFF6F3}
.interest-item{background:#261619;border-color:rgba(232,62,77,.22);color:#F5E9E7}
.interest-item:hover{background:#341922;border-color:rgba(255,89,98,.68)}
.interest-item strong{color:#FFF7F3}
.interest-item>span:nth-of-type(2){color:#D2BCC0}
.interest-code{background:#C41E3A;color:#FFF8F4}
.interest-item:nth-child(even) .interest-code{background:#F04451}
.four-tags{grid-template-columns:repeat(4,minmax(0,1fr))}
.red-ticket{min-height:188px}
.board-card{background:#211619}.board-body p{color:#DFCCCA}
.number-links a,.strip-list a,.shelf-lines a,.chart-list a,.timeline a{background:#25181B;border-color:rgba(236,75,87,.17);color:#F9F0EE}
.number-links a:hover,.strip-list a:hover,.shelf-lines a:hover,.chart-list a:hover,.timeline a:hover{background:#3a1c24}
.number-links a em,.shelf-lines em,.chart-list em,.motif-grid em{color:#FF6470}
.motif-grid a,.faq-mini a,.dual-links a,.related-links a{background:#28191C;border-color:rgba(239,64,78,.23);color:#F5EAE8}
.motif-grid a:hover,.faq-mini a:hover,.dual-links a:hover,.related-links a:hover{background:#381E25}
.motif-grid strong,.faq-mini span,.dual-links a,.related-links a{color:#F8EEEC}
.motif-grid a span{color:#D1BBBE}
.three-board.text-only>a{background:#2B191E;border-color:#593039}
.three-board.text-only p{color:#D7BFC2}
.three-board.text-only a:hover{background:#3a2028}
.app-illustration{background:#211316}.app-copy{color:#F6EEEE}
.app-identity strong{color:#FFF7F5}.app-identity small{color:#C8A7AA}
.brand-cta{background:linear-gradient(110deg,#3C1721,#201319);border-color:rgba(246,68,83,.37)}
.brand-cta span{color:#FFB4B0}.brand-cta a{color:#FFF7F4}
.inside-head{background:linear-gradient(115deg,#221315,#32171E)}
.breadcrumb,.breadcrumb a{color:#C7A9AF}.breadcrumb a:hover{color:#FFF}
.chapter-list{gap:14px}
.chapter{background:#1B1315}.chapter-num{color:#FE6A75}
.chapter-copy h2{color:#FFFFFF}.chapter-copy p{color:#EADBDD}
.inside-cover{background:#231419}
.related{background:#25171D}.related p{color:#D3B9BE}
.faq-list{background:#1A1212}.faq-row:nth-child(even){background:#201416}.faq-row{border-color:#4B272F}.faq-number{color:#FF6470}.faq-row p{color:#EADBDD}
.site-footer{background:#080505;border-top:1px solid rgba(230,57,70,.33);color:#E8C9CB}
.foot-inner{color:#E8C9CB}.foot-group a{color:#DDC0C5}.foot-group a:hover{color:#FFF5F4}
.foot-bottom{color:#C4B0B0}.foot-top p{color:#DBBFC2}
.foot-brand-img{filter:none}
.modal-backdrop{background:rgba(0,0,0,.73)}
.directory-panel,.search-panel{background:#1B1115;border:1px solid #63313D;color:#F5ECEA;box-shadow:0 30px 70px rgba(0,0,0,.76)}
.panel-head{background:#1B1115;border-color:#67343D}.panel-brand{color:#FFF6F4}.panel-brand small{color:#C5A4A8}
.panel-close{background:#2B171E;border-color:#733342;color:#FFF}.panel-close:hover{background:#49232D}
.directory-group h2{color:#FF7280;border-color:#E63946}
.directory-link{background:#25161B;border-color:#502731}.directory-link:hover{background:#391E27;border-color:#E63946}
.directory-link strong{color:#FFF7F4}.directory-link small{color:#D6BDBE}
.search-head h2{color:#FFF6F3}.search-label{color:#E9D1D2}
.search-field{border-color:#944652;background:#201317;color:#FFF4F2}.search-field input{color:#FFF9F6}
.search-field input::placeholder{color:#BEA6A9}.search-field:focus-within{border-color:#FF6470}
.search-presets a{background:#28191D;border-color:#65303A;color:#F8E9E8}
.search-presets a:hover{background:#402029}.search-presets a span{color:#FF9294}
.search-empty{color:#DDB9BE}
.mobile-bottom{background:#1A1212;border-top:1px solid #63303A;box-shadow:0 -8px 22px rgba(0,0,0,.48)}
.mobile-bottom a{color:#D7B9C0}
.mobile-bottom a.active,.mobile-bottom a[aria-current=page]{background:#E63946;color:#FFFFFF}
.mobile-bottom a:hover:not(.active){background:#351C25}
/* Keep the dark header background truly viewport-wide even at 280-320px. */
.site-header,.brand-strip,.masthead{left:0;right:0;width:100%;max-width:none}
@media(max-width:1000px){.four-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .site-main{padding-top:calc(var(--header-height) + 16px)}
  .search-panel{background:#0F0A0A;color:#FFF4F2}
  .four-tags{grid-template-columns:repeat(2,minmax(0,1fr))}
  .red-ticket{min-height:153px}
  .hero-media{height:205px;max-height:300px}
  .mast-inner{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)}
  .brand-img{height:31px;max-width:134px}
  .panel-brand-img{max-width:135px}
  .site-footer{padding-bottom:92px}
}
@media(max-width:360px){
  .strip-brand{font-size:10px}
  .mast-inner{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)}
  .brand-img{max-width:108px;height:28px}
  .directory-trigger{min-width:64px}
  .hero-media{height:177px}
  .red-ticket{min-height:155px}
}

@media(max-width:760px){.hongtao-home .hero-media{height:clamp(116px,35vw,235px)}}