@charset "utf-8";
:root{
  --bg:#f0eef5;--bg-card:#fff;--bg-header:rgba(240,238,245,0.92);
  --text:#181820;--text-muted:#8a8a9a;--text-light:#5a5a6a;
  --primary:#b8352e;--primary-hover:#a01f1a;--primary-light:rgba(184,53,46,0.06);
  --gold:#b8943e;--gold-light:rgba(184,148,62,0.1);
  --border:#e2e0e8;--shadow:rgba(0,0,0,0.04);--shadow-lg:rgba(0,0,0,0.08);
  --radius:6px;--radius-lg:10px;--radius-xl:16px;
  --header-h:52px;
  --font:"PingFang SC","Noto Sans SC","Microsoft YaHei","Helvetica Neue",sans-serif;
  --transition:0.2s cubic-bezier(0.4,0,0.2,1);
}
[data-theme="dark"]{
  --bg:#080812;--bg-card:#12122a;--bg-header:rgba(8,8,18,0.92);
  --text:#e4e4f0;--text-muted:#6a6a8a;--text-light:#8a8a9a;
  --primary:#c0392b;--primary-hover:#e74c3c;--primary-light:rgba(192,57,43,0.1);
  --gold:#c9a050;--gold-light:rgba(201,160,80,0.08);
  --border:#1e1e3a;--shadow:rgba(0,0,0,0.3);--shadow-lg:rgba(0,0,0,0.5);
}
*,*::before,*::after{box-sizing:border-box}
body,html{width:100%}
body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);padding-top:var(--header-h);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr,dl,dd,dt{margin:0;padding:0;font-weight:normal}
ul,li{list-style-type:none}
img{border:0 none;max-width:100%;height:auto;vertical-align:middle}
input,select,textarea{font-family:var(--font);font-size:13px;vertical-align:middle;border:none;outline:none}
p{margin:0 0 10px}
a,button{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--text);transition:color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition)}
a:hover{color:var(--primary)}
button:hover{cursor:pointer}
::selection{background:var(--primary);color:#fff}
.container{position:relative;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}
.row{position:relative;margin-right:-5px;margin-left:-5px}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after{display:table;content:" ";clear:both}
.clearfix{zoom:1}
[class*=col-]{position:relative;min-height:1px;padding:5px}
.col-pd{padding:5px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-wide-1,.col-xs-wide-2,.col-xs-wide-3,.col-xs-wide-4,.col-xs-wide-5,.col-xs-wide-6,.col-xs-wide-7,.col-xs-wide-8,.col-xs-wide-9,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-25,.col-xs-wide-30,.col-xs-wide-35,.col-xs-wide-45,.col-xs-wide-55,.col-xs-wide-65,.col-xs-wide-70,.col-xs-wide-75,.col-xs-wide-85,.col-xs-wide-95{float:left}
.col-xs-10{width:10%}.col-xs-9{width:11.111%}.col-xs-8{width:12.5%}.col-xs-7{width:14.285%}.col-xs-6{width:16.666%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.333%}.col-xs-2{width:50%}.col-xs-1{width:100%}
.col-xs-wide-10{width:10%}.col-xs-wide-9{width:90%}.col-xs-wide-8{width:80%}.col-xs-wide-7{width:70%}.col-xs-wide-6{width:60%}.col-xs-wide-5{width:50%}.col-xs-wide-4{width:40%}.col-xs-wide-3{width:30%}.col-xs-wide-2{width:20%}.col-xs-wide-15{width:15%}.col-xs-wide-95{width:95%}.col-xs-wide-85{width:85%}.col-xs-wide-75{width:75%}.col-xs-wide-70{width:70%}.col-xs-wide-65{width:65%}.col-xs-wide-55{width:55%}.col-xs-wide-45{width:45%}.col-xs-wide-35{width:35%}.col-xs-wide-30{width:30%}.col-xs-wide-25{width:25%}
@media(min-width:768px){
  .container{width:750px;padding:0 15px}
  .row{margin:0 -15px}
  [class*=col-]{padding:10px}
  .col-pd{padding:10px}
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-wide-1,.col-sm-wide-2,.col-sm-wide-3,.col-sm-wide-4,.col-sm-wide-5,.col-sm-wide-6,.col-sm-wide-7,.col-sm-wide-8,.col-sm-wide-9,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-25,.col-sm-wide-30,.col-sm-wide-35,.col-sm-wide-45,.col-sm-wide-55,.col-sm-wide-65,.col-sm-wide-70,.col-sm-wide-75,.col-sm-wide-85,.col-sm-wide-95{float:left}
  .col-sm-10{width:10%}.col-sm-9{width:11.111%}.col-sm-8{width:12.5%}.col-sm-7{width:14.285%}.col-sm-6{width:16.666%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.333%}.col-sm-2{width:50%}.col-sm-1{width:100%}
  .col-sm-wide-10{width:10%}.col-sm-wide-9{width:90%}.col-sm-wide-8{width:80%}.col-sm-wide-7{width:70%}.col-sm-wide-6{width:60%}.col-sm-wide-5{width:50%}.col-sm-wide-4{width:40%}.col-sm-wide-3{width:30%}.col-sm-wide-2{width:20%}.col-sm-wide-15{width:15%}.col-sm-wide-95{width:95%}.col-sm-wide-85{width:85%}.col-sm-wide-75{width:75%}.col-sm-wide-70{width:70%}.col-sm-wide-65{width:65%}.col-sm-wide-55{width:55%}.col-sm-wide-45{width:45%}.col-sm-wide-35{width:35%}.col-sm-wide-30{width:30%}.col-sm-wide-25{width:25%}
}
@media(min-width:992px){
  .container{width:920px}
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-wide-1,.col-md-wide-2,.col-md-wide-3,.col-md-wide-4,.col-md-wide-5,.col-md-wide-6,.col-md-wide-7,.col-md-wide-8,.col-md-wide-9,.col-md-wide-10,.col-md-wide-15,.col-md-wide-25,.col-md-wide-30,.col-md-wide-35,.col-md-wide-45,.col-md-wide-55,.col-md-wide-65,.col-md-wide-70,.col-md-wide-75,.col-md-wide-85,.col-md-wide-95{float:left}
  .col-md-10{width:10%}.col-md-9{width:11.111%}.col-md-8{width:12.5%}.col-md-7{width:14.285%}.col-md-6{width:16.666%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.333%}.col-md-2{width:50%}.col-md-1{width:100%}
  .col-md-wide-10{width:10%}.col-md-wide-9{width:90%}.col-md-wide-8{width:80%}.col-md-wide-7{width:70%}.col-md-wide-6{width:60%}.col-md-wide-5{width:50%}.col-md-wide-4{width:40%}.col-md-wide-3{width:30%}.col-md-wide-2{width:20%}.col-md-wide-15{width:15%}.col-md-wide-95{width:95%}.col-md-wide-85{width:85%}.col-md-wide-75{width:75%}.col-md-wide-70{width:70%}.col-md-wide-65{width:65%}.col-md-wide-55{width:55%}.col-md-wide-45{width:45%}.col-md-wide-35{width:35%}.col-md-wide-30{width:30%}.col-md-wide-25{width:25%}
}
@media(min-width:1200px){
  .container{width:1170px}
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-wide-1,.col-lg-wide-2,.col-lg-wide-3,.col-lg-wide-4,.col-lg-wide-5,.col-lg-wide-6,.col-lg-wide-7,.col-lg-wide-8,.col-lg-wide-9,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-25,.col-lg-wide-30,.col-lg-wide-35,.col-lg-wide-45,.col-lg-wide-55,.col-lg-wide-65,.col-lg-wide-70,.col-lg-wide-75,.col-lg-wide-85,.col-lg-wide-95{float:left}
  .col-lg-10{width:10%}.col-lg-9{width:11.111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.285%}.col-lg-6{width:16.666%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.333%}.col-lg-2{width:50%}.col-lg-1{width:100%}
  .col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-70{width:70%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-30{width:30%}.col-lg-wide-25{width:25%}
}
h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}
h1{font-size:17px;font-weight:700;letter-spacing:-0.01em}
h2{font-size:16px;font-weight:700}h3{font-size:15px}h4{font-size:14px}
h5{font-size:13px}h6{font-size:12px}
h1,h2,h3,h4,h5,h6{margin:8px 0}
.icon{font-size:16px;vertical-align:-1px}
.font-16{font-size:16px}.font-14{font-size:14px}.font-12{font-size:12px}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.kd-text-overflow{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}
.text-red{color:var(--primary)}
.kd-header{
  position:fixed;top:0;z-index:999;width:100%;height:var(--header-h);
  background:var(--bg-header);display:flex;align-items:center;
}
.kd-header::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,var(--border) 20%,var(--border) 80%,transparent);
}
.kd-header .container{display:flex;align-items:center;width:100%}
.kd-header-logo{flex-shrink:0;margin-right:12px}
.kd-header-logo .kd-brand{display:flex;align-items:center;gap:8px;color:var(--text)}
.kd-header-logo .kd-brand-mark{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold) 0%,var(--primary) 72%);
  color:#fff;box-shadow:0 2px 10px var(--gold-light);
  transition:transform var(--transition),box-shadow var(--transition);
}
.kd-header-logo .kd-brand:hover .kd-brand-mark{transform:translateY(-1px);box-shadow:0 4px 14px rgba(201,160,80,0.35)}
.kd-header-logo .kd-brand-text{display:flex;flex-direction:column;line-height:1.05}
.kd-header-logo .kd-brand-name{font-size:17px;font-weight:800;letter-spacing:-0.01em;color:var(--text);white-space:nowrap}
.kd-header-logo .kd-brand-sub{font-size:9px;font-weight:700;letter-spacing:0.22em;color:var(--gold);white-space:nowrap}
.kd-header-nav{display:none}
.kd-header-nav a{display:block;padding:14px 0;font-size:16px;font-weight:500;
  border-bottom:1px solid var(--border);border-radius:0;
  letter-spacing:0.01em;transition:all var(--transition);}
.kd-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.kd-header-search{position:relative;flex:1;margin:0 8px;width:auto}
.kd-header-search input{
  width:100%;height:32px;padding:0 32px 0 12px;font-size:12px;
  background:var(--bg);border:1px solid var(--border);
  border-radius:16px;transition:all var(--transition);
  color:var(--text);
}
.kd-header-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
.kd-header-search input::placeholder{color:var(--text-muted)}
.kd-header-search button{
  position:absolute;right:2px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;background:none;border:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);cursor:pointer;transition:color var(--transition);
}
.kd-header-search button:hover{color:var(--primary)}
.kd-theme-toggle{
  width:36px;height:36px;border-radius:50%;background:none;border:0;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;color:var(--text);cursor:pointer;flex-shrink:0;
  transition:all var(--transition);
}
.kd-theme-toggle:hover{background:var(--primary-light);color:var(--primary)}
.kd-mobile-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:998;
  background:var(--bg-header);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  display:flex;justify-content:space-around;align-items:center;
  padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));
  border-top:1px solid var(--border);
}
.kd-mobile-nav::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,var(--border) 20%,var(--border) 80%,transparent);
}
.kd-mobile-nav a{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:4px 0;min-width:56px;border-radius:var(--radius);
  color:var(--text-muted);font-size:10px;transition:all var(--transition);
}
.kd-mobile-nav a .icon{font-size:20px;transition:color var(--transition)}
.kd-mobile-nav a.active,.kd-mobile-nav a:hover{color:var(--primary)}
.kd-mobile-nav a.active .icon{color:var(--primary)}
.kd-slider{position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.kd-slider-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.kd-slider-item{flex:0 0 100%;position:relative}
.kd-slider-item a{display:block;position:relative;padding-top:56%}
.kd-slider-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.kd-slider-item .kd-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:40px 16px 16px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.85) 100%);
}
.kd-slider-item .kd-info h3{
  font-size:15px;margin:0;color:#fff;font-weight:700;letter-spacing:-0.01em;
  text-shadow:0 2px 8px rgba(0,0,0,0.4);
}
.kd-slider-item .kd-info p{font-size:12px;opacity:0.8;margin-top:6px;max-width:540px;line-height:1.6}
.kd-slider-prev,.kd-slider-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(0,0,0,0.4);color:#fff;backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;font-size:14px;
  opacity:1;transition:all var(--transition);
}
.kd-slider-prev:hover,.kd-slider-next:hover{background:var(--primary)}
.kd-slider-prev{left:12px}.kd-slider-next{right:12px}
.kd-slider-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 8px}
.kd-slider-dots button{width:6px;height:6px;border-radius:3px;background:var(--border);transition:all var(--transition);padding:0;border:none;cursor:pointer}
.kd-slider-dots button.active{width:24px;background:var(--primary)}
.kd-panel{
  position:relative;margin-bottom:12px;
  background:var(--bg-card);border-radius:var(--radius-lg);
  border:1px solid var(--border);
}
.kd-panel-hd{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 14px;border-bottom:1px solid var(--border);
}
.kd-panel-hd .kd-title{
  margin:0;font-size:15px;font-weight:600;
  display:flex;align-items:center;gap:8px;
}
.kd-panel-hd .kd-title .icon{color:var(--primary);font-size:16px}
.kd-panel-hd .kd-title img{display:inline-block;width:22px;height:22px;margin-right:8px;vertical-align:-4px}
.kd-panel-hd .kd-title a{color:var(--text)}
.kd-panel-hd .kd-title a:hover{color:var(--primary)}
.kd-panel-bd{padding:12px 14px}
.kd-panel-ft{padding:12px 14px;text-align:center;border-top:1px solid var(--border)}
.kd-panel-hd .kd-nav-tabs{display:flex;gap:2px}
.kd-panel-hd .kd-nav-tabs a{
  display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;
  border-radius:16px;color:var(--text-muted);transition:all var(--transition);
}
.kd-panel-hd .kd-nav-tabs a:hover{color:var(--primary);background:var(--primary-light)}
.kd-panel-hd .kd-nav-tabs a.active{background:var(--primary);color:#fff}
.kd-card{position:relative;transition:transform var(--transition)}
.kd-card:hover{transform:translateY(-3px)}
.kd-card .kd-thumb{
  display:block;position:relative;padding-top:140%;
  background:var(--border);border-radius:var(--radius);overflow:hidden;
  transition:box-shadow var(--transition);
}
.kd-card:hover .kd-thumb{box-shadow:0 12px 32px var(--shadow-lg)}
.kd-card .kd-thumb img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;transition:transform 0.5s ease,filter 0.5s ease;
}
.kd-card:hover .kd-thumb img{transform:scale(1.05);filter:brightness(1.1)}
.kd-card .kd-thumb::after{
  content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;
  height:50%;opacity:0;
  background:linear-gradient(to top,rgba(201,160,80,0.18),transparent);
  transition:opacity 0.35s ease;
  pointer-events:none;
}
.kd-card:hover .kd-thumb::after{opacity:1}
.kd-card .kd-play-icon{
  position:absolute;inset:0;z-index:2;opacity:0;
  background:radial-gradient(ellipse at center,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.45) 100%);
  transition:opacity var(--transition);
}
.kd-card:hover .kd-play-icon{opacity:1}
.kd-card .kd-play-icon::after{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,0.95);
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/50% no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/50% no-repeat;
  transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
}
.kd-card:hover .kd-play-icon::after{transform:translate(-50%,-50%) scale(1)}
.kd-card .kd-tag{
  position:absolute;bottom:8px;right:8px;z-index:3;
  padding:2px 8px;font-size:11px;font-weight:600;
  background:rgba(0,0,0,0.7);color:#fff;border-radius:3px;
  letter-spacing:0.02em;backdrop-filter:blur(4px);
}
.kd-card .kd-tag-top{
  position:absolute;top:8px;left:8px;z-index:3;
  padding:2px 8px;font-size:11px;font-weight:600;
  background:var(--primary);color:#fff;border-radius:3px;
  letter-spacing:0.02em;
}
.kd-card .kd-info{padding:8px 4px 4px}
.kd-card .kd-name{
  display:block;font-size:13px;font-weight:600;line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--text);transition:color var(--transition);
}
.kd-card .kd-name:hover{color:var(--primary)}
.kd-card .kd-meta{
  font-size:12px;color:var(--text-muted);margin-top:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.kd-card .kd-actor-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-card),var(--border))}
.kd-card-h{
  display:flex;gap:12px;padding:12px 0;align-items:flex-start;
}
.kd-card-h .kd-thumb{
  flex-shrink:0;display:block;position:relative;width:100px;
  border-radius:var(--radius);overflow:hidden;
  background:var(--border);transition:box-shadow var(--transition);
}
.kd-card-h .kd-thumb img{width:100%;display:block;transition:transform 0.5s ease}
.kd-card-h .kd-thumb:hover img{transform:scale(1.05)}
.kd-card-h .kd-info{flex:1;min-width:0}
.kd-card-h .kd-name{
  display:block;font-size:14px;font-weight:600;line-height:1.4;
  color:var(--text);transition:color var(--transition);
}
.kd-card-h .kd-name:hover{color:var(--primary)}
.kd-card-h .kd-meta{font-size:12px;color:var(--text-muted);margin-top:4px}
.kd-card-h .kd-desc{
  font-size:12px;color:var(--text-light);margin-top:6px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.kd-card-s{
  display:flex;gap:10px;padding:8px 0;align-items:center;
}
.kd-card-s .kd-thumb{
  flex-shrink:0;display:block;position:relative;width:66px;
  border-radius:6px;overflow:hidden;background:var(--border);
  transition:box-shadow var(--transition);
}
.kd-card-s .kd-thumb img{width:100%;display:block;transition:transform 0.5s ease}
.kd-card-s .kd-thumb:hover img{transform:scale(1.05)}
.kd-card-s .kd-rank-num{
  position:absolute;top:4px;left:4px;width:18px;height:18px;line-height:18px;
  text-align:center;font-size:11px;font-weight:700;border-radius:4px;
  background:rgba(0,0,0,0.65);color:#fff;z-index:1;
}
.kd-card-s .kd-rank-num.kd-top{background:var(--primary)}
.kd-card-s .kd-info{flex:1;min-width:0}
.kd-card-s .kd-name{
  display:block;font-size:13px;font-weight:600;line-height:1.4;
  color:var(--text);transition:color var(--transition);
}
.kd-card-s .kd-name:hover{color:var(--primary)}
.kd-card-s .kd-desc{
  font-size:11px;color:var(--text-light);margin-top:4px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.kd-card-s .kd-meta{font-size:11px;color:var(--text-muted);margin-top:3px;line-height:1.3}
.kd-topic-card{
  position:relative;border-radius:var(--radius);overflow:hidden;
  background:var(--border);transition:transform var(--transition),box-shadow var(--transition);
}
.kd-topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-lg)}
.kd-topic-card .kd-thumb{display:block;padding-top:56%}
.kd-topic-card .kd-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.kd-topic-card .kd-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:40px 14px 14px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,0.8));
}
.kd-topic-card .kd-info h3{font-size:15px;font-weight:600;margin:0;color:#fff}
.kd-topic-card .kd-info p{font-size:12px;opacity:0.7;margin-top:4px}
.kd-btn{
  display:inline-block;padding:7px 16px;font-size:13px;font-weight:600;
  border-radius:var(--radius);transition:all var(--transition);
  border:1px solid var(--border);background:var(--bg-card);color:var(--text);
  white-space:nowrap;cursor:pointer;text-align:center;letter-spacing:0.01em;
}
.kd-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}
.kd-btn .icon{font-size:13px;vertical-align:-1px}
.kd-btn-sm{padding:5px 10px;font-size:11px}
.kd-btn-lg{padding:10px 24px;font-size:14px}
.kd-btn-block{display:block;width:100%;text-align:center}
.kd-btn-primary{
  background:var(--primary);border-color:var(--primary);color:#fff;
  box-shadow:0 2px 8px rgba(192,57,43,0.2);
}
.kd-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;box-shadow:0 4px 16px rgba(192,57,43,0.3);transform:translateY(-1px)}
.kd-btn-primary .icon{color:#fff}
.kd-detail-main{display:flex;flex-direction:column;align-items:center;gap:16px}
.kd-detail-thumb{flex-shrink:0;width:115px}
.kd-detail-thumb img{
  width:100%;border-radius:var(--radius);
  transition:transform var(--transition),box-shadow var(--transition);
}
.kd-detail-thumb img:hover{transform:scale(1.02);box-shadow:0 8px 24px var(--shadow-lg)}
.kd-detail-info{flex:1;min-width:0}
.kd-detail-info h1{margin:0 0 10px;font-size:17px;font-weight:700;letter-spacing:-0.01em}
.kd-detail-info .kd-meta{font-size:13px;color:var(--text-light);margin-bottom:8px;line-height:1.7}
.kd-detail-info .kd-meta span{color:var(--text-muted)}
.kd-detail-meta-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kd-detail-meta-row .kd-meta{margin-bottom:10px}
.kd-detail-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.kd-desc{font-size:14px;line-height:1.8;color:var(--text-light);position:relative}
.kd-desc.kd-clamped{max-height:72px;overflow:hidden}
.kd-desc.kd-clamped::after{content:'';position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(transparent,var(--bg-card))}
.kd-desc-expand{
  display:inline-block;margin-top:8px;font-size:12px;color:var(--primary);
  cursor:pointer;font-weight:600;user-select:none;
}
.kd-desc-expand:hover{color:var(--primary-hover)}
.kd-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.kd-detail-title h1{margin:0;flex:1;min-width:0}
.kd-report-btn{
  flex-shrink:0;display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;font-size:12px;font-weight:600;line-height:1;
  color:var(--gold);border:1px solid var(--gold);border-radius:20px;
  background:transparent;cursor:pointer;transition:all var(--transition);
  white-space:nowrap;
}
.kd-report-btn:hover{background:var(--gold);color:#fff}
.kd-report-btn .icon{font-size:12px}
.kd-share-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kd-share-label{font-size:13px;color:var(--text-muted)}
.kd-share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}
.kd-share-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 14px var(--shadow)}
.kd-share-btn .icon{font-size:16px}
#kd-report-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
#kd-report-modal .kd-rm-mask{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
#kd-report-modal .kd-rm-box{position:relative;width:90%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:rmIn .25s ease}
#kd-report-modal .kd-rm-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-size:15px;font-weight:700;color:var(--text)}
#kd-report-modal .kd-rm-close{color:var(--text-muted);font-size:16px;line-height:1;transition:color var(--transition)}
#kd-report-modal .kd-rm-close:hover{color:var(--primary)}
#kd-report-modal .kd-rm-bd{padding:16px 18px}
#kd-report-modal .kd-rm-tip{font-size:12px;color:var(--text-muted);margin-bottom:12px}
#kd-report-modal .kd-rm-field{display:flex;gap:8px;margin-bottom:8px;font-size:13px}
#kd-report-modal .kd-rm-field label{flex-shrink:0;color:var(--text-muted)}
#kd-report-modal .kd-rm-field span{color:var(--text);word-break:break-all}
#kd-report-modal .kd-rm-text{width:100%;height:80px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.6;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);resize:none;box-sizing:border-box}
#kd-report-modal .kd-rm-ft{padding:0 18px 16px}
@keyframes rmIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.kd-player-wrap{position:relative;padding-bottom:56.25%;height:0;margin-bottom:16px;border-radius:var(--radius-lg);overflow:hidden;background:#000}
.kd-player-wrap .MacPlayer{position:absolute;top:0;left:0;width:100%;height:100%}
.kd-player-info{padding:0}
.kd-player-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.kd-player-actions .kd-btn{font-size:11px;padding:5px 8px}
.kd-playlist{position:relative;margin:0 -5px}
.kd-playlist.kd-overflow{max-height:300px;overflow-y:scroll}
.kd-playlist li{float:left;margin-bottom:10px;margin-right:10px}
.kd-playlist li a{
  display:inline-block;padding:5px 10px;font-size:12px;font-weight:500;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:all var(--transition);min-width:40px;text-align:center;
}
.kd-playlist li a:hover,.kd-playlist li.active a{
  background:var(--primary);border-color:var(--primary);color:#fff;
  box-shadow:0 2px 8px rgba(192,57,43,0.2);
}
.kd-playlist a{
  display:inline-block;padding:5px 10px;margin:0 6px 6px 0;font-size:12px;font-weight:500;
  border:1px solid var(--border);border-radius:var(--radius);
  transition:all var(--transition);min-width:40px;text-align:center;
}
.kd-playlist a:hover,.kd-playlist a.active{
  background:var(--primary);border-color:var(--primary);color:#fff;
  box-shadow:0 2px 8px rgba(192,57,43,0.2);
}
.kd-playlist.column3 li{width:33.333%;padding:0 5px;margin-right:0}
.kd-playlist.column6 li{width:16.666%;padding:0 5px;margin-right:0}
.kd-playlist.column8 li{width:12.5%;padding:0 5px;margin-right:0}
.kd-playlist.column10 li{width:10%;padding:0 5px;margin-right:0}
.kd-playlist.column12 li{width:8.333%;padding:0 5px;margin-right:0}
.kd-playlist.column3 li a,.kd-playlist.column6 li a,.kd-playlist.column8 li a,.kd-playlist.column10 li a,.kd-playlist.column12 li a{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px;min-width:0}
.kd-modal{
  position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.6);
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(2px);
}
.kd-modal-dialog{max-width:480px;width:90%}
.kd-modal-content{
  background:var(--bg-card);border-radius:var(--radius-xl);
  overflow:hidden;box-shadow:0 24px 64px var(--shadow-lg);
  border:1px solid var(--border);
}
.form-control{
  display:block;width:100%;height:30px;padding:10px;font-size:12px;line-height:25px;
  border-radius:var(--radius);border:1px solid var(--border);
  background:var(--bg);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);
}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}
textarea.form-control{height:auto;resize:vertical}
.kd-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;line-height:28px}
.kd-filter-bar a{
  display:inline-block;padding:2px 12px;font-size:12.5px;font-weight:500;
  border-radius:14px;color:var(--text);transition:all var(--transition);
}
.kd-filter-bar a:hover{color:var(--primary);background:var(--primary-light)}
.kd-filter-bar a.active{background:var(--primary);color:#fff}
.kd-fab{
  position:fixed;right:10px;bottom:70px;z-index:99;display:flex;flex-direction:column;gap:8px;
}
.kd-fab button{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;
  background:var(--bg-card);box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border);
  font-size:16px;color:var(--text);transition:all var(--transition);
}
.kd-fab button:hover{
  background:var(--primary);color:#fff;border-color:var(--primary);
  box-shadow:0 6px 20px rgba(192,57,43,0.3);transform:translateY(-1px);
}
.kd-fab .kd-backtop{background:rgba(0,0,0,0.5);color:#fff;border:none;display:none}
.kd-fab .kd-backtop.show{display:flex}
.kd-footer{
  padding:18px 0;text-align:center;font-size:12px;color:var(--text-muted);
  border-top:1px solid var(--border);margin-top:20px;
}
.kd-footer a{color:var(--text-muted)}
.kd-footer a:hover{color:var(--primary)}
.kd-pagination{margin-bottom:20px;text-align:center}
.kd-pagination a,.kd-pagination span{
  display:inline-block;padding:5px 10px;margin:0 3px;font-size:12px;
  font-weight:500;border-radius:var(--radius);border:1px solid var(--border);
  background:var(--bg-card);color:var(--text);transition:all var(--transition);
}
.kd-pagination a:hover,.kd-pagination span.active{
  background:var(--primary);color:#fff;border-color:var(--primary);
}
.kd-friend-links{display:flex;flex-wrap:wrap;gap:14px}
.kd-friend-links a{font-size:13px;color:var(--text-muted);transition:color var(--transition)}
.kd-friend-links a:hover{color:var(--primary)}
.kd-split-line{display:inline-block;margin:0 10px;width:1px;height:12px;vertical-align:-1px;background:var(--border)}
.kd-comment-wrap .mac_comment{margin:-10px 0}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.kd-ac-suggestions{
  position:absolute;z-index:9999;top:100%;width:100%;margin-top:4px;
  padding:0 12px;border-radius:var(--radius);
  background:var(--bg-card);box-shadow:0 12px 32px var(--shadow-lg);
  border:1px solid var(--border);
}
.kd-ac-suggestion{padding:10px 0;cursor:pointer;border-top:1px solid var(--border);font-size:13px}
.kd-ac-suggestion:first-child{border-top:0}
.kd-ac-suggestion:hover{color:var(--primary)}
.mac_results{
  z-index:9999;padding:0 12px;margin-top:5px;border-radius:var(--radius);
  background:var(--bg-card);border:1px solid var(--border);
  box-shadow:0 12px 32px var(--shadow-lg);
}
.mac_results li{padding:10px 0;cursor:pointer;border-top:1px solid var(--border);font-size:13px}
.mac_results li:first-child{border:0}
.kd-top-line,.kd-top-line-dot{position:relative}
.kd-top-line:before,.kd-top-line-dot:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;border-top:1px solid var(--border)}
.kd-bottom-line:after,.kd-bottom-line-dot:before{content:" ";position:absolute;left:0;bottom:0;right:0;width:100%;height:1px;border-bottom:1px solid var(--border)}
.kd-badge{display:inline-block;margin-right:10px;width:18px;height:18px;text-align:center;line-height:18px;border-radius:2px;font-size:12px;background:var(--border)}
.kd-badge-radius{border-radius:50%}
.kd-badge-first{background:var(--primary);color:#fff}
.kd-badge-second{background:var(--gold);color:#fff}
.kd-badge-third{background:var(--text-muted);color:#fff}
.dropdown-menu{background:var(--bg-card);border:1px solid var(--border)}
.dropdown-menu:before{background:var(--bg-card);border-color:var(--border)}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background:var(--primary);color:#fff}
.kd-screen-list{position:relative;padding:10px 0 0}
.kd-screen-list li{float:left;margin-right:10px;margin-bottom:10px}
.kd-screen-list li a{display:inline-block;padding:3px 10px;border-radius:2px;color:var(--text)}
.kd-screen-list li.active a{background:var(--primary);color:#fff}
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-prev-next-button{position:absolute;top:50%;width:30px;height:60px;border:none;background:rgba(0,0,0,.6);cursor:pointer;transform:translateY(-50%);color:#fff;font-size:18px}
.flickity-prev-next-button.previous{left:10px;border-radius:0 10px 10px 0}
.flickity-prev-next-button.next{right:10px;border-radius:10px 0 0 10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-page-dots{position:absolute;width:100%;bottom:20px;left:0;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:15px;height:3px;margin:0 5px;background:var(--primary);opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.hidden{display:none!important}
.hidden-xs{display:none!important}
.visible-xs{display:block}
.pull-right{float:right}
.pull-left{float:left}
.margin-0{margin:0}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.kd-empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}
.kd-empty-state .icon{font-size:44px;margin-bottom:16px;opacity:0.2}
.kd-empty-state p{font-size:15px}
img.lazyload{background:var(--border);transition:opacity 0.4s ease}
img.lazyloaded{background:none}
.kd-map-hero{
  position:relative;margin-bottom:20px;padding:20px 16px 18px;
  border-radius:var(--radius-lg);overflow:hidden;
  background:var(--bg-card);border:1px solid var(--border);
}
.kd-map-hero::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,var(--primary),var(--gold),transparent);
}
.kd-map-hero-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.kd-map-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:0.18em;color:var(--gold);
}
.kd-map-eyebrow::before{
  content:'';display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--gold);margin-right:6px;vertical-align:1px;
  box-shadow:0 0 8px var(--gold);
}
.kd-map-hero-title{margin:0;font-size:18px;font-weight:700;letter-spacing:-0.01em}
.kd-map-filmstrip{
  display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;padding-bottom:4px;
  scrollbar-width:none;
}
.kd-map-filmstrip::-webkit-scrollbar{display:none}
.kd-map-film-item{flex:0 0 42%;scroll-snap-align:start}
.kd-map-film-item .kd-card .kd-meta{display:none}
.kd-map-film-item .kd-card .kd-name{font-size:12px}
.kd-map-section{
  height:100%;display:flex;flex-direction:column;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius-lg);overflow:hidden;
}
.kd-map-section-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--border);
}
.kd-map-section-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16px}
.kd-map-section-title .kd-map-bar{
  width:3px;height:16px;border-radius:2px;
  background:linear-gradient(to bottom,var(--primary),var(--gold));
  box-shadow:0 0 8px var(--primary-light);
}
.kd-map-section-title a{color:var(--text);font-weight:700;letter-spacing:-0.01em}
.kd-map-section-title a:hover{color:var(--primary)}
.kd-map-more{
  font-size:12px;color:var(--text-muted);white-space:nowrap;
  transition:color var(--transition);
}
.kd-map-more:hover{color:var(--primary)}
.kd-map-more .icon{font-size:12px;vertical-align:-1px}
.kd-map-featured{margin:0;padding:10px 8px 0}
.kd-map-featured .kd-card .kd-name{font-size:12px}
.kd-map-featured .kd-card .kd-meta{display:none}
.kd-map-list{flex:1;padding:6px 16px 14px}
.kd-map-list-item a{
  display:flex;align-items:center;gap:10px;padding:9px 4px;
  border-bottom:1px solid var(--border);transition:padding var(--transition);
}
.kd-map-list-item:last-child a{border-bottom:0}
.kd-map-list-item a:hover{padding-left:10px}
.kd-map-list-name{
  flex:1;min-width:0;font-size:13px;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:color var(--transition);
}
.kd-map-list-item a:hover .kd-map-list-name{color:var(--primary)}
.kd-map-list-ep{
  flex-shrink:0;font-size:11px;color:var(--text-muted);
  padding:1px 7px;border-radius:3px;background:var(--bg);
}
.kd-map-list-date{flex-shrink:0;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.kd-topic-hero{
  position:relative;margin-bottom:20px;overflow:hidden;
  border-radius:var(--radius-lg);border:1px solid var(--border);
  background:var(--bg-card);
}
.kd-topic-hero::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;z-index:3;
  background:linear-gradient(to right,var(--primary),var(--gold),transparent);
}
.kd-topic-hero-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center 30%;
  filter:blur(28px) brightness(0.55);
  transform:scale(1.15);opacity:0.6;
}
.kd-topic-hero::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(8,8,18,0.45),rgba(8,8,18,0.9));
}
.kd-topic-hero-inner{
  position:relative;z-index:2;display:flex;flex-direction:column;
  align-items:center;gap:18px;padding:26px 18px;
}
.kd-topic-hero-poster{flex-shrink:0;width:132px}
.kd-topic-hero-poster img{
  width:100%;border-radius:var(--radius);display:block;
  box-shadow:0 14px 36px rgba(0,0,0,0.55);
  border:1px solid rgba(255,255,255,0.08);
}
.kd-topic-hero-info{flex:1;min-width:0;width:100%;text-align:center}
.kd-topic-hero-title{
  margin:8px 0 12px;color:#fff;font-size:22px;font-weight:700;
  letter-spacing:-0.01em;text-shadow:0 2px 12px rgba(0,0,0,0.5);
}
.kd-topic-hero-stats{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:6px 16px;margin-bottom:12px;
}
.kd-topic-hero-stats span{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;color:rgba(255,255,255,0.72);
}
.kd-topic-hero-stats .num{font-style:normal;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.kd-topic-hero-stats .dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:0.8}
.kd-topic-hero-desc{
  margin:0 auto;max-width:640px;font-size:13px;line-height:1.8;
  color:rgba(255,255,255,0.72);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.kd-topic-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.kd-topic-tag{
  display:inline-block;padding:3px 10px;font-size:11px;font-weight:600;
  border-radius:12px;border:1px solid rgba(201,160,80,0.35);
  color:var(--gold);background:rgba(201,160,80,0.08);letter-spacing:0.02em;
}
@media(min-width:768px){
  .kd-topic-hero-inner{flex-direction:row;align-items:center;gap:28px;padding:34px 32px}
  .kd-topic-hero-poster{width:180px}
  .kd-topic-hero-info{text-align:left}
  .kd-topic-hero-title{font-size:26px}
  .kd-topic-hero-stats,.kd-topic-hero-tags{justify-content:flex-start}
  .kd-topic-hero-desc{margin:0}
}
.kd-comment-shuffle{
  font-size:12px;color:var(--text-muted);cursor:pointer;transition:color var(--transition);
}
.kd-comment-shuffle:hover{color:var(--primary)}
.kd-comment-list{display:flex;flex-direction:column}
.kd-comment-item{
  display:flex;gap:12px;padding:16px 0;
  border-top:1px solid var(--border);
}
.kd-comment-item:first-child{border-top:0;padding-top:0}
.kd-comment-avatar{
  flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;
  background:linear-gradient(135deg,var(--primary),var(--gold));
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
}
.kd-comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.kd-comment-avatar-txt{color:#fff;font-size:15px;font-weight:600;line-height:1}
.kd-comment-body{flex:1;min-width:0}
.kd-comment-head{display:flex;align-items:baseline;gap:10px}
.kd-comment-name{font-size:13px;font-weight:600;color:var(--gold)}
.kd-comment-time{font-size:11px;color:var(--text-muted)}
.kd-comment-content{font-size:13px;line-height:1.7;color:var(--text-light);margin:6px 0 0;word-break:break-word}
.kd-comment-form{margin-bottom:16px}
.kd-comment-input-row{display:flex;gap:10px}
.kd-comment-input{
  flex:1;min-width:0;height:40px;padding:0 14px;font-size:13px;color:var(--text);
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  outline:none;transition:border-color var(--transition);
}
.kd-comment-input:focus{border-color:var(--gold)}
.kd-comment-input::placeholder{color:var(--text-muted)}
.kd-comment-submit{flex-shrink:0;height:40px;line-height:26px;padding:0 22px}
.kd-comment-tip{margin:8px 0 0;font-size:11px;color:var(--text-muted)}
.kd-comment-item-me .kd-comment-avatar{background:linear-gradient(135deg,var(--gold),var(--primary))}
.kd-comment-me-tag{
  flex-shrink:0;font-size:10px;font-weight:700;color:#fff;line-height:1;
  padding:2px 5px;border-radius:3px;background:var(--primary);
}
@media(min-width:768px){
  :root{--header-h:64px}
  body{padding-bottom:0}
  .kd-header-logo{margin-right:24px}
  .kd-header-logo .kd-brand-name{font-size:19px}
  .kd-header-nav{
    position:static;flex-direction:row;padding:0;gap:1px;
    transform:none;background:transparent;overflow-y:visible;
    display:flex;flex:1;
  }
  .kd-header-nav a{padding:7px 10px;font-size:13px;border-bottom:0;border-radius:var(--radius)}
  .kd-header-nav a:hover{background:var(--primary-light)}
  .kd-header-nav a.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(192,57,43,0.25)}
  .kd-mobile-nav{display:none}
  .kd-header-search{flex:none;width:150px;margin:0}
  .kd-header-search input{height:36px;padding:0 36px 0 14px;font-size:13px;border-radius:18px}
  .kd-header-search button{right:4px;width:30px;height:30px}
  .kd-slider-item a{padding-top:42%}
  .kd-slider-item .kd-info{padding:70px 24px 24px}
  .kd-slider-item .kd-info h3{font-size:20px}
  .kd-slider-item .kd-info p{font-size:13px;margin-top:8px}
  .kd-slider-prev,.kd-slider-next{width:40px;height:40px;font-size:16px;opacity:0}
  .kd-slider:hover .kd-slider-prev,.kd-slider:hover .kd-slider-next{opacity:1}
  .kd-slider-prev{left:16px}.kd-slider-next{right:16px}
  .kd-slider-dots{padding:16px 0 8px}
  .kd-panel{margin-bottom:20px}
  .kd-panel-hd{padding:16px 20px}
  .kd-panel-hd .kd-title{font-size:16px}
  .kd-panel-bd{padding:16px 20px}
  .kd-panel-ft{padding:14px 20px}
  .kd-panel-hd .kd-nav-tabs a{padding:4px 12px;font-size:12.5px}
  .kd-card .kd-info{padding:10px 4px 4px}
  .kd-card .kd-name{font-size:14px}
  .kd-card-h{gap:16px;padding:14px 0}
  .kd-card-h .kd-thumb{width:120px}
  .kd-card-h .kd-name{font-size:15px}
  .kd-card-h .kd-desc{font-size:13px}
  .kd-map-hero{padding:24px 20px 20px}
  .kd-map-hero-title{font-size:22px}
  .kd-map-filmstrip{gap:16px;overflow:visible;scroll-snap-type:none}
  .kd-map-film-item{flex:1 1 0}
  .kd-map-film-item .kd-card .kd-name{font-size:14px}
  .kd-map-section-head{padding:16px 20px}
  .kd-map-section-title{font-size:17px}
  .kd-map-featured{padding:12px 10px 0}
  .kd-map-list{padding:8px 20px 16px}
  .kd-map-list-name{font-size:14px}
  .kd-detail-main{flex-direction:row;align-items:flex-start;gap:24px}
  .kd-detail-thumb{width:160px}
  .kd-detail-info h1{font-size:20px;margin:0 0 12px}
  .kd-detail-actions{gap:10px;margin-top:16px}
  .kd-btn{padding:8px 20px;font-size:13px}
  .kd-btn-sm{padding:5px 12px;font-size:12px}
  .kd-btn-lg{padding:12px 28px;font-size:15px}
  .kd-player-actions{gap:8px}
  .kd-player-actions .kd-btn{font-size:12px;padding:5px 14px}
  .kd-playlist li a{font-size:13px;padding:6px 16px;min-width:44px}
  .kd-playlist a{font-size:13px;padding:6px 16px;margin:0 8px 8px 0;min-width:44px}
  .kd-fab{right:20px;bottom:30px;gap:10px}
  .kd-fab button{width:44px;height:44px;font-size:18px}
  .kd-footer{padding:28px 0;margin-top:32px}
  .kd-pagination{margin-bottom:30px}
  .kd-pagination a,.kd-pagination span{padding:6px 14px;font-size:13px}
  .hidden-xs{display:block!important}
  .visible-xs{display:none}
  h1{font-size:22px}h2{font-size:19px}h3{font-size:17px}h4{font-size:15px}
  h5{font-size:14px}
}
@media(min-width:992px){
  .kd-header-logo{margin-right:32px}
  .kd-header-nav a{padding:7px 14px;font-size:13.5px}
  .kd-header-search{width:200px}
  .kd-detail-thumb{width:190px}
  .kd-detail-info h1{font-size:22px}
  .kd-slider-item .kd-info{padding:70px 32px 28px}
  .kd-slider-item .kd-info h3{font-size:24px}
  .kd-slider-prev,.kd-slider-next{width:44px;height:44px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
  html{scroll-behavior:auto}
}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
.kd-faq-item{
  position:relative;padding:15px 18px 15px 20px;margin-bottom:10px;
  background:var(--bg-card);border:1px solid var(--border);
  border-left:3px solid var(--gold);border-radius:var(--radius);
  transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);
}
.kd-faq-item:last-child{margin-bottom:0}
.kd-faq-item:hover{border-color:var(--gold);transform:translateX(3px);box-shadow:0 8px 22px var(--shadow)}
.kd-faq-q{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.5}
.kd-faq-q .kd-q-mark{flex-shrink:0;margin-top:1px;width:20px;height:20px;line-height:20px;text-align:center;font-size:11px;font-weight:800;color:#fff;border-radius:50%;background:var(--gold)}
.kd-faq-a{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-muted);line-height:1.8;margin:9px 0 0 30px}
.kd-faq-a .kd-a-mark{flex-shrink:0;margin-top:3px;width:18px;height:18px;line-height:18px;text-align:center;font-size:10px;font-weight:800;color:#fff;border-radius:50%;background:var(--primary)}