:root{
  color-scheme:dark;
  --dl-bg:#0b0f19;
  --dl-bg-deep:#070a12;
  --dl-surface:#111827;
  --dl-surface-2:#151d2d;
  --dl-surface-3:#1b2435;
  --dl-text:#f3f5fb;
  --dl-muted:#a5aec4;
  --dl-dim:#737e98;
  --dl-line:rgba(255,255,255,.09);
  --dl-line-strong:rgba(255,255,255,.16);
  --dl-accent:#7167ff;
  --dl-accent-2:#4f46e5;
  --dl-sky:#51baf2;
  --dl-green:#34d399;
  --dl-amber:#f6b84a;
  --dl-danger:#fb7185;
  --dl-radius:10px;
  --dl-radius-lg:16px;
  --dl-content:1240px;
  --dl-readable:780px;
  --dl-header:66px;
  --dl-shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{background:var(--dl-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.dl-theme{margin:0;background:var(--dl-bg);color:var(--dl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
body.dl-theme::selection{background:#4f46e5;color:#fff}
body.dl-theme img{max-width:100%;height:auto}
body.dl-theme a{color:inherit;text-decoration:none}
body.dl-theme button,body.dl-theme input,body.dl-theme textarea,body.dl-theme select{font:inherit}
body.dl-theme button,body.dl-theme [role=button]{cursor:pointer}
body.dl-theme :focus-visible{outline:3px solid var(--dl-sky);outline-offset:3px}
body.dl-theme .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.dl-theme .screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:10px;left:10px;padding:10px 14px;background:#fff;color:#111;z-index:100000}
.dl-container{width:min(var(--dl-content),calc(100% - 32px));margin-inline:auto}
.dl-readable{width:min(var(--dl-readable),100%);margin-inline:auto}
.dl-main{min-height:55vh}
.dl-section{padding:44px 0}
.dl-section-sm{padding:28px 0}
.dl-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
.dl-section-head h1,.dl-section-head h2{margin:0;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.18;letter-spacing:-.025em}
.dl-section-head p{margin:.35rem 0 0;color:var(--dl-muted);max-width:760px;font-size:.92rem}
.dl-section-head>a{color:#b9b4ff;font-weight:700;font-size:.88rem;white-space:nowrap}
.dl-eyebrow{color:var(--dl-amber);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dl-skip{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:#fff;color:#111!important;font-weight:700;transition:transform .16s ease}
.dl-skip:focus{transform:none}

/* Header */
.dl-site-header{position:sticky;top:0;z-index:500;background:rgba(7,10,18,.93);border-bottom:1px solid var(--dl-line);backdrop-filter:saturate(135%) blur(14px)}
.dl-nav{min-height:var(--dl-header);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}
.dl-brand{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:850;letter-spacing:.01em;white-space:nowrap}
.dl-brand-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,var(--dl-accent-2),#2d7ff9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.dl-brand-mark svg{width:18px;height:18px;fill:#fff}
.dl-brand img{width:auto;max-width:142px;max-height:34px;object-fit:contain}
.dl-primary-nav .menu,.dl-primary-nav>ul{display:flex;align-items:center;gap:7px;padding:0;margin:0;list-style:none}
.dl-primary-nav a{display:block;padding:8px 10px;border-radius:7px;color:#cbd2e3;font-size:.82rem;font-weight:650}
.dl-primary-nav a:hover,.dl-primary-nav .current-menu-item>a,.dl-primary-nav .current_page_item>a{background:rgba(255,255,255,.05);color:#fff}
.dl-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.dl-icon-btn,.dl-ghost-btn,.dl-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--dl-line);border-radius:8px;background:transparent;color:#e4e8f3;padding:0 12px;font-size:.8rem;font-weight:750;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.dl-icon-btn{width:38px;padding:0}
.dl-icon-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.dl-primary-btn{border-color:transparent;background:linear-gradient(135deg,var(--dl-accent-2),var(--dl-accent));color:#fff;box-shadow:0 7px 22px rgba(79,70,229,.24)}
.dl-primary-btn:hover,.dl-ghost-btn:hover,.dl-icon-btn:hover{transform:translateY(-1px);border-color:rgba(113,103,255,.5);background-color:rgba(255,255,255,.045)}
.dl-primary-btn:hover{background:linear-gradient(135deg,#5b52ef,#8077ff)}
.dl-mobile-toggle{display:none}
.dl-mobile-drawer{display:none}
.dl-search-popover{position:fixed;inset:var(--dl-header) 0 auto 0;z-index:480;display:none;background:rgba(7,10,18,.98);border-bottom:1px solid var(--dl-line);padding:18px 0;box-shadow:var(--dl-shadow)}
.dl-search-popover.is-open{display:block}
.dl-search-form{display:flex;align-items:center;gap:8px;width:100%}
.dl-search-form input{min-width:0;flex:1;height:46px;border:1px solid var(--dl-line-strong);border-radius:9px;background:#0f1624;color:#fff;padding:0 14px}
.dl-search-form button{height:46px;border:0;border-radius:9px;background:var(--dl-accent-2);color:#fff;padding:0 19px;font-weight:750}

/* Hero */
.dl-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--dl-line);background:
 radial-gradient(800px 330px at 50% -40%,rgba(79,70,229,.22),transparent 70%),
 linear-gradient(180deg,#0b1120 0%,var(--dl-bg) 100%)}
.dl-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:68px 0 40px}
.dl-index-pill{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:5px 9px;border:1px solid rgba(81,186,242,.22);border-radius:999px;background:rgba(81,186,242,.07);color:#aee0fb;font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.dl-index-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dl-sky);box-shadow:0 0 12px var(--dl-sky)}
.dl-hero h1{max-width:880px;margin:0;font-size:clamp(2rem,4.4vw,3.55rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.dl-hero p{max-width:720px;margin:14px auto 0;color:#b5bfd3;font-size:clamp(.92rem,1.5vw,1.02rem)}
.dl-hero-search{width:min(860px,100%);margin-top:25px}
.dl-hero-search .dl-search-form{padding:6px;border:1px solid var(--dl-line);border-radius:11px;background:#101827;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.dl-hero-search .dl-search-form input{border:0;background:transparent;height:42px}
.dl-hero-search .dl-search-form button{height:42px}
.dl-trending{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin-top:13px;color:var(--dl-muted);font-size:.74rem}
.dl-trending b{color:var(--dl-amber);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.dl-trending a{padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}
.dl-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:17px}
.dl-filter-row a{padding:6px 10px;border:1px solid var(--dl-line);border-radius:999px;background:#101827;color:#d3d8e7;font-size:.72rem;font-weight:700}
.dl-filter-row a:first-child{background:var(--dl-accent-2);border-color:var(--dl-accent-2);color:#fff}

/* Ranked home list */
.dl-list-section{padding:31px 0 18px}
.dl-rank-list{display:grid;gap:10px}
.dl-rank-row{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:15px;align-items:center;min-height:118px;padding:10px 12px 10px 10px;border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:linear-gradient(135deg,#111a2a,#0f1725);transition:border-color .16s ease,transform .16s ease,background .16s ease}
.dl-rank-row:hover{transform:translateY(-1px);border-color:rgba(113,103,255,.34);background:linear-gradient(135deg,#131e31,#111a2a)}
.dl-rank-poster{position:relative;display:block;width:78px;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:#20293a}
.dl-rank-poster img{display:block;width:100%;height:100%;object-fit:cover}
.dl-rank-poster>span{position:absolute;top:5px;left:5px;padding:2px 5px;border-radius:5px;background:rgba(7,10,18,.9);color:#fff;font-size:.72rem;font-weight:850;border:1px solid rgba(255,255,255,.12)}
.dl-rank-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dl-rank-heading h2{margin:0;font-size:1rem;line-height:1.34;letter-spacing:-.015em}
.dl-rank-heading h2 a:hover{color:#c5c1ff}
.dl-rank-main p{margin:6px 0 8px;color:#9eabc1;font-size:.77rem;line-height:1.5;max-width:900px}
.dl-score{display:inline-flex;align-items:baseline;gap:3px;flex:none;padding:5px 8px;border:1px solid rgba(246,184,74,.22);border-radius:7px;background:rgba(246,184,74,.08);color:var(--dl-amber);font-size:.78rem}
.dl-score strong{font-size:.82rem}.dl-score small{color:#c9ae76;font-size:.72rem}
.dl-chips{display:flex;flex-wrap:wrap;gap:5px}
.dl-chips span,.dl-chips a{padding:3px 6px;border:1px solid var(--dl-line);border-radius:999px;background:rgba(255,255,255,.025);color:#aeb8cc;font-size:.72rem;font-weight:700}
.dl-chips .is-green{color:#72e2bc;border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.07)}
.dl-details-link{align-self:end;display:inline-flex;align-items:center;gap:6px;padding:6px 7px;color:#bbc4d6;font-size:.72rem;font-weight:750;border-radius:6px}
.dl-details-link:hover{background:rgba(255,255,255,.05);color:#fff}

/* Cards & grids */
.dl-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.dl-poster-card{min-width:0}
.dl-poster-media{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--dl-radius);background:#20283a;border:1px solid var(--dl-line)}
.dl-poster-media::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(5,8,14,.72));pointer-events:none}
.dl-poster-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.dl-poster-card:hover .dl-poster-media img{transform:scale(1.025)}
.dl-rank,.dl-rating{position:absolute;z-index:2;top:8px;border-radius:6px;font-size:.72rem;font-weight:850;line-height:1;padding:5px 6px;box-shadow:0 4px 16px rgba(0,0,0,.23)}
.dl-rank{left:8px;background:var(--dl-accent-2);color:#fff}
.dl-rating{right:8px;display:inline-flex;gap:4px;background:rgba(7,10,18,.9);color:var(--dl-amber);border:1px solid rgba(246,184,74,.2)}
.dl-poster-copy{padding-top:9px}
.dl-poster-title{margin:0;font-size:.86rem;line-height:1.35;font-weight:750;letter-spacing:-.01em}
.dl-poster-title a:hover{color:#c4c0ff}
.dl-meta-line{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:5px;color:#858fa5;font-size:.72rem}
.dl-meta-line a:hover{color:#cdd5e5}

/* Blog */
.dl-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dl-blog-card{overflow:hidden;border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:var(--dl-surface)}
.dl-blog-thumb{display:block;aspect-ratio:16/9;background:#222b3a;overflow:hidden}
.dl-blog-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}
.dl-blog-card:hover .dl-blog-thumb img{transform:scale(1.025)}
.dl-blog-card-copy{padding:13px 14px 15px}
.dl-blog-card-copy h2{margin:5px 0 7px;font-size:.95rem;line-height:1.35;letter-spacing:-.015em}
.dl-blog-card-copy p{margin:0;color:var(--dl-muted);font-size:.76rem;line-height:1.55}

/* Community/list cards */
.dl-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.dl-community-card{overflow:hidden;border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:var(--dl-surface)}
.dl-community-covers{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:16/10;background:#1b2434;overflow:hidden}
.dl-community-covers img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}
.dl-community-copy{padding:13px}
.dl-community-copy h2{margin:0;font-size:.92rem;line-height:1.35}
.dl-community-copy h2 a:hover{color:#c5c1ff}
.dl-community-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--dl-muted);font-size:.72rem}
.dl-community-meta a{color:#bdb8ff}

/* Page intro */
.dl-page-hero{padding:46px 0 28px;border-bottom:1px solid var(--dl-line);background:linear-gradient(180deg,#0e1421,var(--dl-bg))}
.dl-page-hero h1{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.05em}
.dl-page-hero p{max-width:780px;margin:10px 0 0;color:var(--dl-muted)}
.dl-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px;color:#7e8aa3;font-size:.72rem}
.dl-breadcrumbs a:hover{color:#c8c3ff}
.dl-breadcrumbs span+span::before{content:"/";margin-right:7px;color:#4d586d}

/* Single donghua */
.dl-single-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--dl-line);background:#0c111d}
.dl-single-backdrop{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;filter:saturate(.85);opacity:.38;transform:scale(1.02)}
.dl-single-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.98) 0%,rgba(7,10,18,.88) 40%,rgba(7,10,18,.52) 72%,rgba(7,10,18,.86) 100%),linear-gradient(0deg,var(--dl-bg),transparent 55%)}
.dl-single-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 190px;gap:30px;align-items:end;padding:54px 0 36px}
.dl-single-poster{width:100%;margin:0;aspect-ratio:2/3;border:1px solid var(--dl-line-strong);border-radius:13px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.35);background:#1b2434}
.dl-single-poster img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.dl-single-title .dl-chips{margin-bottom:11px}
.dl-single-title h1{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.dl-single-title .dl-subtitle{margin-top:10px;color:#bdc6d8;font-size:.95rem}
.dl-single-title p{max-width:800px;margin:16px 0 0;color:#b1bbcf;line-height:1.65}
.dl-single-score{align-self:center;display:grid;gap:10px}
.dl-score-box{padding:14px;border:1px solid var(--dl-line);border-radius:10px;background:rgba(9,13,23,.72);backdrop-filter:blur(8px)}
.dl-score-box span{display:block;color:var(--dl-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.dl-score-box strong{display:flex;align-items:baseline;gap:5px;margin-top:3px;color:#fff;font-size:1.8rem;line-height:1}
.dl-score-box strong i{font-style:normal;color:var(--dl-amber);font-size:1rem}
.dl-score-box small{color:#7d899f;font-size:.72rem}
.dl-single-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding:34px 0 56px}
.dl-content-stack{display:grid;gap:20px}
.dl-panel{border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:var(--dl-surface);padding:20px}
.dl-panel h2,.dl-panel h3{margin:0 0 12px;letter-spacing:-.02em}
.dl-panel h2{font-size:1.18rem}.dl-panel h3{font-size:1rem}
.dl-panel p:last-child{margin-bottom:0}
.dl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--dl-line);border-radius:var(--dl-radius);overflow:hidden;background:var(--dl-line)}
.dl-fact{padding:13px 14px;background:#101724}
.dl-fact span{display:block;color:#7f8ba2;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.dl-fact strong,.dl-fact a{display:block;margin-top:2px;color:#e8ebf4;font-size:.84rem;font-weight:700}
.dl-vote-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid var(--dl-line);border-radius:10px;background:#101724}
.dl-vote-stats strong{font-size:1rem}.dl-vote-stats span{color:var(--dl-green)}.dl-vote-stats small{display:block;color:var(--dl-muted);font-size:.72rem}
.dl-vote-actions{display:flex;gap:7px}.dl-vote-actions button{height:36px;padding:0 11px;border:1px solid var(--dl-line);border-radius:8px;background:transparent;color:#dce2ef;font-size:.74rem;font-weight:750}.dl-vote-actions button:hover{border-color:rgba(113,103,255,.5);background:rgba(113,103,255,.08)}
.dl-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl-prose{color:#d7dce8;line-height:1.8}
.dl-prose>*:first-child{margin-top:0}.dl-prose>*:last-child{margin-bottom:0}
.dl-prose h2,.dl-prose h3,.dl-prose h4{color:#fff;line-height:1.25;letter-spacing:-.025em;margin-top:1.65em}
.dl-prose h2{font-size:1.6rem}.dl-prose h3{font-size:1.3rem}.dl-prose h4{font-size:1.05rem}
.dl-prose a{color:#a9d9f4;text-decoration:underline;text-underline-offset:2px}
.dl-prose img{border-radius:10px}.dl-prose blockquote{margin:1.5rem 0;padding:4px 0 4px 18px;border-left:3px solid var(--dl-accent);color:#bdc5d6}.dl-prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.dl-prose th,.dl-prose td{padding:10px;border:1px solid var(--dl-line);text-align:left}.dl-prose code{background:#161f30;padding:2px 4px;border-radius:4px}

/* Actor */
.dl-actor-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:48px 0 32px}
.dl-actor-avatar{width:150px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--dl-line);background:#1a2231}
.dl-actor-avatar img{width:100%;height:100%;object-fit:cover}
.dl-actor-copy h1{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.dl-actor-copy p{max-width:780px;color:var(--dl-muted);margin:9px 0 0}
.dl-actor-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.dl-people-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.dl-person-card{text-align:center}.dl-person-card a:first-child{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#1d2635;border:1px solid var(--dl-line)}.dl-person-card img{width:100%;height:100%;object-fit:cover}.dl-person-card h2{margin:9px 0 0;font-size:.83rem;line-height:1.25}.dl-person-card h2 a:hover{color:#c7c3ff}

/* Auth */
body.dl-auth-body{min-height:100vh;background:radial-gradient(700px 400px at 50% 20%,rgba(79,70,229,.18),transparent 70%),var(--dl-bg)}
.dl-auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 16px}
.dl-auth-card{width:min(430px,100%);border:1px solid var(--dl-line);border-radius:14px;background:#101622;padding:26px;box-shadow:0 26px 80px rgba(0,0,0,.35)}
.dl-auth-brand{display:flex;justify-content:center;margin-bottom:22px}.dl-auth-card h1{margin:0 0 7px;text-align:center;font-size:1.35rem}.dl-auth-card>.dl-auth-intro{text-align:center;color:var(--dl-muted);font-size:.8rem;margin:0 0 22px}
.dl-form{display:grid;gap:14px}.dl-field{display:grid;gap:6px}.dl-field label{color:#dce1eb;font-size:.76rem;font-weight:700}.dl-field input{width:100%;height:44px;border:1px solid var(--dl-line-strong);border-radius:8px;background:#0b111c;color:#fff;padding:0 12px}.dl-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dl-form button[type=submit]{height:44px;border:0;border-radius:8px;background:var(--dl-accent-2);color:#fff;font-weight:800}.dl-auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:#aeb7ca;font-size:.74rem}.dl-auth-links a{color:#c1bdff}.dl-auth-msg{display:none;padding:10px 12px;border-radius:8px;background:#172033;color:#dce4f5;font-size:.76rem}.dl-auth-msg.is-visible{display:block}.dl-auth-msg.is-error{background:rgba(251,113,133,.1);color:#fecdd3;border:1px solid rgba(251,113,133,.18)}.dl-auth-msg.is-success{background:rgba(52,211,153,.1);color:#a7f3d0;border:1px solid rgba(52,211,153,.18)}.dl-auth-rules{margin:15px 0 0;text-align:center;color:#7f8aa0;font-size:.72rem}.dl-auth-rules a{text-decoration:underline}

/* Blog article */
.dl-article-wrap{padding:42px 0 66px}.dl-article{width:min(860px,100%);margin-inline:auto}.dl-article-header{text-align:center;margin-bottom:24px}.dl-article-header h1{margin:8px 0 0;font-size:clamp(2rem,4.6vw,3.45rem);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.dl-article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:14px;color:var(--dl-muted);font-size:.75rem}.dl-article-featured{margin:24px 0 30px;border-radius:14px;overflow:hidden;border:1px solid var(--dl-line);background:#1d2635}.dl-article-featured img{width:100%;display:block}.dl-comments{margin-top:34px;padding-top:26px;border-top:1px solid var(--dl-line)}

/* Search / empty / 404 */
.dl-empty{padding:52px 20px;text-align:center;border:1px dashed var(--dl-line-strong);border-radius:12px;color:var(--dl-muted)}.dl-empty h2{color:#fff;margin:0 0 8px}.dl-404{min-height:60vh;display:grid;place-items:center;text-align:center;padding:70px 0}.dl-404-code{font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:.8;letter-spacing:-.08em;color:#1d2740;text-shadow:0 1px 0 rgba(255,255,255,.05)}.dl-404 h1{margin:22px 0 8px}.dl-404 p{color:var(--dl-muted);max-width:560px;margin:0 auto 20px}

/* Pagination is defined in the 1.1.4 component layer below. */

/* Generic pages */
.dl-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:35px 0 58px}.dl-page-card{border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:var(--dl-surface);padding:24px}.dl-sidebar{display:grid;gap:14px;align-content:start}.dl-sidebar-card{border:1px solid var(--dl-line);border-radius:var(--dl-radius);background:#0f1623;padding:16px}.dl-sidebar-card h2{margin:0 0 10px;font-size:.9rem}.dl-sidebar-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.dl-sidebar-card a{color:#aab5ca;font-size:.76rem}.dl-sidebar-card a:hover{color:#fff}

/* Footer */
.dl-site-footer{border-top:1px solid var(--dl-line);background:#080c14;padding:44px 0 23px}
.dl-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.dl-footer-about p{max-width:390px;color:#8f9aaf;font-size:.77rem}.dl-footer-title{margin:0 0 10px;color:#e8ebf4;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.dl-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:7px}.dl-footer-links a{color:#9ba6ba;font-size:.74rem}.dl-footer-links a:hover{color:#fff}.dl-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:19px;border-top:1px solid var(--dl-line);color:#737e98;font-size:.72rem}

/* Compatibility cleanup for parent injected widgets */
.dl-theme .go_top,.dl-theme .float_menu,.dl-theme .mobile_menu,.dl-theme>.app_install_banner{display:none!important}
.dl-theme .grecaptcha-badge{visibility:hidden}

@media (max-width:1100px){
 .dl-poster-grid,.dl-actor-grid,.dl-people-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .dl-blog-grid,.dl-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dl-single-grid{grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:end}.dl-single-score{grid-column:2;grid-template-columns:repeat(2,minmax(0,180px));margin-top:-8px}.dl-single-content{grid-template-columns:minmax(0,1fr) 270px}
}
@media (max-width:900px){
 .dl-primary-nav{display:none}.dl-mobile-toggle{display:inline-flex}.dl-nav{grid-template-columns:auto 1fr auto;gap:12px}.dl-brand{justify-self:start}.dl-nav-actions .dl-login-link{display:none}
 .dl-mobile-drawer{position:fixed;z-index:490;top:var(--dl-header);left:0;right:0;display:none;padding:12px 16px 18px;background:#090e18;border-bottom:1px solid var(--dl-line);box-shadow:var(--dl-shadow)}.dl-mobile-drawer.is-open{display:block}.dl-mobile-drawer .menu{list-style:none;padding:0;margin:0;display:grid;gap:2px}.dl-mobile-drawer .menu a{display:block;padding:10px 9px;border-radius:7px;color:#d7dcea}.dl-mobile-auth{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dl-line)}
 .dl-poster-grid,.dl-actor-grid,.dl-people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dl-blog-grid,.dl-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dl-single-content,.dl-page-layout{grid-template-columns:1fr}.dl-single-sidebar,.dl-sidebar{order:2}.dl-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dl-footer-grid{grid-template-columns:2fr 1fr 1fr}.dl-footer-grid>div:last-child{grid-column:1/-1}
}
@media (max-width:680px){
 :root{--dl-header:60px}.dl-container{width:min(100% - 22px,var(--dl-content))}.dl-section{padding:34px 0}.dl-section-head{align-items:flex-start}.dl-section-head>a{margin-top:4px}
 .dl-nav{min-height:var(--dl-header)}.dl-brand span:last-child{display:none}.dl-nav-actions{gap:5px}.dl-icon-btn{width:36px;height:36px}.dl-primary-btn{min-height:36px;padding:0 10px}.dl-register-link{display:none}
 .dl-hero-inner{padding:49px 0 30px}.dl-hero h1{font-size:clamp(2rem,10vw,2.8rem)}.dl-hero p{font-size:.85rem}.dl-filter-row{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.dl-filter-row a{flex:none}.dl-trending{display:none}
 .dl-rank-row{grid-template-columns:64px minmax(0,1fr);gap:11px;min-height:104px;padding:8px}.dl-rank-poster{width:64px}.dl-rank-main p{display:none}.dl-rank-heading{gap:7px}.dl-rank-heading h2{font-size:.84rem}.dl-score{padding:4px 6px}.dl-chips{margin-top:7px}.dl-chips>*:nth-child(n+4){display:none}.dl-details-link{display:none}
 .dl-poster-grid,.dl-actor-grid,.dl-people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dl-poster-title{font-size:.77rem}.dl-meta-line{font-size:.72rem}
 .dl-blog-grid,.dl-list-grid{grid-template-columns:1fr 1fr;gap:11px}.dl-blog-card-copy{padding:10px}.dl-blog-card-copy h2{font-size:.82rem}.dl-blog-card-copy p{display:none}
 .dl-single-grid{grid-template-columns:128px minmax(0,1fr);gap:16px;padding:32px 0 24px;align-items:end}.dl-single-poster{border-radius:9px}.dl-single-title h1{font-size:clamp(1.65rem,8vw,2.3rem)}.dl-single-title .dl-subtitle{font-size:.76rem}.dl-single-title>p{display:none}.dl-single-score{grid-column:1/-1;grid-template-columns:1fr 1fr}.dl-score-box{padding:10px}.dl-score-box strong{font-size:1.35rem}.dl-single-content{padding-top:22px}.dl-panel{padding:16px}.dl-facts{grid-template-columns:1fr 1fr}.dl-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dl-actor-hero{grid-template-columns:100px 1fr;gap:17px}.dl-actor-avatar{width:100px}.dl-actor-copy h1{font-size:1.7rem}.dl-actor-copy p{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .dl-field-row{grid-template-columns:1fr}.dl-auth-card{padding:21px}
 .dl-footer-grid{grid-template-columns:1fr 1fr}.dl-footer-about{grid-column:1/-1}.dl-footer-bottom{display:block}.dl-footer-bottom>*+*{margin-top:7px}
}
@media (max-width:430px){
 .dl-poster-grid,.dl-actor-grid,.dl-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-blog-grid,.dl-list-grid{grid-template-columns:1fr}.dl-blog-card{display:grid;grid-template-columns:112px 1fr}.dl-blog-thumb{aspect-ratio:auto;min-height:100%}.dl-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-facts{grid-template-columns:1fr}.dl-vote-box{align-items:flex-start;flex-direction:column}.dl-footer-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Download / single compatibility modules */
.dl-single-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.dl-single-tools button{cursor:pointer}
.dl-trailer{display:block;width:100%;max-height:520px;border-radius:10px;background:#05070c}
.dl-downloads .dl-section-head{align-items:start}
.dl-download-group,.dl-season{padding:15px 0;border-top:1px solid var(--dl-line)}
.dl-download-group:first-of-type{border-top:0;padding-top:0}
.dl-download-heading,.dl-episode-name{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.dl-download-heading>span,.dl-episode-name>span{padding:3px 7px;border-radius:999px;background:rgba(52,211,153,.1);color:#86efac;font-size:.72rem;font-weight:800}
.dl-download-actions{display:flex;flex-wrap:wrap;gap:8px}
.dl-download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 11px;border:1px solid rgba(52,211,153,.24);border-radius:8px;background:rgba(52,211,153,.08);color:#b9f6d6;font-size:.73rem;font-weight:720}
.dl-download-btn:hover{background:rgba(52,211,153,.14);color:#fff}
.dl-download-btn.is-secondary{border-color:var(--dl-line-strong);background:#151e2d;color:#cdd5e5}
.dl-download-btn.is-watch{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.09);color:#fde0a0}
.dl-season>h3{display:flex;align-items:baseline;gap:8px;margin:0 0 12px}.dl-season>h3 small{color:var(--dl-muted);font-size:.72rem;font-weight:600}
.dl-episode-list{display:grid;gap:8px}.dl-episode{padding:12px;border:1px solid var(--dl-line);border-radius:9px;background:#0d1420}.dl-episode p{margin:9px 0 0;color:var(--dl-muted);font-size:.72rem}
.comment-list{display:grid;gap:12px;list-style:none;padding:0}.comment-list .comment-body{padding:14px;border:1px solid var(--dl-line);border-radius:9px;background:#0e1521}.comment-list .comment-meta{font-size:.72rem;color:var(--dl-muted)}.comment-list .comment-content{margin-top:8px}.comment-respond textarea{width:100%;min-height:130px;border:1px solid var(--dl-line-strong);border-radius:8px;background:#0b111c;color:#fff;padding:10px}.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url]{width:100%;height:42px;border:1px solid var(--dl-line-strong);border-radius:8px;background:#0b111c;color:#fff;padding:0 10px}.comment-respond input[type=submit]{border:0;border-radius:8px;background:var(--dl-accent-2);color:#fff;padding:11px 16px;font-weight:800}
@media (max-width:680px){.dl-download-actions{display:grid;grid-template-columns:1fr 1fr}.dl-download-btn{width:100%}.dl-single-tools{display:grid;grid-template-columns:1fr 1fr}.dl-single-tools .dl-ghost-btn{justify-content:center}}
.dl-field>span{color:#dce1eb;font-size:.76rem;font-weight:700}
.dl-actor-grid .dl-person-card>a{aspect-ratio:auto;overflow:visible;border:0;background:transparent}
.dl-actor-grid .dl-person-card .dl-actor-avatar{width:100%;border-radius:12px}
.dl-actor-grid .dl-person-card h2{margin:9px 0 2px;font-size:.83rem}
.dl-actor-grid .dl-person-card p{margin:0;color:var(--dl-muted);font-size:.72rem}
/* Accessible desktop submenus; mobile keeps normal document flow. */
.dl-primary-nav li{position:relative}
.dl-primary-nav .sub-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:none;min-width:190px;margin:0;padding:7px;list-style:none;border:1px solid var(--dl-line);border-radius:9px;background:#0d1420;box-shadow:var(--dl-shadow)}
.dl-primary-nav .sub-menu li{width:100%}.dl-primary-nav .sub-menu a{white-space:nowrap}
.dl-primary-nav li:hover>.sub-menu,.dl-primary-nav li:focus-within>.sub-menu{display:grid}
.dl-mobile-drawer ul{list-style:none;padding:0;margin:0}.dl-mobile-drawer .sub-menu{padding-left:16px;margin-top:4px}
.dl-search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.dl-search-results>.dl-page-card{grid-column:span 2}.dl-search-results>.dl-blog-card{min-width:0}
@media(max-width:900px){.dl-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dl-search-results{grid-template-columns:1fr}.dl-search-results>.dl-page-card{grid-column:auto}}

/* 1.1 production QA fixes */
.dl-brand>img{display:block;width:auto;height:auto;max-width:150px;max-height:38px;object-fit:contain}
.dl-embed{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#05070c}
.dl-embed iframe{display:block;width:100%;height:100%;border:0}
.dl-prose iframe,.dl-prose video{max-width:100%}
.dl-vote-status{min-height:1.2em;margin:8px 0 0;color:var(--dl-muted);font-size:.72rem}
.dl-single-tools button[data-error]::after{content:""}
.dl-auth-rules{margin:14px 0 0;color:var(--dl-muted);font-size:.72rem;text-align:center}.dl-auth-rules a{color:#c8c4ff;text-decoration:underline;text-underline-offset:2px}
.dl-spoiler-field{margin:12px 0}.dl-spoiler-field label{display:flex;align-items:center;gap:8px;color:var(--dl-muted);font-size:.78rem}.dl-spoiler-field input{width:18px;height:18px}
.dl-blog-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#172033,#0e1523);color:#78849b;font-size:1.2rem;font-weight:900;letter-spacing:.08em}
@media(max-width:680px){.dl-poster-grid,.dl-actor-grid,.dl-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-single-grid{grid-template-columns:128px minmax(0,1fr)}.dl-single-tools{grid-template-columns:1fr}.dl-single-score{grid-template-columns:1fr 1fr}.dl-embed{border-radius:8px}}

/* 1.1.2 homepage density and native disclosure */
[hidden]{display:none!important}
.dl-ranking-wrap{width:min(980px,100%);margin-inline:auto}
.dl-ranking-wrap .dl-section-head{margin-bottom:16px}
.dl-ranking-wrap .dl-rank-row{grid-template-columns:70px minmax(0,1fr) auto;min-height:108px;padding:8px 10px 8px 8px;gap:13px}
.dl-ranking-wrap .dl-rank-poster{width:70px}
.dl-home-about>h2:first-child{margin-top:0}
.dl-home-about-details{margin-top:18px}
.dl-home-about-details>summary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--dl-line-strong);border-radius:8px;background:#151e2d;color:#f1f3f9;font-size:.8rem;font-weight:800;cursor:pointer;list-style:none}
.dl-home-about-details>summary::-webkit-details-marker{display:none}
.dl-home-about-details>summary:hover{border-color:rgba(113,103,255,.5);background:#192338}
.dl-home-about-details .dl-read-less{display:none}
.dl-home-about-details[open] .dl-read-more{display:none}
.dl-home-about-details[open] .dl-read-less{display:inline}
.dl-home-about-more{margin-top:22px;padding-top:20px;border-top:1px solid var(--dl-line)}
@media(max-width:680px){
 .dl-ranking-wrap .dl-rank-row{grid-template-columns:60px minmax(0,1fr);min-height:96px;padding:7px;gap:10px}
 .dl-ranking-wrap .dl-rank-poster{width:60px}
}

/* 1.1.4 component refinement: buttons, icons, pagination and voice-cast media */
.dl-icon{display:block;flex:0 0 auto;width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dl-primary-btn,.dl-ghost-btn,.dl-icon-btn,.dl-text-action,.dl-search-form button,.dl-vote-actions button,.dl-download-btn,.dl-comment-submit{font-weight:750;letter-spacing:-.005em;-webkit-tap-highlight-color:transparent}
.dl-primary-btn,.dl-ghost-btn,.dl-icon-btn{min-height:40px;border-radius:9px}
.dl-primary-btn{border:1px solid #5f59ea;background:#5b55e7;box-shadow:0 7px 18px rgba(52,45,190,.2)}
.dl-primary-btn:hover{border-color:#756ff3;background:#6861ed;box-shadow:0 9px 22px rgba(52,45,190,.27)}
.dl-ghost-btn{background:#111927;border-color:rgba(255,255,255,.12)}
.dl-ghost-btn:hover,.dl-icon-btn:hover{background:#172033;border-color:rgba(145,138,255,.45)}
.dl-icon-btn{background:#101724}
.dl-primary-btn:active,.dl-ghost-btn:active,.dl-icon-btn:active,.dl-vote-actions button:active,.dl-download-btn:active{transform:translateY(0)}
.dl-primary-btn:disabled,.dl-ghost-btn:disabled,.dl-icon-btn:disabled,.dl-search-form button:disabled,.dl-vote-actions button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}
.dl-primary-btn[aria-busy=true] .dl-icon,.dl-ghost-btn[aria-busy=true] .dl-icon{opacity:.55}
.dl-text-action{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 7px;color:#cbd3e3;font-size:.8rem;border-radius:7px}
.dl-text-action:hover{color:#fff;background:rgba(255,255,255,.045)}
.dl-text-action .dl-icon{width:16px;height:16px}
.dl-section-link{display:inline-flex!important;align-items:center;gap:5px}.dl-section-link .dl-icon,.dl-details-link .dl-icon{width:15px;height:15px;transition:transform .16s ease}.dl-section-link:hover .dl-icon,.dl-details-link:hover .dl-icon{transform:translateX(2px)}

/* Search controls keep the icon in markup, avoiding an icon-font request. */
.dl-search-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;border:1px solid #5f59ea;background:#5b55e7;box-shadow:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.dl-search-form button:hover{background:#6861ed;border-color:#756ff3;transform:translateY(-1px)}
.dl-search-form button .dl-icon{width:17px;height:17px}

/* Action state is visible without relying on color alone. */
.dl-action-btn.is-active{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.09);color:#b9f6d6}
.dl-action-btn.is-active .dl-icon{fill:rgba(52,211,153,.16)}

/* Pagination: target only actual page controls. The old broad span selector distorted Next/Previous. */
.dl-pagination{display:flex;justify-content:center;margin-top:30px}
.dl-pagination ul,.dl-pagination .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0}
.dl-pagination li{margin:0;padding:0}
.dl-pagination li>a,.dl-pagination li>span,.dl-pagination .nav-links>a,.dl-pagination .nav-links>span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#101724;color:#cfd6e5;font-size:.77rem;font-weight:760;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.dl-pagination li>a:hover,.dl-pagination .nav-links>a:hover{border-color:rgba(129,120,255,.52);background:#171f32;color:#fff;transform:translateY(-1px)}
.dl-pagination li>.current,.dl-pagination .nav-links>.current{border-color:#6861ed;background:#5b55e7;color:#fff;box-shadow:0 5px 15px rgba(52,45,190,.18)}
.dl-pagination .prev,.dl-pagination .next{min-width:auto;padding-inline:13px;gap:8px}
.dl-pagination .prev::before,.dl-pagination .next::after{content:"";display:block;width:7px;height:7px;border-bottom:1.8px solid currentColor;border-left:1.8px solid currentColor}
.dl-pagination .prev::before{transform:rotate(45deg)}
.dl-pagination .next::after{transform:rotate(225deg)}
.dl-pagination .dots{border-color:transparent!important;background:transparent!important;color:var(--dl-dim)!important;box-shadow:none!important}
.dl-pagination .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Voting controls */
.dl-vote-actions{display:flex;gap:8px;flex-wrap:wrap}
.dl-vote-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;height:auto;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#111927;color:#dce2ef;font-size:.75rem}
.dl-vote-actions button .dl-icon{width:16px;height:16px}
.dl-vote-actions .is-like:hover{border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.08);color:#b9f6d6}
.dl-vote-actions .is-dislike:hover{border-color:rgba(251,113,133,.38);background:rgba(251,113,133,.07);color:#fecdd3}

/* Lightweight CSS-mask icons on repeated download links prevent hundreds of repeated SVG nodes on long series pages. */
.dl-download-btn{gap:7px;min-height:40px;border-radius:9px}
.dl-download-btn::before{content:"";display:block;flex:0 0 auto;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0 5-5m-5 5-5-5M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat}
.dl-download-btn.is-watch::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 11 7-11 7V5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 11 7-11 7V5Z'/%3E%3C/svg%3E")}
.dl-download-btn.is-subtitle::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M10 10.5a2.5 2.5 0 1 0 0 3M18 10.5a2.5 2.5 0 1 0 0 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M10 10.5a2.5 2.5 0 1 0 0 3M18 10.5a2.5 2.5 0 1 0 0 3'/%3E%3C/svg%3E")}
.dl-download-btn.is-audio::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l10-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l10-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3C/svg%3E")}

/* Voice cast thumbnails on Donghua detail pages. */
.dl-voice-cast ul{display:grid;gap:5px}
.dl-voice-cast li{min-width:0}
.dl-voice-cast li>a{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:52px;padding:4px;border-radius:9px;color:#dce2ed!important;transition:background .16s ease,color .16s ease}
.dl-voice-cast li>a:hover{background:#151e2d;color:#fff!important}
.dl-cast-thumb{display:block;width:44px;height:44px;border-radius:9px;overflow:hidden;border:1px solid var(--dl-line);background:#1b2435}
.dl-cast-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dl-cast-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700}
.dl-voice-cast .dl-icon{width:14px;height:14px;color:#6f7b93;transition:transform .16s ease,color .16s ease}
.dl-voice-cast a:hover .dl-icon{color:#bcb7ff;transform:translateX(2px)}

/* Comment submit button follows the same component system. */
.comment-respond .dl-comment-submit{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #5f59ea!important;border-radius:9px!important;background:#5b55e7!important;color:#fff!important}

@media(max-width:680px){
 .dl-primary-btn,.dl-ghost-btn,.dl-icon-btn{min-height:42px}
 .dl-icon-btn{width:42px;height:42px}
 .dl-pagination li>a,.dl-pagination li>span,.dl-pagination .nav-links>a,.dl-pagination .nav-links>span{min-width:38px;height:38px;padding-inline:9px}
 .dl-pagination .prev,.dl-pagination .next{padding-inline:11px}
 .dl-vote-actions{width:100%}.dl-vote-actions button{flex:1;min-height:42px}
 .dl-search-form button{min-width:46px;padding-inline:13px}.dl-search-form button span{display:none}
}
.dl-score .dl-icon,.dl-rating .dl-icon,.dl-score-box strong .dl-icon{color:var(--dl-amber);fill:rgba(246,184,74,.14);stroke-width:1.7}
.dl-score .dl-icon{width:13px;height:13px}.dl-rating .dl-icon{width:12px;height:12px}.dl-score-box strong .dl-icon{width:17px;height:17px}
@media(max-width:430px){.dl-single-grid{grid-template-columns:112px minmax(0,1fr);gap:13px}.dl-single-title h1{font-size:clamp(1.5rem,7.8vw,2rem)}}