:root{--page:#0F0A0A;--raised:#0A0707;--soft:#241818;--ink:#FFFFFF;--body:#F0E8E8;--muted:#C4B0B0;--light:#A58F8F;--blue:#E63946;--bright:#FF4D4F;--deep:#C41E3A;--edge:rgba(230,57,70,.18);--shadow:0 16px 40px rgba(0,0,0,.55);--container:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;color:var(--body);background:var(--page);font:16px/1.74 -apple-system,BlinkMacSystemFont,"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;overflow-x:clip}body.overlay-active{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.34;letter-spacing:-.025em}h1{font-size:clamp(28px,3vw,32px);font-weight:800}h2{font-size:23px}h3{font-size:18px}p{margin-bottom:1em}::selection{background:#3B2026;color:var(--deep)}:focus-visible{outline:3px solid var(--bright);outline-offset:3px}.skip-link{position:fixed;left:14px;top:-60px;background:#1A1212;color:var(--blue);z-index:110;padding:10px 16px}.skip-link:focus{top:4px}
.site-header{position:fixed;left:0;right:0;top:0;z-index:40;background:#1A1212;width:100%;box-shadow:0 1px 12px rgba(0,0,0,.26)}.brand-line{height:22px;background:var(--deep);color:#fff;width:100%}.line-inner{max-width:var(--container);margin:auto;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative}.line-caption{font-size:11px;font-weight:750;letter-spacing:.14em;line-height:1.1}.line-search{position:absolute;right:16px;top:-8px;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;border:0;color:#fff;background:transparent;min-width:72px;height:44px;padding:0 8px;font-size:12px;font-weight:700}.line-search svg,.search-field svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.line-search:hover{background:rgba(255,255,255,.14)}.masthead{height:68px;background:#1A1212;border-bottom:1px solid var(--edge);width:100%}.masthead-inner{height:100%;max-width:var(--container);padding:0 22px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px}.mast-brand{display:flex;align-items:center;justify-self:start;min-width:0;min-height:44px}.brand-logo{height:34px;width:auto;max-width:172px;object-fit:contain;object-position:left center}.logo-text{font-size:28px;font-weight:900;letter-spacing:-.06em;color:var(--blue)}.directory-trigger{height:44px;min-width:96px;border:1px solid var(--edge);border-radius:9px;background:#0A0707;color:var(--deep);display:flex;gap:10px;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.08em}.directory-trigger:hover,.directory-trigger[aria-expanded=true]{border-color:var(--blue);background:#351E23}.hamburger{width:17px;display:grid;gap:4px}.hamburger i{height:2px;background:var(--blue);border-radius:2px}.launch-app{justify-self:end;height:44px;padding:0 17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF4D4F 0%,#E63946 50%,#C41E3A 100%);color:#fff;font-size:13px;font-weight:800;border-radius:9px;white-space:nowrap;gap:10px}.launch-app:hover,.btn-main:hover{filter:brightness(1.12);transform:translateY(-1px)}.tab-bar{height:44px;background:var(--raised);border-bottom:1px solid var(--edge)}.tab-inner{max-width:var(--container);padding:0 22px;display:flex;align-items:center;gap:6px;margin:auto;height:100%}.tab-inner a{height:44px;min-width:100px;display:flex;justify-content:center;align-items:center;border-radius:6px;font-size:13px;font-weight:750;color:var(--muted)}.tab-inner a:hover{background:#351E23;color:var(--blue)}.tab-inner a.selected{background:var(--blue);color:#fff}
.page-main{max-width:var(--container);margin:0 auto;padding:159px 22px 44px;min-width:0}.section{margin-bottom:62px;scroll-margin-top:156px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:0 0 12px;border-bottom:1px solid var(--edge)}.section-top h2{margin:0;font-size:24px}.section-overline,.eyebrow{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:.19em;text-transform:uppercase}.section-top .section-overline{display:block;margin-bottom:6px}.more-link{font-size:13px;font-weight:800;color:var(--blue);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.more-link:hover{text-decoration:underline}.subtle{color:var(--muted)}.intro-block{font-size:16px;line-height:1.92;color:var(--muted)}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:44px;border-radius:8px;padding:9px 18px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;font-weight:800;transition:filter .2s,transform .2s,background .2s}.btn-main{background:linear-gradient(135deg,#FF4D4F 0%,#E63946 50%,#C41E3A 100%);color:#fff}.btn-ghost{background:#1A1212;border:1px solid var(--blue);color:var(--blue)}.btn-ghost:hover{background:#321E22}.image-slot{position:relative;background:linear-gradient(130deg,#0A0707,#241818);border:1px solid var(--edge);overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:11px;min-width:0}.image-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.visual-empty{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:var(--deep);height:100%;width:100%;font-size:36px;font-weight:900}.visual-empty small{font-size:14px;color:var(--muted);font-weight:500}
.hero{background:linear-gradient(180deg,#201416 0%,#1A1212 100%);border:1px solid var(--edge);border-radius:14px;padding:18px 18px 30px;box-shadow:var(--shadow)}.hero-media{height:300px;max-height:300px;width:100%;border-radius:9px;background:#241818}.hero-copy{padding:26px 16px 0}.hero-copy .section-overline{display:inline-block;margin-bottom:10px}.hero-copy h1{max-width:790px;margin-bottom:13px}.hero-copy p{max-width:870px;color:var(--muted);line-height:1.85}.hero-copy .buttons{margin-top:20px}.link-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-tile{display:grid;grid-template-columns:7px 1fr 20px;gap:13px;align-items:center;min-height:92px;background:#1A1212;border:1px solid var(--edge);border-radius:11px;padding:18px}.link-tile:before{content:'';width:7px;height:30px;background:var(--bright);border-radius:3px}.link-tile:nth-child(even):before{background:var(--deep)}.link-tile strong{display:block;font-size:16px;color:var(--ink);line-height:1.2}.link-tile small{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:8px}.link-tile em{font-style:normal;color:var(--bright)}.link-tile:hover{border-color:var(--bright);box-shadow:0 10px 24px rgba(230,57,70,.12);transform:translateY(-1px)}.focus-wrap{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.17fr);gap:25px;align-items:start}.focus-photo{height:236px}.focus-copy{padding:4px 0}.focus-copy p{line-height:1.93;color:var(--muted)}.number-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.number-links a{display:flex;gap:13px;align-items:center;border-top:1px solid var(--edge);padding:9px 3px;min-height:48px;font-weight:800;font-size:14px}.number-links a b{color:var(--bright);font-size:20px}.number-links a:hover{color:var(--bright)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#1A1212;border:1px solid var(--edge);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow)}.feature-card .image-slot{border:0;border-radius:0;height:205px}.feature-card .card-body{padding:22px;display:flex;flex-direction:column;flex:1}.feature-card h3{font-size:20px;margin:0 0 12px}.feature-card p{color:var(--muted);font-size:15px;line-height:1.85;flex:1}.inline-go{font-size:14px;font-weight:850;color:var(--blue);margin-top:10px;display:inline-flex;min-height:44px;align-items:center}.inline-go:hover{text-decoration:underline}.wide-band{padding:22px;background:var(--raised);border:1px solid var(--edge);border-radius:13px;display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}.wide-band .image-slot{height:235px}.wide-band p{color:var(--muted)}.story-lines{display:grid;gap:12px}.story-line{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--edge)}.story-line b{font-size:29px;font-weight:900;letter-spacing:-.05em;color:var(--blue)}.story-line h3{margin:0 0 5px;font-size:17px}.story-line p{margin:0;font-size:14px;color:var(--muted)}.story-line a{font-size:13px;color:var(--blue);font-weight:800;min-height:44px;display:flex;align-items:center}.six-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.theme-square{padding:18px;border:1px solid var(--edge);border-radius:10px;background:#1A1212;min-height:106px}.theme-square b{display:block;color:var(--blue);font-size:13px;margin-bottom:10px;letter-spacing:.08em}.theme-square h3{font-size:17px;margin:0 0 6px}.theme-square p{font-size:13px;color:var(--muted);margin:0}.shelf-rows{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--edge);border-radius:11px;background:#1A1212;overflow:hidden}.shelf-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:17px 19px;min-height:83px;border-bottom:1px solid var(--edge)}.shelf-row:last-child{border-bottom:0}.shelf-row>b{width:43px;height:43px;border-radius:8px;background:#332023;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:17px}.shelf-row h3{font-size:16px;margin:0 0 4px}.shelf-row p{font-size:13px;margin:0;color:var(--muted)}.shelf-row a{display:flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px;font-weight:800}.ranking{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rank{border:1px solid var(--edge);border-radius:11px;background:#1A1212;padding:20px 16px}.rank b{display:block;font-size:42px;line-height:1;color:var(--blue);letter-spacing:-.08em;margin-bottom:12px}.rank strong{display:block;color:var(--ink);font-size:15px}.rank p{font-size:13px;color:var(--muted);line-height:1.65;margin:8px 0 0}.timeline{position:relative;padding-left:32px;display:grid;gap:19px}.timeline:before{content:'';position:absolute;left:10px;top:19px;bottom:22px;width:2px;background:#6E2B34}.timeline-item{position:relative;padding:18px 22px;background:#1A1212;border:1px solid var(--edge);border-radius:10px}.timeline-item:before{content:'';position:absolute;left:-30px;top:22px;width:13px;height:13px;border:3px solid var(--bright);border-radius:50%;background:#1A1212}.timeline-item span{display:inline-flex;padding:2px 9px;background:#332023;border-radius:4px;font-size:12px;color:var(--blue);font-weight:800}.timeline-item h3{margin:8px 0}.timeline-item p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{border:1px solid var(--edge);border-radius:10px;padding:19px;background:#1A1212}.step b{display:block;font-size:24px;color:var(--bright)}.step h3{font-size:16px;margin:8px 0}.step p{font-size:14px;color:var(--muted);margin:0}.app-service{background:#241113;color:#F0E8E8;display:grid;grid-template-columns:.55fr 1.45fr;align-items:center;gap:40px;padding:29px;border-radius:13px;overflow:hidden}.app-service .image-slot{height:385px;border-color:rgba(255,255,255,.17);background:#31171C}.app-service h2{color:#fff}.app-service p{line-height:1.92;color:#E6D8D8}.app-head{display:flex;align-items:center;gap:14px}.app-head .image-slot{width:58px;height:58px;border-radius:12px;flex:none}.app-head h2{margin:0}.app-service .btn-ghost{color:#fff;background:transparent;border-color:#FF9DA2}.app-service .btn-ghost:hover{background:#4A2227}.bottom-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bottom-block{background:var(--raised);border:1px solid var(--edge);border-radius:11px;padding:23px}.bottom-block h3{margin:0 0 14px}.bottom-block p{font-size:14px;color:var(--muted);line-height:1.85}.bottom-block a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--blue);font-weight:850}
/* Interior pages */
.inner-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:23px;padding:25px 29px;background:linear-gradient(120deg,#201416,#1A1212);border:1px solid var(--edge);border-radius:12px;margin-bottom:34px}.inner-hero .image-slot{height:225px}.inner-hero h1{margin:9px 0 13px}.inner-hero p{margin:0;color:var(--muted);font-size:16px}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.intro-tags span{font-size:12px;font-weight:800;color:var(--deep);background:#2C1A1D;padding:5px 11px;border-radius:5px}.article-container{max-width:1100px;margin:auto}.article-content{display:grid;gap:15px}.reading-part{background:#1A1212;border:1px solid var(--edge);border-radius:11px;padding:24px 28px;min-width:0;position:relative}.reading-part:nth-child(2n){background:#171011}.reading-part h2{display:flex;align-items:baseline;gap:12px;margin:0 0 17px;font-size:21px}.reading-part h2 .serial-no{font-size:23px;color:var(--bright);font-weight:900;letter-spacing:-.05em}.reading-part p{line-height:1.98;font-size:16px;color:var(--body);margin-bottom:13px}.reading-part p:last-child{margin:0}.article-content.mode-index .reading-part{border-left:5px solid var(--blue)}.article-content.mode-lines .reading-part{border-radius:5px;box-shadow:none}.article-content.mode-letters .reading-part{border-top:3px solid var(--blue)}.article-content.mode-steps .reading-part h2 .serial-no{background:#351E23;padding:5px 10px;border-radius:5px}.article-content.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-content.mode-grid .reading-part{height:100%}.article-content.mode-board .reading-part{border-left:3px solid #6E2B34}.article-content.mode-ranking .reading-part h2 .serial-no{font-size:42px;line-height:1}.article-content.mode-timeline{padding-left:21px;border-left:3px solid #6E2B34}.article-content.mode-timeline .reading-part{margin-left:15px}.article-content.mode-timeline .reading-part:before{content:'';position:absolute;left:-44px;top:31px;width:12px;height:12px;border-radius:50%;border:4px solid var(--bright);background:#1A1212}.article-end{margin:24px 0 42px;padding:22px 26px;border-left:4px solid var(--blue);background:var(--raised)}.article-end p{margin:0;color:var(--muted);font-size:15px}.next-links{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 45px}.next-links a{border:1px solid var(--edge);background:#1A1212;min-height:44px;border-radius:8px;padding:9px 17px;color:var(--blue);font-weight:800;font-size:14px}.next-links a:hover{border-color:var(--blue);background:#351E23}.faq-list{display:grid;gap:12px}.faq-item{background:#1A1212;padding:20px 24px;border:1px solid var(--edge);border-radius:10px}.faq-item h2{font-size:18px;margin:0 0 13px;display:flex;gap:12px}.faq-item h2 b{color:var(--bright)}.faq-item p{line-height:1.9;font-size:15px;margin:0}.disclaimer-note{background:#221719;padding:18px 22px;margin:20px 0 38px;border-radius:9px;color:var(--muted);font-size:14px}
/* Shared footer, overlays */
.site-footer{background:#080505;color:#C4B0B0;position:relative;z-index:1}.footer-inner{max-width:var(--container);padding:42px 22px 24px;margin:auto}.footer-brand-row{display:flex;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(255,220,220,.18)}.footer-mark{display:flex;align-items:center;min-height:50px}.footer-mark .brand-logo{height:30px;filter:brightness(0) invert(1)}.footer-mark .logo-text{color:#fff}.footer-brand-row strong{display:block;color:#fff;font-size:20px;line-height:1.4}.footer-brand-row span{display:block;font-size:12px;letter-spacing:.07em}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:27px 0}.footer-columns nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-columns h2{color:#FFEDED;font-size:15px;margin:0 0 4px}.footer-columns a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.footer-columns a:hover{color:#fff;text-decoration:underline}.footer-legal{padding-top:21px;border-top:1px solid rgba(255,220,220,.18);font-size:12px;line-height:1.7}.footer-legal p{margin:0 0 5px}
.overlay-shade{position:fixed;inset:0;background:rgba(0,0,0,.70);z-index:55;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.overlay-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}.directory-panel,.search-panel{position:fixed;z-index:60;visibility:hidden;pointer-events:none;opacity:0;transition:transform .26s ease,opacity .23s ease,visibility .23s ease}.directory-panel{top:90px;left:50%;width:min(100%,1220px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:#1A1212;border:1px solid var(--edge);border-top:4px solid var(--blue);border-radius:0 0 14px 14px;transform:translate(-50%,-24px);box-shadow:var(--shadow)}.directory-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.panel-intro{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--edge);background:#1A1212;gap:10px}.panel-mark{display:flex;align-items:center;gap:11px}.panel-mark .brand-logo{height:29px}.panel-mark strong{font-size:20px;color:var(--deep);line-height:1.1;display:block}.panel-mark span{font-size:12px;display:block;color:var(--muted)}.panel-close{min-width:76px;min-height:44px;border:1px solid var(--edge);border-radius:7px;background:#1A1212;color:var(--deep);font-size:13px;font-weight:800}.panel-close span{font-size:23px;font-weight:400;vertical-align:-2px;padding-left:6px}.panel-close:hover{background:#351E23;border-color:var(--blue)}.directory-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:26px}.directory-group{min-width:0}.directory-group h2{font-size:13px;letter-spacing:.15em;border-left:4px solid var(--blue);padding-left:10px;margin:0 0 18px}.directory-link{position:relative;display:block;padding:11px 16px 13px;border-bottom:1px solid var(--edge);min-height:73px}.directory-link strong{font-size:15px;color:var(--ink);display:block;margin-bottom:4px}.directory-link span{display:block;font-size:12px;color:var(--muted);line-height:1.6;padding-right:7px}.directory-link b{position:absolute;right:0;top:13px;color:var(--bright)}.directory-link:hover{background:#29191B}.search-panel{top:90px;right:max(16px,calc((100vw - 1220px)/2 + 20px));width:540px;max-width:calc(100vw - 32px);background:#1A1212;border-radius:0 0 13px 13px;box-shadow:0 18px 50px rgba(0,0,0,.6);padding:26px;transform:translateY(-20px)}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.search-top{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.search-top h2{font-size:23px;margin:5px 0 0}.search-panel label{display:block;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:11px}.search-field{display:flex;gap:10px;align-items:center;border:2px solid var(--edge);border-radius:9px;padding:0 14px;background:#1A1212}.search-field:focus-within{border-color:var(--blue)}.search-field svg{color:var(--bright);flex:none}.search-field input{height:48px;width:100%;min-width:0;border:0;outline:0;color:var(--ink);font-size:15px;background:transparent}.search-hint{font-size:12px;color:var(--light);margin:12px 0 15px}.search-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.search-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:1px solid var(--edge);border-radius:8px;padding:8px 12px;color:var(--blue);font-size:13px;font-weight:800}.search-links a:hover{background:#321E22;border-color:var(--blue)}.search-links a[hidden]{display:none}.search-empty{font-size:13px;color:var(--muted);margin:12px 0}.mobile-bar{display:none}
@media(max-width:980px){.ranking{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.focus-wrap{grid-template-columns:1fr 1fr}.tab-inner a{min-width:90px}.app-service{gap:23px}.hero-media{height:290px}}
@media(max-width:760px){html{scroll-behavior:auto}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.site-header,.brand-line,.masthead{left:0;right:0;width:100%;max-width:100vw}.line-inner,.masthead-inner{padding-left:16px;padding-right:16px}.masthead{height:68px}.masthead-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.mast-brand{max-width:142px}.brand-logo{height:29px;max-width:min(135px,100%)}.directory-trigger{height:44px;min-width:48px;padding:0 13px}.directory-label{display:none}.launch-app{padding:0 11px;font-size:12px;gap:5px}.launch-app span{display:none}.tab-bar{display:none}.page-main{padding:111px 16px 27px;width:100%;max-width:100%;min-width:0}.section{margin-bottom:41px}.section-top{align-items:start;margin-bottom:13px}.section-top h2{font-size:22px}.more-link{font-size:12px}.hero{padding:10px 10px 23px}.hero-media{height:220px;max-height:220px}.hero-copy{padding:21px 7px 0}.hero-copy h1{font-size:29px}.hero-copy p{font-size:15px}.buttons{gap:9px}.btn{font-size:13px;padding:9px 13px}.link-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.link-tile{grid-template-columns:5px 1fr;gap:11px;padding:13px;min-height:115px}.link-tile em{display:none}.link-tile strong{font-size:15px}.link-tile small{font-size:12px}.focus-wrap,.wide-band,.app-service{grid-template-columns:1fr}.focus-photo{height:205px}.card-grid{grid-template-columns:1fr}.feature-card .image-slot{height:194px}.feature-card .card-body{padding:17px 20px}.six-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.rank{padding:16px}.rank b{font-size:33px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.story-line{grid-template-columns:47px 1fr;gap:11px}.story-line>b{font-size:22px}.story-line a{grid-column:2}.shelf-row{grid-template-columns:39px 1fr;gap:12px;padding:14px 11px}.shelf-row>a{grid-column:2}.shelf-row>b{width:39px;height:39px}.app-service{padding:20px}.app-service .image-slot{height:310px;max-width:280px;width:100%;margin:auto}.bottom-blocks{grid-template-columns:1fr}.bottom-block{padding:20px}.inner-hero{grid-template-columns:1fr;gap:13px;padding:19px}.inner-hero h1{font-size:29px}.inner-hero .image-slot{height:196px}.reading-part{padding:20px 18px}.reading-part p{font-size:15px}.article-content.mode-grid{grid-template-columns:1fr}.faq-item{padding:19px 17px}.footer-inner{padding:34px 16px 20px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.footer-brand-row{gap:15px}.footer-mark .brand-logo{max-width:113px;height:25px}.mobile-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;width:100%;height:calc(50px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#1A1212;border-top:1px solid var(--edge);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 17px rgba(0,0,0,.38)}.mobile-bar a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;height:50px;color:var(--muted);font-size:11px;font-weight:750}.mobile-bar a.current{color:#fff;background:var(--blue)}.mobile-bar a:hover{color:var(--bright)}.mobile-bar a.current:hover{color:#fff}.nav-symbol{font-size:18px;line-height:1}.directory-panel{left:0;top:90px;width:100%;max-width:100vw;max-height:calc(100dvh - 90px);border-radius:0;transform:translateY(-24px)}.directory-panel.is-open{transform:translateY(0)}.panel-intro{padding:12px 16px}.directory-columns{gap:16px 10px;padding:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.directory-link{padding:11px 7px 10px;min-height:85px}.directory-link strong{font-size:14px}.directory-link span{font-size:11px;line-height:1.5}.directory-group h2{font-size:12px}.panel-mark .brand-logo{max-width:100px;height:24px}.search-panel{left:0;right:0;top:90px;bottom:0;width:100%;max-width:none;max-height:calc(100dvh - 90px);overflow-y:auto;background:var(--raised);border-radius:0;padding:25px 16px}.search-top h2{font-size:23px}.search-links{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.brand-logo{max-width:112px}.mast-brand{max-width:117px}.launch-app{font-size:11px;padding:0 9px}.directory-trigger{padding:0 11px}.hero-media{height:183px}.hero-copy h1{font-size:27px}.link-tile{padding:10px}.link-tile small{font-size:11px}.rank{padding:13px}.app-service .image-slot{height:290px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.with-media{margin-top:14px}.secondary-detail-link{margin-left:16px}

/* HONGTAO VIDEO editorial finish */
.site-header{background:#0F0A0A}.brand-line{background:#C41E3A}.masthead{background:#0F0A0A}.tab-bar{background:#0A0707}
.line-search,.line-caption{color:#fff}.logo-text{color:#FFF}.masthead .brand-logo{max-width:190px}
.directory-trigger{background:#241818;color:#F0E8E8;border-color:rgba(230,57,70,.32)}
.directory-trigger:hover,.directory-trigger[aria-expanded=true]{background:#382024}.hamburger i{background:#FF4D4F}
.launch-app,.btn-main{background:linear-gradient(135deg,#FF4D4F 0%,#C41E3A 100%);color:#fff}
.btn-ghost{background:#0F0A0A;color:#F0E8E8;border-color:#E63946}.btn-ghost:hover{background:#2C181B}
.hero{background:linear-gradient(175deg,#221315,#120B0B);border-color:rgba(230,57,70,.32)}
.hero-media,.image-slot{background:linear-gradient(135deg,#2A161A,#120B0B)}
.link-tile,.feature-card,.theme-square,.shelf-rows,.rank,.timeline-item,.step,.reading-part,.faq-item,.search-panel,.directory-panel,.next-links a{background:#1A1212}
.link-tile:nth-child(even){background:#211416}.link-tile:nth-child(odd):before{background:#FF4D4F}
.wide-band,.bottom-block,.article-end{background:#170F10}.inner-hero{background:linear-gradient(140deg,#261619,#120B0B)}
.reading-part:nth-child(even){background:#1E1415}.bottom-block h3,.feature-card h3,.rank strong,.search-panel h2,.panel-mark strong{color:#FFFFFF}
.link-tile strong,.shelf-row h3,.story-line h3,.theme-square h3,.reading-part h2,.section-top h2,.hero h1,.inner-hero h1{color:#FFFFFF}
.visual-empty{color:#FFFFFF}.visual-empty small{color:#C4B0B0}
.panel-intro{background:#241818}.directory-group h2{color:#FFE1E1}.panel-close{background:#241818;color:#F0E8E8}
.directory-link strong,.search-field input{color:#FFFFFF}.directory-link:hover,.search-links a:hover{background:#30191D}
.search-field,.search-links a{background:#1A1212;border-color:rgba(230,57,70,.32)}
.search-panel{background:#160D0E}.search-panel label{color:#E3CECE}.search-field input::placeholder{color:#A58F8F}
.tab-inner a{color:#D4BCBC}.tab-inner a:hover{color:#FFF;background:#382024}.tab-inner a.selected{background:#E63946;color:#FFF}
.number-links a b,.story-line b,.rank b,.step b,.eyebrow,.section-overline{color:#FF656B}
.more-link,.inline-go,.bottom-block a,.shelf-row a,.story-line a,.search-links a,.next-links a,.number-links a:hover{color:#FF7A7E}
.shelf-row>b,.timeline-item span,.intro-tags span{background:#341B20;color:#FFE0E1}
.app-service{background:#241113}.app-service .image-slot{background:#31191D}.app-service p{color:#F0E8E8}
.site-footer{background:#080505;color:#C4B0B0}.footer-columns h2{color:#FFE0E0}
.footer-mark .brand-logo{filter:none}.footer-brand-row strong{color:#FFFFFF}
.mobile-bar{background:#0F0A0A}.mobile-bar a{color:#C4B0B0}.mobile-bar a.current{background:#E63946;color:#fff}
.mobile-bar a.current:hover{color:#fff}.mobile-bar a:hover{color:#FF7A7E}
.search-panel{box-shadow:0 25px 55px rgba(0,0,0,.65)}.directory-panel{border-top:4px solid #E63946}
:focus-visible{outline-color:#FF6D70}.app-service .btn-ghost{border-color:#E63946;color:#FFF}
@media(max-width:760px){.site-header,.brand-line,.masthead{width:100%;max-width:100vw;left:0;right:0}.search-panel{background:#120A0B}.page-main{padding-left:16px;padding-right:16px}}
/* Narrow cover: retain the entire wide artwork without a tall empty letterbox. */
@media(max-width:760px){
  .hero-media{height:clamp(106px,calc((100vw - 54px)*0.3542),220px);max-height:220px}
  .hero-media img{width:100%;height:100%;object-fit:contain;object-position:center}
  .hero-copy{padding-top:20px}
}
@media(max-width:760px){
  .panel-mark{gap:8px}
  .panel-mark .brand-logo{max-width:84px;height:26px}
  .panel-mark strong{font-size:16px;white-space:nowrap}
  .panel-mark span{display:none}
  .panel-close{min-width:68px;padding:0 7px}
}