/* Frontend visual system. Loaded after the original functional styles. */
:root{--accent:#e96936;--accent-2:#bc5026;--ink:#24272c;--muted:#74777e;--line:#e8e6e2;--surface:#fff;--shadow:0 8px 24px rgba(30,30,35,.045)}
body{background:#f7f6f3;color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:145px}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e96936;outline-offset:4px}::selection{background:#ffe1ce;color:#533020}
.container{width:100%;max-width:1328px;margin-inline:auto;padding:26px 40px}
.navbar{position:sticky;top:0;z-index:20;margin:0;padding:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(16px)}
.navbar .navbar-row{display:grid;grid-template-columns:auto 1fr auto;gap:0 34px;padding-top:18px;padding-bottom:18px}
.navbar .logo{display:inline-flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.7px;color:var(--ink);line-height:1.3}
.navbar .logo:not(.logo--image):before{content:"";width:32px;height:34px;flex:none;background:var(--accent);border-radius:11px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,35% 27%,35% 73%,73% 50%,35% 27%,0 0)}
.navbar .nav-links-main{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 5px;min-width:0}
.navbar .nav-links a{padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;white-space:nowrap;color:#5c6067;transition:background .2s,color .2s}
.navbar .nav-links a:hover,.navbar .nav-links a[aria-current="page"]{color:#bb4f27;background:#fff1e8}
.navbar .nav-links-user{gap:6px;justify-content:flex-end}.navbar .nav-links-user>a:last-child{background:#24272c;color:#fff;padding:9px 17px;border-radius:8px}
.user-info{font-size:12px;gap:8px}.user-info .avatar{width:30px;height:30px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.points-badge{font-size:11px;background:#fff2df;border:0;color:#986224;padding:3px 8px}

/* The original featured content remains in place; only its composition changes. */
.home-hero-banner{padding:34px 0 36px;background:#202429;background-image:radial-gradient(ellipse at 90% 0,rgba(149,104,68,.18),transparent 60%);box-shadow:none}
.home-hero-banner--has-image{background-image:linear-gradient(90deg,rgba(22,26,31,.95),rgba(22,26,31,.75)),var(--hero-bg-img);background-size:cover}
.home-intro{display:flex;justify-content:space-between;align-items:flex-end;padding-top:0;padding-bottom:24px;color:#fff}
.section-kicker{display:block;color:#c57f58;font-size:10px;font-weight:600;letter-spacing:3px;margin-bottom:7px}
.home-intro h1{font-size:28px;line-height:1.4;letter-spacing:1px;font-weight:600}.home-intro p{font-size:12px;color:#a7a9ae;margin-top:5px}
.home-intro-link{color:#d5d5d6;text-decoration:none;font-size:12px;white-space:nowrap;border-bottom:1px solid #575b60;padding-bottom:4px}
.home-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;min-height:0;padding-top:0;padding-bottom:0;max-width:1328px}
.home-hero-main{min-width:0}.home-hero-feature{min-height:0;height:396px;border-radius:12px;box-shadow:none;background:#30343a;isolation:isolate}
.home-hero-feature img,.home-hero-feature .home-hero-video{object-position:center 35%}
.home-hero-feature:after{content:"本期推荐";position:absolute;left:24px;top:22px;z-index:2;background:rgba(20,23,27,.56);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:4px 12px;border-radius:5px;font-size:11px;letter-spacing:2px;pointer-events:none}
.home-hero-overlay,.home-hero-feature:hover .home-hero-overlay,.home-hero-feature:focus-within .home-hero-overlay{height:65%;min-height:0;background:linear-gradient(0deg,rgba(10,12,16,.92),rgba(10,12,16,.32) 65%,transparent)}
.home-hero-overlay-inner{padding:26px 28px;flex-direction:column-reverse;justify-content:flex-start;gap:17px}
.home-hero-feature-title{font-size:26px;line-height:1.4;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-shadow:none}
.home-hero-feature-sub{font-size:12px;color:#c1c3c8;opacity:1}
.home-hero-cta-wrap{opacity:1;transform:none;justify-content:flex-start;flex:0;min-height:0}
.home-hero-feature:hover .home-hero-cta-wrap,.home-hero-feature:focus-within .home-hero-cta-wrap{pointer-events:none}
.home-hero-cta{display:inline-flex;align-items:center;gap:9px;border-radius:7px;background:#f4844f;color:#201c19;padding:9px 18px;font-size:12px;font-weight:700;box-shadow:none}.home-hero-cta:before{content:"";border-left:7px solid currentColor;border-block:5px solid transparent}
.home-hero-side{width:auto;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.home-hero-thumb,.home-hero-thumb--placeholder{min-height:0;width:100%;border-radius:9px;box-shadow:none;border:1px solid #ffffff18;overflow:hidden}
.home-hero-thumb:hover{transform:none;box-shadow:0 0 0 2px #f4844f}.home-hero-thumb img{transition:transform .4s;object-position:center 32%}.home-hero-thumb:hover img{transform:scale(1.05)}
.home-hero-thumb-cap{padding:20px 12px 9px;font-size:12px;font-weight:500;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.home-hero-thumb--placeholder{color:#b2b4ba;background:#2b3036;border:1px dashed #50565d}.home-hero-feature--empty{background:#2b3036;border:1px dashed #50565d}.home-hero-empty-inner{color:#c7cbd0}

.catalog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 24px}.catalog-header h2{font-size:24px;font-weight:650;letter-spacing:.5px;line-height:1.4}.catalog-header p{font-size:12px;color:var(--muted);margin-top:5px}.catalog-header a{font-size:12px;color:#646970;text-decoration:none;white-space:nowrap}
.room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px;margin:0 0 28px}
.room-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #eae8e4;border-radius:12px;box-shadow:0 3px 8px #26262c03;transition:transform .25s,box-shadow .25s,border-color .25s}
.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #25252b12;border-color:#dbc7b8}
.room-card .cover{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 30%;transition:filter .25s}.room-card:hover .cover{filter:brightness(1.06)}
.room-card .info{padding:15px 16px 14px}.room-card .title{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 12px;color:#282d33}
.room-card .streamer{font-size:12px;color:#7d8188;gap:7px;margin-bottom:14px}.room-card .streamer img{width:23px;height:23px;object-fit:cover;border:1px solid #f1efeb}
.room-card .stats{align-items:center;gap:6px;font-size:11px;color:#909399;border-top:1px solid #f0efed;padding-top:11px}
.series-badge{font-size:10px;font-weight:500;border-radius:4px;background:#f5eee5;color:#986641;padding:2px 7px}.live-badge{background:#e96936;border-radius:5px}
.live-center-header{margin:8px 0 28px;padding:25px 0;border-bottom:1px solid var(--line)}.live-center-header h1{font-size:28px;font-weight:600}.live-center-header p{font-size:13px;color:var(--muted)}
.btn,.hub-btn-streamer,.hub-btn-admin{border-radius:8px;font-weight:600;font-size:13px;padding:10px 18px;box-shadow:none;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-auth-member{background:#e96936;color:white}.btn-primary:hover,.btn-auth-member:hover{background:#cf5829}
.btn-secondary{background:#f1f1f0;color:#555b62;border:1px solid #e2e3e3}.btn-secondary:hover{background:#e5e6e6;color:#30363c}.btn-success{background:#2e8b6b}.btn-success:hover{background:#227154}
.form-group label{color:#51555c;font-size:12px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fafaf9;border:1px solid #e3e3e1;border-radius:8px;padding:12px;font:inherit;line-height:1.45}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#df895f;box-shadow:0 0 0 3px #e9693612}
.auth-layout,.auth-layout--member,.auth-layout--hub,.auth-layout--streamer{background:#f7f6f3}.auth-main{min-height:65vh;padding:52px 24px}.auth-card{padding:36px;max-width:440px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;box-shadow:0 18px 48px #30303609;background:white}.auth-card-title{font-size:27px;color:var(--ink)}.auth-card-desc{font-size:12px;line-height:1.9;color:#84878c}.auth-card-head{margin-bottom:30px}.auth-badge{border-radius:4px;font-weight:500;font-size:10px;letter-spacing:1px}.auth-badge--member{background:#fff0e5;color:#b96937}.auth-card-foot a,.form-links a{color:#c76332}
.hub-main{min-height:66vh}.hub-intro{text-align:left;margin-bottom:30px}.hub-intro h1{font-size:30px;font-weight:600}.hub-intro p{font-size:13px;color:#81848a}.hub-cards{max-width:none;gap:24px}.hub-card{padding:30px;border:1px solid var(--line);border-top:3px solid #e96936;background:#fff;border-radius:12px;box-shadow:0 7px 20px #30303604}.hub-card--streamer{border-top-color:#778e83}.hub-card--admin{border-top-color:#555d67}.hub-card h2{font-size:19px}.hub-card p{font-size:12px;line-height:1.8;color:#898c91;margin-bottom:26px}.hub-btn-streamer{background:#526f62}.hub-btn-streamer:hover{background:#3e5a4e}
.cms-page-header{padding:20px 0;margin-bottom:20px}.cms-page-header h2{font-size:27px}.cms-page-desc{margin-top:8px;color:#898c91;font-size:12px}.cms-article-view{margin:14px auto 30px;max-width:900px;border:1px solid var(--line);border-radius:12px;padding:42px 52px;box-shadow:var(--shadow)}.cms-article-back a{font-size:12px;color:#b96639}.cms-article-h1{font-size:30px;line-height:1.55;margin-top:28px}.cms-article-meta{font-size:11px;color:#989b9f;padding-bottom:22px;border-bottom:1px solid var(--line)}.cms-article-body{font-size:15px;line-height:2.05;color:#4f555e}.cms-article-list{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.cms-article-list a{padding:22px 25px}.cms-article-list a:hover{background:#fcf8f3;color:#bf6437}
.video-section,.video-info,.chat-section,.gift-panel,.episode-list-panel,.video-danmaku-input{border-radius:12px;box-shadow:var(--shadow)}.video-info,.chat-section,.episode-list-panel,.video-danmaku-input{border:1px solid var(--line)}.live-container{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.video-danmaku-input input{min-width:0;border-radius:8px;border-width:1px}.video-danmaku-input button{border-radius:8px}.danmaku-container{border-color:#efeeeb;background:#fcfbf9}.danmaku-item{background:white;border-bottom:1px solid #f2efeb}.danmaku-item .username{color:#bd7049}.episode-item.is-active{background:#e96936;border-color:#e96936}.episode-item:hover{border-color:#e96936;color:#bd592d;background:#fff4ec}.episode-item.is-active:hover{color:white}
.site-footer{margin-top:32px;padding:8px 0 12px;background:#efeeea;border-top:1px solid #e4e2dc;font-size:11px;color:#8d8d8b}.site-footer-inner{min-height:86px}.site-footer-nav{gap:24px}.site-footer-nav a{font-size:12px;color:#797c80}.site-footer-nav a:hover{color:var(--accent)}
@media(max-width:1199px){.navbar .navbar-row{grid-template-columns:1fr auto;gap:14px;padding-top:18px;padding-bottom:0}.navbar .nav-links-main{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid #f0efec;padding:9px 0;gap:3px 12px}.navbar .nav-links-user{grid-column:2;grid-row:1}.navbar .nav-links a{font-size:12px}.home-hero-inner{grid-template-columns:minmax(0,1fr) 210px}.home-hero-feature{height:360px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.container{padding:22px 24px}.navbar{position:relative}.navbar .navbar-row{padding-inline:24px}.navbar .nav-links-main{flex-wrap:wrap;overflow:visible;gap:2px 7px}.navbar .nav-links-main a{padding:7px 8px}.navbar .logo{font-size:21px}.home-hero-banner{padding:26px 0}.home-intro{padding-top:0;padding-bottom:18px}.home-intro h1{font-size:23px}.home-hero-inner{grid-template-columns:1fr;gap:13px;padding-block:0}.home-hero-feature{height:330px}.home-hero-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;min-height:0}.home-hero-thumb,.home-hero-thumb--placeholder{min-height:0;height:110px}.home-hero-feature .home-hero-overlay{height:70%;min-height:0}.home-hero-feature .home-hero-cta-wrap{min-height:0}.home-hero-feature .home-hero-cta{font-size:12px;padding:8px 15px}.home-hero-overlay-inner{padding:22px;gap:13px}.home-hero-feature-title{font-size:23px}.catalog-header{margin:5px 0 20px}.catalog-header h2{font-size:22px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.live-container{grid-template-columns:1fr}.hub-cards{grid-template-columns:1fr}.cms-article-view{padding:28px}.cms-article-h1{font-size:24px}.site-footer-inner{gap:18px}.site-footer-nav{gap:22px}}
@media(max-width:420px){.container{padding-inline:16px}.navbar .navbar-row{padding-inline:16px}.navbar .nav-links-main{gap:2px 0;justify-content:space-between}.navbar .nav-links-main a{font-size:11px;padding:7px}.home-intro-link{font-size:11px}.home-intro p{font-size:11px}.home-hero-feature{height:280px}.home-hero-feature-title{font-size:20px}.home-hero-thumb,.home-hero-thumb--placeholder{height:87px}.home-hero-thumb-cap{font-size:10px;padding:12px 8px 6px}.room-card .info{padding:11px}.room-card .title{font-size:12px}.room-card .stats{font-size:9px;flex-wrap:wrap}.room-card .streamer{font-size:11px}.auth-card{padding:27px 23px}.auth-main{padding:30px 16px}.cms-article-view{padding:23px}.home-hero-overlay-inner{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.field-hint{display:block;color:#73777c;font-size:11px;line-height:1.6;margin-top:6px}
.password-toggle{background:none;border:0;color:#b65b31;padding:8px 0;cursor:pointer;font:inherit;font-size:12px}
.auth-form button:disabled{opacity:.65;cursor:wait}
#liveVideo{aspect-ratio:16/9;object-fit:contain;background:#101114}
#liveVideo::-webkit-media-controls,#liveVideo::-webkit-media-controls-enclosure,#liveVideo::-webkit-media-controls-panel{display:flex!important}
#liveVideo::-webkit-media-controls-play-button,#liveVideo::-webkit-media-controls-start-playback-button{display:block!important}
.player-feedback{position:absolute;inset:0;z-index:8;background:#101114b0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#fff;font-size:13px;padding:24px;text-align:center;pointer-events:none}
.player-feedback[hidden],.player-feedback button[hidden],.player-sound[hidden]{display:none}
.player-feedback button{pointer-events:auto;border:0;border-radius:8px;background:#ef8651;padding:10px 20px;color:#201c19;cursor:pointer}
.player-sound{position:absolute;right:14px;top:14px;z-index:9;border:1px solid #ffffff55;border-radius:7px;padding:7px 12px;background:#12151cbb;color:white;cursor:pointer;font-size:12px}
.danmaku-item-fly{will-change:transform}