:root{--bg:#060a13;--panel:rgba(15,22,36,.72);--panel-strong:rgba(12,18,31,.9);--line:rgba(178,206,232,.14);--text:#f2f5fb;--muted:#9ca9ba;--cyan:#79d8f2;--pink:#f28bb7;--orange:#ffb36b;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1.65;overflow-x:hidden}.backdrop{position:fixed;inset:-30px;z-index:-2;background:linear-gradient(180deg,rgba(5,9,17,.76),rgba(5,9,17,.96)),url("img/logo.webp") center/cover no-repeat;filter:blur(18px);transform:scale(1.08)}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 20%,rgba(56,159,206,.17),transparent 35%),linear-gradient(90deg,rgba(4,8,15,.9),rgba(4,8,15,.48) 55%,rgba(4,8,15,.9))}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,10,19,.74);border-bottom:1px solid rgba(169,210,230,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-shell,.section-shell,.footer-shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.nav-shell{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}.brand img{border-radius:14px;box-shadow:0 0 20px rgba(87,199,230,.2)}.main-nav{display:flex;align-items:center;gap:26px;margin-right:auto}.main-nav a,.footer-nav a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .25s ease}.main-nav a:hover,.main-nav a.active,.footer-nav a:hover{color:var(--text)}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";position:absolute;left:50%;bottom:-12px;width:5px;height:5px;border-radius:50%;background:var(--pink);transform:translateX(-50%);box-shadow:0 0 12px var(--pink)}.search-form{display:flex;align-items:center;width:178px;height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);overflow:hidden}.search-form input{min-width:0;flex:1;padding:0 10px;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:13px}.search-form input::placeholder{color:#748196}.search-form button{width:38px;height:100%;padding:0;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.search-form svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.hero{display:grid;grid-template-columns:minmax(270px,365px) minmax(0,1fr);gap:clamp(42px,7vw,90px);align-items:center;padding-top:76px;padding-bottom:104px;min-height:680px}.hero-poster-wrap{position:relative;max-width:365px;margin:auto;width:100%;filter:drop-shadow(0 28px 35px rgba(0,0,0,.52))}.poster-glow{position:absolute;inset:12% -10% -7%;background:linear-gradient(145deg,rgba(96,215,245,.3),rgba(224,85,150,.16));filter:blur(42px);z-index:-1}.hero-poster{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:cover;border-radius:16px;border:1px solid rgba(222,244,255,.32);transition:transform .3s ease,box-shadow .3s ease}.hero-poster:hover{transform:translateY(-5px) scale(1.012);box-shadow:0 18px 45px rgba(88,205,239,.2)}.hero-copy{max-width:650px}.eyebrow,.section-kicker{margin:0;color:var(--cyan);font-size:12px;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:1px;background:var(--pink);box-shadow:0 0 10px var(--pink)}h1,h2,h3,p{margin-top:0}h1{margin:14px 0 14px;font-size:clamp(46px,6vw,76px);letter-spacing:.06em;line-height:1.1;font-weight:800;text-shadow:0 4px 26px rgba(0,0,0,.35)}.tagline{margin-bottom:18px;color:#e5edf7;font-size:clamp(18px,2vw,23px);font-weight:500}.synopsis{max-width:620px;color:#aebaca;font-size:15px;line-height:2}.meta-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 28px}.tag{padding:3px 10px;border:1px solid rgba(121,216,242,.3);border-radius:5px;color:#bcecf8;background:rgba(93,203,235,.08);font-size:12px}.meta-text{color:var(--muted);font-size:13px;margin-left:5px}.hero-actions{display:flex;align-items:center;gap:22px;margin-bottom:33px}.watch-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:145px;height:46px;padding:0 21px;border-radius:7px;background:linear-gradient(110deg,#67c7e7,#d36b9e);box-shadow:0 10px 26px rgba(74,181,213,.2);color:#06101a;font-weight:700;font-size:14px;text-decoration:none;transition:filter .25s ease,transform .25s ease}.watch-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.watch-button svg{width:17px;height:17px;fill:currentColor}.text-link{color:#c2cedb;text-decoration:none;font-size:13px}.text-link:hover{color:var(--cyan)}.stats{display:flex;align-items:center;gap:clamp(16px,3vw,30px);flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.stat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stat strong{color:#edf6ff;font-size:14px;letter-spacing:.02em}.stat-fire svg{color:#ff8f6b;fill:rgba(255,143,107,.08);animation:pulse 2.6s ease-in-out infinite}.stat-rating svg{color:var(--orange);fill:rgba(255,179,107,.1)}.content-section{padding:44px 0 74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:17px}.section-kicker{margin-bottom:4px;color:var(--pink);letter-spacing:.14em}.section-heading h2{margin:0;font-size:28px;letter-spacing:.05em}.section-note{color:#8492a5;font-size:12px}.episode-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.episode{height:45px;border:1px solid rgba(184,210,233,.13);border-radius:7px;background:rgba(16,26,42,.62);color:#aab9c9;font:inherit;font-size:13px;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.episode:hover{border-color:rgba(120,216,242,.48);color:#e8f8ff;background:rgba(54,119,150,.2);transform:translateY(-1px)}.episode[aria-current="true"]{border-color:var(--cyan);background:linear-gradient(115deg,rgba(103,199,231,.25),rgba(211,107,158,.2));color:#fff;box-shadow:0 0 18px rgba(103,199,231,.14)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.review-card{padding:20px 20px 18px;border:1px solid rgba(181,211,233,.13);border-radius:12px;background:linear-gradient(135deg,rgba(22,33,51,.74),rgba(12,19,32,.62));box-shadow:0 15px 30px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;transform:translateY(18px)}.review-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease,box-shadow .3s ease,border-color .3s ease}.review-card:hover{transform:translateY(-.4px) scale(1.015);border-color:rgba(121,216,242,.28);box-shadow:0 16px 36px rgba(0,0,0,.26),0 0 22px rgba(89,190,225,.08)}.review-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;color:#fff;font-size:18px;font-weight:700;box-shadow:inset 0 0 15px rgba(255,255,255,.22)}.avatar-blue{background:linear-gradient(145deg,#278ec3,#6145b5)}.avatar-pink{background:linear-gradient(145deg,#da648f,#744bb6)}.avatar-gold{background:linear-gradient(145deg,#cf8a42,#a34d62)}.avatar-green{background:linear-gradient(145deg,#299c91,#3553a1)}.avatar-purple{background:linear-gradient(145deg,#7b60ce,#d65b9c)}.avatar-red{background:linear-gradient(145deg,#c84f5c,#6f3e96)}.review-head h3{margin:0 0 2px;font-size:14px;font-weight:600}.review-score{display:flex;gap:7px;align-items:center}.review-score span{color:var(--orange);font-size:12px;letter-spacing:1px}.review-score b{color:#f7d4ad;font-size:12px;font-weight:600}.review-card p{min-height:79px;margin-bottom:15px;color:#acb8c8;font-size:13px;line-height:1.8}.review-tag{display:inline-block;color:#91d3e4;font-size:11px}.site-footer{margin-top:45px;border-top:1px solid var(--line);background:rgba(3,7,14,.76)}.footer-shell{display:grid;grid-template-columns:1.6fr 1fr auto;gap:30px;align-items:center;padding:30px 0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:15px}.footer-brand strong{font-size:15px}.footer-brand p{margin:3px 0 0;color:#7d8b9e;font-size:12px}.footer-nav{display:flex;gap:22px}.copyright{margin:0;color:#7d8b9e;font-size:12px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (max-width:900px){.nav-shell,.section-shell,.footer-shell{width:min(100% - 34px,680px)}.nav-shell{gap:18px}.main-nav{gap:15px}.search-form{width:150px}.hero{grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:32px;padding-top:54px}.episode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-shell{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media (max-width:640px){.nav-shell,.section-shell,.footer-shell{width:calc(100% - 28px)}.nav-shell{min-height:64px;flex-wrap:wrap;gap:10px;padding:8px 0}.brand{font-size:16px}.brand img{width:37px;height:37px}.main-nav{order:3;width:100%;justify-content:space-between;gap:0;padding:0 3px 3px}.main-nav a{font-size:13px}.main-nav a.active:after{bottom:-5px}.search-form{margin-left:auto;width:135px;height:34px}.hero{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:66px;min-height:0}.hero-poster-wrap{width:min(71vw,290px)}h1{font-size:51px}.tagline{font-size:18px}.synopsis{font-size:14px;line-height:1.9}.hero-actions{align-items:stretch;flex-direction:column;gap:13px;margin-bottom:26px}.watch-button{width:100%;height:48px}.text-link{text-align:center}.stats{justify-content:space-between;gap:8px;flex-wrap:nowrap}.stat{gap:4px;font-size:11px}.stat svg{width:16px;height:16px}.stat strong{font-size:12px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:18px}.section-heading h2{font-size:24px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.episode{height:43px;font-size:13px}.content-section{padding:30px 0 50px}.review-grid{grid-template-columns:1fr;gap:12px}.review-card p{min-height:0}.footer-shell{grid-template-columns:1fr;gap:20px;padding:25px 0}.footer-nav{justify-content:space-between}.copyright{grid-column:auto}.backdrop{filter:blur(13px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stat-fire svg,.hero-poster,.watch-button,.episode,.review-card{animation:none;transition:none}.review-card{opacity:1;transform:none}.review-card.is-visible{transition:none}}
.brand img,.footer-brand img{object-fit:cover;object-position:center 33%}
.stat-action{padding:0;border:0;border-radius:0;background:transparent;font-family:inherit;line-height:inherit;text-align:left;cursor:pointer}
.stat-button{padding:7px 10px;border:1px solid rgba(184,210,233,.16);border-radius:8px;background:rgba(16,26,42,.52);font-family:inherit;line-height:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.stat-button:hover{border-color:rgba(121,216,242,.45);background:rgba(38,62,87,.62);transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.16)}
.stat-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.stat-button.stat-fire{animation:stat-button-breathe 2.8s ease-in-out infinite}
.stat-action:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.stat-like[aria-pressed="true"] svg{color:#ff4d5f;fill:currentColor}
.stat-bookmark[aria-pressed="true"] svg{color:#ffd34f;fill:currentColor}
@keyframes stat-button-breathe{0%,100%{box-shadow:0 0 0 rgba(255,143,107,0)}50%{box-shadow:0 0 16px rgba(255,143,107,.13)}}
@media (max-width:640px){.stats{gap:3px}.stat-button{padding:5px 4px}.stat-button .stat-label{font-size:10px}.stat-button strong{font-size:11px}.stat-button svg{width:15px;height:15px}}
.hero-actions{width:100%;margin-top:20px;clear:both}
.backdrop{background-image:url("img/logo.webp");background-position:center center;background-size:cover;background-repeat:no-repeat;filter:blur(20px);transform:scale(1.1)}
.backdrop:after{background:linear-gradient(180deg,rgba(4,8,15,.38),rgba(4,8,15,.72)),linear-gradient(90deg,rgba(4,8,15,.68),rgba(4,8,15,.2) 50%,rgba(4,8,15,.68))}
.backdrop{z-index:0;pointer-events:none}
.site-header,main,.site-footer{position:relative;z-index:1}
.poster-link{display:block;border-radius:16px;outline:none}
.poster-link:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}

#drama-title{width:fit-content;max-width:100%;color:#e7f4ff}
@supports (background-clip:text) or (-webkit-background-clip:text){
  #drama-title{
    background-image:linear-gradient(110deg,#91e6ff 0%,#e7e0ff 52%,#f5a6cd 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    text-shadow:none;
    filter:drop-shadow(0 3px 14px rgba(87,159,220,.15));
  }
}
@media (forced-colors:active){#drama-title{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;filter:none}}