:root{--paper: #F6F1E4;--paper-2: #FBF7EC;--white: #FFFFFF;--card: #FFFFFF;--ink: #1B1F2C;--ink-2: #2D3548;--text-dim: #4A5468;--muted: #7A8294;--line: #E8E1CE;--line-soft: #F1EBDB;--line-strong:#D7CDB3;--red: #C73E2C;--red-deep: #A02E1F;--red-soft: rgba(199, 62, 44, .08);--navy: #1E4978;--navy-soft: rgba(30, 73, 120, .08);--gold: #B8924A;--jade: #2C7A5C;--shadow-card: 0 2px 6px rgba(27, 31, 44, .04), 0 12px 28px rgba(27, 31, 44, .06);--shadow-soft: 0 18px 48px rgba(27, 31, 44, .08);--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--font-sans: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Cormorant Garamond", Georgia, "Songti SC", serif;--font-italic:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-eyebrow:"Bebas Neue", "Cormorant Garamond", sans-serif;font-family:var(--font-sans);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-tap-highlight-color:rgba(199,62,44,.12);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img,picture,video,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}@media (min-width: 720px){input,select,textarea{font-size:14px}}button{cursor:pointer;background:none;border:none;padding:0}::-moz-selection{background:var(--red);color:#fff}::selection{background:var(--red);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:8px;z-index:1000;padding:8px 16px;background:var(--ink);color:#fff;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus,.skip-link:focus-visible{top:8px;outline:2px solid var(--red);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:light}.container{width:100%;max-width:1260px;margin:0 auto;padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px))}@media (max-width: 720px){.container{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--paper)}.not-found-page{padding-top:28px}.not-found-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;margin:24px 0 36px;box-shadow:var(--shadow-card)}.not-found-code{font-family:var(--font-eyebrow);font-size:clamp(64px,12vw,120px);font-weight:900;color:var(--red);letter-spacing:.08em;line-height:1;display:inline-block;margin-bottom:12px}.not-found-card h1{font-family:var(--font-serif);margin:0 0 14px;font-size:clamp(22px,4vw,30px);color:var(--ink)}.not-found-card p{max-width:560px;margin:0 auto 24px;color:var(--text-dim);font-size:14px;line-height:1.85}.not-found-card .hero-actions{justify-content:center}.primary-btn,.secondary-btn{height:44px;padding:0 22px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.04em;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.primary-btn{color:#fff;background:var(--red);box-shadow:0 6px 14px #c73e2c40}.primary-btn:hover{background:var(--red-deep);transform:translateY(-1px)}.secondary-btn{color:var(--ink);background:var(--white);border-color:var(--line-strong)}.secondary-btn:hover{border-color:var(--red);color:var(--red)}.header-root{position:sticky;top:0;z-index:60;background:#fbf7ecf0;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.header-root{background:var(--paper-2)}}.utility-row{background:var(--ink);color:#e9e2cc;font-size:12px}.utility-inner{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:16px}.utility-ticker{display:inline-flex;align-items:center;gap:10px;letter-spacing:.04em;overflow:hidden;white-space:nowrap}.utility-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #c73e2c40;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{box-shadow:0 0 #c73e2c66}50%{box-shadow:0 0 0 6px #c73e2c00}}.utility-links{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.utility-link{color:#e9e2cc;background:transparent;border:none;padding:0;cursor:pointer;font-size:12px;letter-spacing:.04em;transition:color .2s ease}.utility-link:hover{color:#fff}.utility-link--accent{color:#f4b5a8;font-weight:600}.utility-divider{color:#ffffff40}.utility-user{color:#f4b5a8}.site-header{background:transparent}.nav-row{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-icon{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--red) 0%,var(--red-deep) 100%);font-family:var(--font-serif);font-weight:900;font-size:21px;box-shadow:0 6px 14px #c73e2c47;flex-shrink:0}.brand-text{line-height:1.1}.brand-text strong{display:block;font-family:var(--font-serif);font-weight:900;font-size:22px;color:var(--ink);letter-spacing:.02em}.brand-text p{margin:4px 0 0;font-family:var(--font-eyebrow);font-size:11px;letter-spacing:.38em;color:var(--red)}.main-nav{display:inline-flex;align-items:center;justify-content:center;gap:4px}.main-nav a{position:relative;font-size:14px;font-weight:500;color:var(--ink-2);padding:8px 16px;letter-spacing:.04em;transition:color .2s ease;border-radius:var(--radius-sm)}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-2px;height:2px;background:var(--red);transition:left .25s ease,right .25s ease}.main-nav a:hover{color:var(--red)}.main-nav a:hover:after,.main-nav a.active:after{left:16px;right:16px}.main-nav a.active{color:var(--red);font-weight:700}.search-form{width:280px;max-width:100%;height:40px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);display:inline-flex;align-items:stretch;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.search-form:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #c73e2c1f}.search-icon{display:inline-grid;place-items:center;width:38px;color:var(--red);font-size:16px}.search-form input{flex:1;min-width:0;border:none;background:transparent;padding:0 6px 0 0;font-size:13px;color:var(--ink)}.search-form input::-moz-placeholder{color:var(--muted)}.search-form input::placeholder{color:var(--muted)}.search-form input:focus{outline:none}.search-form button{flex-shrink:0;border:none;cursor:pointer;padding:0 18px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#fff;background:var(--red);transition:background .2s ease}.search-form button:hover{background:var(--red-deep)}.home-page{background:transparent}.hero-banner{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 12% 30%,rgba(199,62,44,.1),transparent 60%),radial-gradient(900px 520px at 88% 70%,rgba(30,73,120,.08),transparent 65%),var(--paper-2);color:var(--ink);padding:72px 0 80px;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(27,31,44,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,44,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(closest-side at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 30%,transparent 80%);opacity:.8}.hero-bg-glow{display:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.hero-text{max-width:620px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-eyebrow);font-size:13px;letter-spacing:.42em;color:var(--red);padding:6px 14px;border:1px solid rgba(199,62,44,.25);border-radius:999px;background:var(--red-soft)}.hero-text h1{margin:22px 0;font-family:var(--font-serif);font-weight:900;font-size:clamp(32px,5vw,56px);line-height:1.15;letter-spacing:.01em;color:var(--ink);isolation:isolate}.hero-text h1 em{font-family:var(--font-italic);font-style:italic;font-weight:700;color:var(--red);position:relative;padding:0 .1em}.hero-text h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:#c73e2c26;z-index:-1}.hero-text p{margin:0;font-size:16px;line-height:1.95;color:var(--text-dim)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-actions.center{justify-content:center}.hero-stats{margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:22px}.hero-stat{display:flex;flex-direction:column;gap:6px;padding:0 18px;border-left:1px solid var(--line)}.hero-stat:first-child{border-left:none;padding-left:0}.hero-stat strong{font-family:var(--font-serif);font-weight:900;font-size:26px;color:var(--red);letter-spacing:.02em}.hero-stat span{font-size:12px;letter-spacing:.1em;color:var(--muted)}.hero-poster{display:flex;justify-content:flex-end;align-items:center;min-width:0}.hero-poster-frame{position:relative;width:100%;max-width:340px;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;background:var(--white);box-shadow:var(--shadow-soft);transform:rotate(-1.5deg);transition:transform .35s ease;border:1px solid var(--line)}.hero-poster-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,255,255,.55);border-radius:10px;z-index:2;pointer-events:none}.hero-poster-frame:hover{transform:rotate(0) translateY(-4px)}.hero-poster-frame img,.hero-poster-frame video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:var(--paper-2);pointer-events:none}.hero-poster-tag{position:absolute;top:18px;left:18px;z-index:3;font-family:var(--font-eyebrow);font-size:12px;letter-spacing:.3em;padding:6px 12px;background:var(--red);color:#fff;border-radius:4px}.hero-poster-meta{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;padding:14px 16px;background:linear-gradient(180deg,#0000,#000000d9 60%);border-radius:10px;color:#fff}.hero-poster-meta strong{display:block;font-family:var(--font-serif);font-size:19px}.hero-poster-meta p{margin:6px 0 8px;font-size:12px;color:#ffffffd9;letter-spacing:.04em}.hero-poster-score{color:#f4b5a8;font-weight:700;font-size:13px;letter-spacing:.04em}.seo-intro{background:var(--white);border-bottom:1px solid var(--line);padding:44px 0}.seo-intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.seo-intro-text{min-width:0}.seo-intro-text .section-eyebrow{margin-bottom:10px}.seo-intro-text h2{margin:0 0 18px;font-family:var(--font-serif);font-weight:900;font-size:clamp(22px,2.6vw,30px);color:var(--ink);letter-spacing:.02em;position:relative;padding-left:18px}.seo-intro-text h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--red);border-radius:2px}.seo-intro-text p{margin:0 0 12px;color:var(--text-dim);line-height:1.95;font-size:14.5px}.seo-intro-text p strong{color:var(--ink);font-weight:700}.seo-intro-text p a{color:var(--red);font-weight:600;border-bottom:1px dashed rgba(199,62,44,.4);padding-bottom:1px;margin:0 2px}.seo-intro-text p a:hover{color:var(--red-deep);border-bottom-color:var(--red-deep)}.seo-intro-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.seo-intro-points li{padding:16px 16px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);transition:border-color .2s ease,transform .2s ease}.seo-intro-points li:hover{border-color:var(--red);transform:translateY(-2px)}.seo-intro-points strong{display:block;font-family:var(--font-serif);font-size:15px;color:var(--red);margin-bottom:6px;letter-spacing:.04em}.seo-intro-points span{font-size:12.5px;color:var(--text-dim);line-height:1.75;letter-spacing:.03em}.breadcrumb{margin:4px 0 18px}.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:13px;color:var(--text-dim);letter-spacing:.03em}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-list a{color:var(--text-dim);transition:color .2s ease}.breadcrumb-list a:hover{color:var(--red)}.breadcrumb-sep{margin:0 10px;color:var(--muted);opacity:.6}.breadcrumb-current{color:var(--ink);font-weight:600}.content-shell{background:transparent;padding:56px 0 72px}.home-sections,.detail-layout,.category-layout,.play-layout{display:grid;gap:52px}.home-section-block{background:transparent}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--line);min-width:0}.section-title>div{min-width:0}.section-title.bar-title>div{position:relative;padding-left:16px}.section-title.bar-title>div:before{content:"";position:absolute;left:0;top:6px;bottom:8px;width:3px;border-radius:2px;background:var(--red)}.section-title h1,.section-title h2{margin:0;font-family:var(--font-serif);font-weight:900;font-size:26px;color:var(--ink);letter-spacing:.02em}.section-eyebrow{display:inline-block;font-family:var(--font-eyebrow);font-size:12px;letter-spacing:.42em;color:var(--red);margin-bottom:6px}.section-title p{margin:8px 0 0;color:var(--muted);font-size:14px;letter-spacing:.03em}.section-more{font-family:var(--font-eyebrow);letter-spacing:.22em;font-size:13px;color:var(--red);padding:8px 16px;border:1px solid rgba(199,62,44,.35);border-radius:999px;transition:background .2s ease,color .2s ease}.section-more:hover{background:var(--red);color:#fff}.left-title{margin-bottom:22px;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:14px}.left-title.small-gap{margin-bottom:16px;padding-bottom:10px}.small-gap{margin-bottom:18px}.card-grid{display:grid;gap:24px;align-items:stretch}.card-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{gap:16px}.video-card{background:transparent;position:relative;display:flex;flex-direction:column;height:100%;min-width:0;transition:transform .2s ease}.video-card:hover{transform:translateY(-3px)}.video-thumb{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius);background:var(--paper-2);box-shadow:var(--shadow-card);border:1px solid var(--line);transition:border-color .25s ease,box-shadow .25s ease}.video-card:hover .video-thumb{border-color:var(--red);box-shadow:0 6px 12px #c73e2c1f,0 16px 36px #1b1f2c1a}.video-thumb img,.video-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:var(--paper-2);transition:transform .45s ease;pointer-events:none}.video-card:hover .video-thumb img,.video-card:hover .video-thumb video{transform:scale(1.05)}.thumb-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000 55%,#0000008c);pointer-events:none}.tag-left,.tag-score{position:absolute;top:10px;height:22px;padding:0 9px;border-radius:4px;display:inline-flex;align-items:center;font-size:11px;letter-spacing:.04em;font-weight:700;z-index:2}.tag-left{left:10px;background:var(--red);color:#fff}.tag-score{right:10px;background:#fffffff2;color:var(--red-deep);border:1px solid rgba(199,62,44,.2)}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;background:#1b1f2c73;transition:opacity .2s ease;z-index:2}.video-card:hover .thumb-overlay{opacity:1}.thumb-play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:18px;padding-left:4px;box-shadow:0 8px 18px #c73e2c73}.thumb-overlay-meta{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:12px;color:#fff;letter-spacing:.04em;text-align:center}.thumb-title{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;font-family:var(--font-serif);font-weight:700;font-size:15px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.75);letter-spacing:.02em;pointer-events:none}.video-body{padding:14px 2px 4px;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-width:0}.video-body h3{margin:0;font-family:var(--font-serif);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:.02em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.video-body h3 a{transition:color .2s ease}.video-body h3 a:hover{color:var(--red)}.video-meta{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);letter-spacing:.03em}.meta-genre{color:var(--red);padding:2px 8px;background:var(--red-soft);border-radius:4px;font-size:11px;font-weight:600}.meta-year,.meta-hot{color:var(--text-dim)}.video-card.compact .video-thumb{aspect-ratio:2 / 3}.video-card.compact .video-body h3{font-size:15px}.category-row-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.channel-panel{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 22px 22px;box-shadow:var(--shadow-card)}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--line)}.channel-sub{display:block;font-family:var(--font-eyebrow);font-size:11px;letter-spacing:.4em;color:var(--red);margin-bottom:4px}.channel-head h3{margin:0;font-family:var(--font-serif);font-weight:700;font-size:20px;color:var(--ink)}.channel-head a{font-family:var(--font-eyebrow);font-size:12px;letter-spacing:.22em;color:var(--red);transition:color .2s ease}.channel-head a:hover{color:var(--red-deep)}.channel-panel .card-grid.three-col{grid-template-columns:1fr;gap:14px}.channel-panel .video-card{flex-direction:row;gap:14px;align-items:stretch}.channel-panel .video-thumb{width:92px;flex-shrink:0;aspect-ratio:2 / 3;border-radius:var(--radius)}.channel-panel .thumb-title{display:none}.channel-panel .thumb-shade{background:none}.channel-panel .video-body{padding:4px 0 0;flex:1;min-width:0}.channel-panel .video-body h3{font-size:15px;margin-bottom:6px}.inner-page.content-shell{padding-top:36px;padding-bottom:64px}.page-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card)}.page-head-panel{padding:28px}.inline-badge{display:inline-flex;align-items:center;align-self:flex-start;width:-moz-fit-content;width:fit-content;height:28px;padding:0 12px;border-radius:4px;font-family:var(--font-eyebrow);font-size:12px;letter-spacing:.26em;color:var(--red);background:var(--red-soft);border:1px solid rgba(199,62,44,.2)}.search-empty{margin:0;color:var(--muted);font-size:15px;text-align:center;padding:12px 0}.category-shell .category-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:flex-start}.category-sidebar{position:sticky;top:96px;display:grid;gap:18px;align-self:start}.sidebar-block{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 16px;box-shadow:var(--shadow-card)}.sidebar-title{margin-bottom:14px}.sidebar-title .section-eyebrow{margin-bottom:4px}.sidebar-title h3{margin:0;font-family:var(--font-serif);font-weight:700;font-size:17px;color:var(--ink)}.sidebar-list{display:flex;flex-direction:column;gap:2px}.sidebar-list.compact{gap:0}.sidebar-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 10px 16px;border-radius:var(--radius);cursor:pointer;color:var(--ink-2);font-size:14px;letter-spacing:.03em;transition:background .2s ease,color .2s ease}.sidebar-item:before{content:"";position:absolute;left:4px;top:50%;width:3px;height:14px;transform:translateY(-50%) scaleY(.4);border-radius:2px;background:var(--red);opacity:0;transition:opacity .2s ease,transform .2s ease}.sidebar-item:hover{background:var(--paper-2);color:var(--red)}.sidebar-item.is-active{background:var(--red-soft);color:var(--red);font-weight:600}.sidebar-item.is-active:before{opacity:1;transform:translateY(-50%) scaleY(1)}.sidebar-item-arrow{color:var(--muted);font-size:18px}.sidebar-item.is-active .sidebar-item-arrow{color:var(--red)}.sidebar-tip{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:16px 18px;background:var(--paper-2)}.sidebar-tip strong{display:block;font-family:var(--font-serif);font-size:14px;color:var(--red);margin-bottom:6px;letter-spacing:.04em}.sidebar-tip p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.75}.category-main{min-width:0;display:flex;flex-direction:column}.category-head{margin-bottom:28px;padding:28px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c73e2c12,#1e49780a),var(--white);position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.category-head:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(199,62,44,.15),transparent 70%);pointer-events:none;z-index:0}.category-head>*{position:relative;z-index:1}.category-head .section-eyebrow{margin-bottom:6px}.category-head h1{margin:4px 0 6px;font-family:var(--font-serif);font-weight:900;font-size:clamp(24px,3.6vw,32px);color:var(--ink);letter-spacing:.02em;line-height:1.25}.category-head p{margin:0 0 18px;color:var(--text-dim);font-size:14px;letter-spacing:.03em}.category-head p strong{color:var(--red);font-weight:700;padding:0 4px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--ink-2);font-size:13px;letter-spacing:.04em;transition:background .2s ease,color .2s ease,border-color .2s ease}.filter-chip:hover{border-color:var(--red);color:var(--red)}.filter-chip.is-active{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.detail-panel{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:28px;align-items:start}.detail-cover{position:relative}.detail-cover img,.detail-cover video{width:100%;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:block;background:var(--paper-2);pointer-events:none}.detail-info{min-width:0;display:flex;flex-direction:column;gap:14px}.detail-info>*{margin:0}.detail-info h1,.player-head-simple h1{margin:0;font-family:var(--font-serif);font-weight:900;font-size:clamp(24px,3vw,32px);color:var(--ink);letter-spacing:.02em;line-height:1.25;word-break:break-word}.detail-info .detail-tags{margin-bottom:0}.detail-info .hero-actions{margin-top:6px}.detail-info-grid{margin-top:4px}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.detail-tags span{height:30px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;font-size:12.5px;letter-spacing:.04em;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line)}.detail-info>p{color:var(--text-dim);line-height:1.95;font-size:14px}.detail-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.detail-info-grid>div{padding:14px 16px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line)}.detail-info-grid span{display:block;margin-bottom:6px;font-family:var(--font-eyebrow);font-size:11px;letter-spacing:.3em;color:var(--red)}.detail-info-grid strong{font-family:var(--font-serif);font-weight:600;color:var(--ink);font-size:14.5px}.play-route{background:transparent}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.player-panel{min-width:0;padding:24px}.player-head-simple{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.player-head-simple>div{display:flex;flex-direction:column;gap:8px;min-width:0}.player-head-simple .inline-badge{align-self:flex-start}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:#000;border:1px solid var(--line);box-shadow:var(--shadow-soft);max-height:min(56.25vw,calc(100dvh - 240px));touch-action:manipulation}.video-frame--play{-webkit-touch-callout:none}.video-error{position:absolute;inset:0 0 auto 0;padding:10px 14px;background:#cc2626eb;color:#fff;font-size:13px;text-align:center;letter-spacing:.3px;line-height:1.5;z-index:2;word-break:break-all}.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-info-section{margin-top:20px;padding:22px 24px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line)}.play-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.play-info-title{margin:0;font-family:var(--font-serif);font-weight:700;font-size:19px;color:var(--ink)}.play-info-tags{margin-bottom:0}.play-info-desc{margin:14px 0 0;color:var(--text-dim);font-size:14px;line-height:1.95}.play-info-grid{margin-top:16px}.side-panel{padding:24px}.side-list{display:grid;gap:12px}.side-item{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-2);transition:background .2s ease,border-color .2s ease}.side-item:hover{background:#fff;border-color:var(--red)}.side-item img,.side-item video{width:80px;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);display:block;background:var(--paper-2);pointer-events:none}.side-item strong{display:block;font-family:var(--font-serif);font-weight:700;font-size:14.5px;color:var(--ink)}.side-item p,.side-item span{margin:6px 0 0;color:var(--text-dim);font-size:12px;letter-spacing:.03em}.auth-page{min-height:60vh;display:grid;place-items:center;padding:60px 16px 80px}.auth-card{width:min(440px,100%);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 32px 30px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--navy))}.auth-card h1{margin:0 0 10px;font-family:var(--font-serif);font-weight:900;font-size:24px;color:var(--ink)}.auth-card>p:first-of-type{margin:0 0 22px;color:var(--text-dim);font-size:13px;line-height:1.8}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:8px;font-family:var(--font-eyebrow);font-size:11px;letter-spacing:.3em;color:var(--red)}.auth-field input{width:100%;height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;font-size:14px;background:var(--white);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.auth-field input::-moz-placeholder{color:var(--muted)}.auth-field input::placeholder{color:var(--muted)}.auth-field input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #c73e2c1f}.auth-submit{width:100%;margin-top:4px}.auth-err{margin:0 0 12px;font-size:13px;color:var(--red)}.auth-switch{margin:22px 0 0;text-align:center;font-size:13px;color:var(--text-dim)}.auth-switch a{color:var(--red);font-weight:700;margin-left:4px}.site-footer{margin-top:auto;background:var(--ink);color:#d8d4c5;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));position:relative}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--red) 0%,var(--red-deep) 50%,var(--navy) 100%)}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr 1.1fr 1.2fr;gap:36px;padding:56px 0 40px;align-items:flex-start}.footer-col{min-width:0}.footer-col h4{margin:0 0 18px;font-family:var(--font-serif);font-weight:700;font-size:16px;color:#fff;letter-spacing:.04em;position:relative;padding-bottom:12px}.footer-col h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--red)}.footer-brand .footer-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.footer-brand .footer-brand-row strong{font-family:var(--font-serif);font-weight:900;font-size:22px;color:#fff}.footer-brand>p{margin:0 0 22px;color:#b8b4a5;font-size:13px;line-height:1.95}.footer-actions{display:flex;gap:12px;flex-wrap:wrap}.footer-actions .primary-btn,.footer-actions .secondary-btn{height:40px;padding:0 18px;font-size:13px}.footer-actions .secondary-btn{color:#fff;background:transparent;border-color:#ffffff40}.footer-actions .secondary-btn:hover{border-color:var(--red);color:#f4b5a8}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{color:#b8b4a5;font-size:13px;letter-spacing:.04em;position:relative;padding-left:14px;transition:color .2s ease,padding-left .2s ease}.footer-links a:before{content:"›";position:absolute;left:0;color:var(--red);font-weight:700}.footer-links a:hover{color:#fff;padding-left:18px}.footer-tags{display:flex;flex-wrap:wrap;gap:8px}.footer-tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#d8d4c5;font-size:12px;letter-spacing:.04em;transition:background .2s ease,color .2s ease,border-color .2s ease}.footer-tag:hover{background:var(--red);color:#fff;border-color:var(--red)}.footer-about{margin:0 0 14px;color:#b8b4a5;font-size:13px;line-height:1.95}.footer-meta{margin:0;display:flex;flex-direction:column;gap:6px;color:#8c8775;font-size:12px;letter-spacing:.03em}.footer-bottom-wrap{border-top:1px solid rgba(255,255,255,.08);background:#00000059}.footer-bottom{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8c8775;font-size:12px;letter-spacing:.04em;padding-bottom:max(0px,env(safe-area-inset-bottom))}@media (max-width: 1200px){.nav-row{gap:18px}.search-form{width:220px}.main-nav a{padding:8px 12px}}@media (max-width: 1080px){.hero-inner{grid-template-columns:1fr;gap:36px}.hero-poster{justify-content:center}.hero-poster-frame{transform:none}.seo-intro-grid{grid-template-columns:1fr;gap:28px}.seo-intro-points{grid-template-columns:repeat(4,minmax(0,1fr))}.category-row-tabs,.play-layout{grid-template-columns:1fr}.detail-panel{grid-template-columns:220px 1fr;gap:24px;padding:22px}.detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-shell .category-layout{grid-template-columns:1fr}.category-sidebar{position:static;grid-template-columns:1fr 1fr;gap:14px}.sidebar-tip{grid-column:1 / -1}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.nav-row{grid-template-columns:1fr;gap:12px;min-height:auto;padding:12px 0 14px}.brand{justify-self:center}.main-nav{width:100%;overflow-x:auto;justify-content:flex-start;padding:4px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.main-nav::-webkit-scrollbar{height:4px}.main-nav::-webkit-scrollbar-thumb{background:#c73e2c59;border-radius:4px}.main-nav a{flex-shrink:0;padding:8px 14px}.search-form{width:100%}.utility-inner{flex-wrap:wrap;gap:8px;padding:6px 0;min-height:auto}.utility-ticker{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.hero-banner{padding:48px 0 52px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.hero-stat:nth-child(3){border-left:none;padding-left:0}.hero-actions .primary-btn,.hero-actions .secondary-btn{flex:1;min-width:140px}.seo-intro{padding:36px 0}.seo-intro-points{grid-template-columns:1fr 1fr}.content-shell,.inner-page.content-shell{padding:28px 0 44px}.home-sections,.detail-layout,.category-layout,.play-layout{gap:32px}.page-panel,.player-panel,.side-panel{padding:18px}.detail-panel{padding:18px;gap:20px;grid-template-columns:1fr}.detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-cover{max-width:220px;margin:0 auto}.section-title{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:12px;margin-bottom:20px}.section-title h1,.section-title h2{font-size:22px}.card-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-row-tabs{gap:18px}.category-head{padding:20px}.category-head h1{font-size:22px}.category-sidebar{grid-template-columns:1fr}.sidebar-tip{grid-column:auto}.filter-row{gap:8px}.filter-chip{height:32px;padding:0 14px;font-size:12px}.breadcrumb{margin:0 0 14px;font-size:12px}.footer-grid{grid-template-columns:1fr;gap:28px;padding:36px 0 24px}.footer-bottom{flex-direction:column;justify-content:center;text-align:center;padding:14px 0}}@media (max-width: 560px){.card-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-grid.card-grid.three-col,.seo-intro-points{grid-template-columns:1fr}.channel-panel .video-thumb{width:80px}.hero-text h1{font-size:clamp(26px,8vw,34px)}.hero-text{text-align:left}.hero-eyebrow{font-size:11px;letter-spacing:.3em}.detail-info h1,.player-head-simple h1{font-size:clamp(20px,6vw,26px)}.player-head-simple{flex-direction:column;align-items:stretch;gap:12px}.player-head-simple .secondary-btn{width:100%}.detail-info-grid{grid-template-columns:1fr}.video-frame{border-radius:var(--radius);max-height:min(56.25vw,calc(100vh - 180px));max-height:min(56.25vw,calc(100dvh - 180px));max-height:min(56.25vw,calc(100svh - 180px))}.video-body h3{font-size:14px}.video-meta{font-size:11px;gap:8px}.thumb-title{font-size:13px}.container{padding-left:14px;padding-right:14px}.channel-panel{padding:16px}.channel-head{margin-bottom:14px;padding-bottom:12px}}@media (max-width: 400px){.card-grid.three-col{grid-template-columns:1fr;gap:16px}}