:root{--text: #1c1916;--muted: #5c534a;--line: #e0d3c2;--paper: #f6f1e8;--card: #ffffff;--ink: #1e242b;--ink-2: #27313b;--brick: #b8432c;--brick-2: #8e3320;--gold: #b86a12;--on-dark: #f4efe6;--on-dark-dim: #c9beb0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-x:hidden;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin:0 auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell>main{flex:1 0 auto}.site-header{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top)}.topbar{background:var(--ink);color:var(--on-dark-dim);font-size:12px}.topbar-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-links{display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-links a,.topbar-links button{color:var(--on-dark);background:none;border:0;padding:0;cursor:pointer;font-size:12px}.topbar-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-main{background:var(--ink-2)}.header-row{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--on-dark);flex-shrink:0}.brand-mark{width:44px;height:44px;background:var(--brick);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;line-height:1}.brand strong{display:block;font-size:20px;font-weight:700;line-height:1.2}.brand em{display:block;margin-top:3px;font-style:normal;font-size:12px;color:var(--on-dark-dim);line-height:1}.search-form{flex:1;height:40px;display:flex;align-items:stretch;background:var(--card);border:1px solid #d9c8b4}.search-form input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 12px;color:var(--text);font-size:14px}.search-form input:focus{outline:none}.search-form input:focus-visible,.auth-field input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brick);outline-offset:2px}.search-form input::-moz-placeholder{color:#9a8b78}.search-form input::placeholder{color:#9a8b78}.search-form button{width:76px;border:0;background:var(--brick);color:#fff;cursor:pointer;font-size:14px}.search-form button:hover{background:var(--brick-2)}.main-nav{background:var(--brick)}.nav-row{display:flex;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.main-nav a{display:inline-flex;align-items:center;height:44px;color:#fff;font-size:15px;padding:0 18px;white-space:nowrap}.main-nav a.active{background:var(--brick-2)}.main-nav a:hover{background:#0000001f}.btn-solid,.btn-line{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;font-size:14px;border-radius:2px;cursor:pointer}.btn-solid{background:var(--brick);color:#fff;border:1px solid var(--brick)}.btn-solid:hover{background:var(--brick-2)}.btn-line{background:#fff;color:var(--brick-2);border:1px solid #e2c2b6}.btn-line:hover{border-color:var(--brick)}.home-page,.inner-page{padding:22px 0 48px}.page-h1{margin:0;font-size:26px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.page-lead{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.lead-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.78fr);gap:14px 18px;margin-top:16px;align-items:stretch}.lead-feature{display:contents}.lead-still{grid-column:1;grid-row:1;min-width:0;display:block;background:#ddd4c4}.lead-copy{grid-column:1;grid-row:2;padding-top:2px}.lead-still img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover}.lead-kicker{margin:0 0 6px;color:var(--brick);font-size:12px}.lead-copy h2{margin:0 0 8px;font-size:22px;line-height:1.35}.lead-copy h2 a:hover{color:var(--brick)}.lead-copy .lead-blurb{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.lead-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.rank-box{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);padding:12px 14px 8px;min-height:0}.rank-box h2{margin:0 0 6px;font-size:16px;line-height:1.4}.rank-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}.rank-list li{display:grid;grid-template-columns:22px minmax(0,1fr) 34px;gap:8px;align-items:center;min-height:32px;border-top:1px dashed #eadfce;font-size:14px}.rank-list a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list a:hover{color:var(--brick)}.rank-no{color:#8a7b68;font-size:13px}.rank-list li:nth-child(-n+3) .rank-no{color:var(--brick);font-weight:700}.rank-list em{font-style:normal;color:var(--gold);font-size:12px;text-align:right}.block{margin-top:28px}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.block-head h2{margin:0;font-size:18px;padding-left:10px;border-left:3px solid var(--brick)}.block-head a{color:var(--brick);font-size:13px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}.poster-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}.poster-grid-row{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-link{position:relative;display:block;background:#ddd4c4;aspect-ratio:3 / 4}.poster-link img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.poster-score{position:absolute;top:0;right:0;background:#241c16c7;color:#f6e7c1;font-size:12px;line-height:1;padding:4px 6px}.poster-time{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:#241c169e;color:#f6efe4;font-size:12px}.poster-card h3{margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.poster-card h3 a:hover{color:var(--brick)}.poster-meta{margin:2px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-line{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #eadfce}.channel-line:first-child{padding-top:0}.channel-label h3{margin:0 0 6px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.channel-label a{color:var(--brick);font-size:13px}.crumb{margin-bottom:12px;font-size:13px;color:var(--muted)}.crumb a:hover{color:var(--brick)}.crumb-sep{margin:0 6px;color:#b5a48e}.cat-head{margin-bottom:14px}.filter-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);padding:8px 14px;min-height:46px}.filter-label{color:var(--muted);font-size:13px;flex-shrink:0;line-height:32px}.filter-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px}.filter-links a{display:inline-flex;align-items:center;height:32px;padding:0 10px;font-size:14px;color:#3f3428;line-height:1}.filter-links a.on{color:var(--brick);font-weight:700}.filter-links a:hover{color:var(--brick)}.detail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;margin-top:4px;align-items:start}.detail-info{min-width:0}.detail-cover img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;background:#ddd4c4}.detail-score{margin:8px 0 0;color:var(--gold);font-size:14px}.detail-desc{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.meta-table{margin:8px 0 0}.meta-table div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px dotted var(--line);font-size:14px}.meta-table dt{color:var(--muted)}.meta-table dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.player-head{display:flex;align-items:flex-end;justify-content:flex-start;gap:16px;margin-bottom:12px}.player-head .page-h1{margin:0}.player-head .btn-line{flex-shrink:0;margin-bottom:2px}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;max-height:min(56.25vw,calc(100dvh - 220px));touch-action:manipulation}.video-frame--play{-webkit-touch-callout:none}.video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports not (aspect-ratio: 16 / 9){.video-frame{height:0;padding-bottom:56.25%}.video-el{position:absolute;left:0;top:0}}.play-desc{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.play-side{border-left:1px solid var(--line);padding-left:16px;min-width:0}.play-side h2{margin:0 0 4px;font-size:16px;line-height:1.4}.side-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;min-height:78px;padding:8px 0;border-bottom:1px solid #eadfce}.side-item img{width:64px;height:84px;-o-object-fit:cover;object-fit:cover;background:#ddd4c4}.side-item strong{display:block;font-size:14px;line-height:1.4}.side-item p,.side-item span{margin:4px 0 0;color:var(--muted);font-size:12px}.side-item:hover strong{color:var(--brick)}.site-footer{background:var(--ink);color:var(--on-dark-dim);padding-bottom:max(0px,env(safe-area-inset-bottom))}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px;padding:28px 0 20px}.footer-grid strong{display:block;color:var(--on-dark);font-size:16px;margin-bottom:8px}.footer-grid p{margin:0;font-size:13px;line-height:1.75}.footer-grid b{display:block;color:var(--on-dark);font-size:14px;margin-bottom:8px;font-weight:600}.footer-grid a{display:block;color:var(--on-dark-dim);font-size:13px;line-height:1.5;padding:3px 0}.footer-grid a:hover{color:var(--on-dark)}.footer-bottom{border-top:1px solid #33404c;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 14px;font-size:12px;color:#9aa6b2}.home-note h2{margin:0 0 8px;font-size:18px;padding-left:10px;border-left:3px solid var(--brick)}.home-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.search-empty{margin:28px 0 0;color:var(--muted);font-size:14px}.auth-wrap{max-width:400px;margin-top:8px}.auth-wrap h1{margin:0 0 8px;font-size:22px}.auth-wrap>p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.7}.auth-field{margin-bottom:14px}.auth-field label{display:block;margin-bottom:6px;font-size:13px;color:#4e4338}.auth-field input{width:100%;height:38px;border:1px solid var(--line);background:var(--card);padding:0 10px;font-size:14px;border-radius:0}.auth-field input:focus{outline:1px solid var(--brick);border-color:var(--brick)}.auth-submit{width:100%;margin-top:4px}.auth-err{margin:0 0 10px;font-size:13px;color:#9f1239}.auth-switch{margin:16px 0 0;font-size:14px;color:var(--muted)}.auth-switch a{color:var(--brick);margin-left:6px}@media (max-width: 1100px){.poster-grid,.poster-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.header-row{gap:16px}.lead-grid,.detail-layout,.play-layout,.footer-grid,.channel-line{grid-template-columns:1fr}.lead-still,.lead-copy,.rank-box{grid-column:1;grid-row:auto}.channel-line{align-items:start}.play-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}.poster-grid-row{grid-template-columns:repeat(4,minmax(0,1fr))}.brand strong{font-size:18px}}@media (max-width: 720px){.container{width:min(100% - 20px,1120px)}.topbar-row{align-items:flex-start;padding:8px 0}.header-row{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:12px 0}.search-form{height:44px}.search-form input,.auth-field input{font-size:16px}.main-nav a{height:44px;padding:0 12px}.filter-links a{min-height:36px;display:inline-flex;align-items:center}.page-h1{font-size:22px}.poster-grid,.poster-grid-wide,.poster-grid-row{grid-template-columns:repeat(3,minmax(0,1fr))}.player-head{flex-direction:column;align-items:stretch}.player-head .btn-line{width:100%;margin-bottom:0}.video-frame{max-height:min(56.25vw,calc(100vh - 160px));max-height:min(56.25vw,calc(100dvh - 160px));max-height:min(56.25vw,calc(100svh - 160px))}main.play-route{padding-bottom:max(24px,env(safe-area-inset-bottom))}.footer-bottom{flex-direction:column;justify-content:center;text-align:center;padding:12px 0}.lead-actions .btn-solid,.lead-actions .btn-line,.detail-actions .btn-solid,.detail-actions .btn-line{flex:1}}@media (max-width: 520px){.poster-grid,.poster-grid-wide,.poster-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-links a{padding:4px 10px}}