/* match site body bg + 1000px center */
html,body{background-color:#ffffff !important}
.topbg .top,
.topbg .top1,
.menusbg,
.menus1,
.wrap_game,
.wrap_game1,
.index_box.kf-skin,
.kf-skin,
.footer{
  width:1000px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
  box-sizing:border-box !important;
}
.topbg .top img,.topbg .top1 img{max-width:100%;height:auto;display:block}
.footer{width:1000px !important;padding:15px;box-sizing:border-box !important}

/* kaifu — same white body as index/list pages */
.kf-skin{
  --kf-orange:#F44E18;
  --kf-orange-hot:#F76C3F;
  --kf-blue:#0082DF;
  --kf-bg:#ffffff;
  --kf-soft:#ffffff;
  --kf-line:#EEEEEE;
  --kf-line-2:#DDDDDD;
  --kf-text:#333333;
  --kf-text-2:#666666;
  --kf-text-3:#999999;
  --kf-red:#CC0000;
  width:1000px !important;
  max-width:100%;
  margin:10px auto 15px !important;
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
  float:none !important;
  clear:both;
  display:block !important;
  position:relative;
  background:#ffffff !important;
  color:var(--kf-text);
  font-family:"Microsoft YaHei","PingFang SC",SimSun,sans-serif;
  line-height:1.7;
}
.kf-skin a{color:var(--kf-blue);text-decoration:none}
.kf-skin a:hover{color:var(--kf-red);text-decoration:underline}
.kf-wrap{width:100%;margin:0 auto;padding:0;overflow:hidden;box-sizing:border-box;background:#ffffff;float:none;clear:both;display:block}
.kf-path{color:#ffffff;font-size:14px;margin:0 0 8px;padding:0 12px;height:36px;line-height:36px;background:#F44E18;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kf-path a{color:#ffffff}
.kf-path a:hover{color:#fff;text-decoration:underline}
.kf-hero{
  background:#ffffff;
  border:1px solid #EEEEEE;
  padding:14px 16px;
  margin-bottom:10px;
}
.kf-hero h1{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.35;color:#F44E18;white-space:normal;word-wrap:break-word}
.kf-hero h1 em{font-style:normal;color:#333}
.kf-hero p{margin:0;font-size:13px;color:#666;line-height:1.7;white-space:normal;word-wrap:break-word}
.kf-hero p strong{color:#F44E18}
.kf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.kf-stats .cell{background:#ffffff;border:1px solid #EEEEEE;padding:12px 8px;text-align:center}
.kf-stats .cell:hover{border-color:#F44E18}
.kf-stats .num{font-size:20px;font-weight:700;color:#F44E18;line-height:1.2}
.kf-stats .lab{font-size:12px;color:#999;margin-top:4px}
.kf-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#ffffff;border:1px solid #EEEEEE;padding:12px 14px;margin-bottom:10px}
.kf-filter .lab{color:#F44E18;font-size:12px;font-weight:700}
.kf-filter a{display:inline-block;padding:4px 12px;background:#ffffff;color:#333;border:1px solid #DDDDDD;font-size:13px}
.kf-filter a:hover,.kf-filter a.on{background:#F44E18;color:#fff;border-color:#F44E18;text-decoration:none}
.kf-filter .count{color:#F44E18;font-size:12px;font-weight:700;margin-left:auto}
.kf-table-wrap{background:#fff;overflow:auto;margin-bottom:14px;border:1px solid var(--kf-line)}
.kf-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:0}
.kf-table thead{background:var(--kf-orange)}
.kf-table th{padding:0 10px;height:36px;line-height:36px;text-align:center;color:#fff;font-weight:700;font-size:13px;border:1px solid var(--kf-orange);white-space:nowrap}
.kf-table th:first-child{text-align:left}
.kf-table td{padding:8px 10px;border:1px solid #ddd;color:var(--kf-text);font-size:13px;vertical-align:middle;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}
.kf-table td:first-child{text-align:left;white-space:normal}
.kf-table tbody tr{cursor:pointer}
.kf-table tbody tr:nth-child(even) td{background:#ffffff}
.kf-table tbody tr:hover td{background:#FFF5F0;color:var(--kf-text)}
.kf-table .s-name{display:block;font-weight:700;color:#030303;font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-table .s-desc{display:block;font-size:12px;color:var(--kf-text-3);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-table .tag{display:inline-block;padding:1px 8px;font-size:12px;font-weight:700;line-height:1.5;border:1px solid transparent}
.kf-table .tag.new{background:#FFF3E8;color:var(--kf-orange);border-color:#F5C9B0}
.kf-table .tag.hot{background:#FFE8E8;color:var(--kf-red);border-color:#F0B0B0}
.kf-table .tag.stable{background:#E8F8E8;color:#009900;border-color:#A8D8A8}
.kf-table .btn{display:inline-block;padding:3px 12px;background:var(--kf-orange);color:#fff!important;font-size:12px;font-weight:700;border:none;white-space:nowrap}
.kf-table .btn:hover{background:var(--kf-orange-hot);text-decoration:none}
.kf-table td:nth-child(1){width:38%}
.kf-table td:nth-child(2){width:12%}
.kf-table td:nth-child(3){width:14%}
.kf-table td:nth-child(4){width:10%}
.kf-table td:nth-child(5){width:12%}
.kf-table td:nth-child(6){width:14%}
.kf-pagebar{display:block;text-align:center;margin:12px 0 8px;clear:both}
.kf-pagebar a,.kf-pagebar span{display:inline-block;margin:0 4px;padding:0 10px;height:28px;line-height:28px;background:#fff;border:1px solid #ddd;color:var(--kf-text);font-size:13px;vertical-align:middle}
.kf-pagebar a:hover{border-color:var(--kf-orange);color:var(--kf-orange);text-decoration:none}
.kf-pagebar .cur,.kf-pagebar strong{background:var(--kf-orange);color:#fff;border-color:var(--kf-orange);font-weight:700}
.kf-pagebar .dis{opacity:.45;cursor:default}
.kf-tips{background:#ffffff;padding:14px 16px;margin-top:12px;border:1px solid #EEEEEE}
.kf-tips h3{margin:0 0 8px;color:var(--kf-text);font-size:15px;font-weight:700}
.kf-tips ul{margin:0;padding:0;list-style:none;color:var(--kf-text-2);font-size:13px}
.kf-tips li{padding:4px 0 4px 16px;position:relative;line-height:1.7;white-space:normal;word-wrap:break-word}
.kf-tips li:before{content:"•";color:var(--kf-orange);position:absolute;left:0;font-weight:700}
.kf-tips strong{color:var(--kf-orange)}

/* detail */
.kf-detail{display:grid;grid-template-columns:680px 310px;gap:10px;align-items:start}
.kf-card{background:#fff;border:1px solid var(--kf-line);overflow:hidden;margin-bottom:10px}
.kf-card-hd{padding:14px 16px;background:#ffffff;border-bottom:1px solid #EEEEEE}
.kf-card-hd .mark{display:inline-block;padding:1px 8px;background:var(--kf-orange);color:#fff;font-size:12px;margin-bottom:8px}
.kf-card-hd h1{margin:0;font-size:20px;font-weight:700;color:var(--kf-orange);line-height:1.35;white-space:normal;word-wrap:break-word}
.kf-card-hd .sub{margin-top:4px;font-size:12px;color:var(--kf-text-3)}
.kf-fields{padding:4px 16px}
.kf-field{display:flex;padding:10px 0;border-bottom:1px dashed var(--kf-line);font-size:13px}
.kf-field:last-child{border-bottom:none}
.kf-field .lab{width:90px;flex-shrink:0;color:var(--kf-text-3);font-weight:700}
.kf-field .val{flex:1;color:var(--kf-text);line-height:1.7;white-space:normal;word-wrap:break-word}
.kf-field .val a{color:var(--kf-blue);font-weight:700}
.kf-field .val.hi{color:var(--kf-red);font-weight:700}
.kf-cta{padding:8px 16px 16px;display:flex;gap:10px;flex-wrap:wrap}
.kf-cta a{
  display:inline-block;min-width:160px;text-align:center;padding:8px 18px;
  font-size:14px;font-weight:700;
}
.kf-cta .go{background:var(--kf-orange);color:#fff!important}
.kf-cta .go:hover{background:var(--kf-orange-hot);text-decoration:none}
.kf-cta .back{background:#fff;color:var(--kf-text-2)!important;border:1px solid var(--kf-line-2)}
.kf-cta .back:hover{border-color:var(--kf-orange);color:var(--kf-orange)!important;text-decoration:none}
.kf-block{background:#fff;border:1px solid var(--kf-line);overflow:hidden;margin-bottom:10px}
.kf-block .hd{padding:0 12px;height:36px;line-height:36px;border-bottom:1px solid var(--kf-line);background:var(--kf-orange);font-size:14px;font-weight:700;color:#fff}
.kf-block .hd em{display:none}
.kf-block .bd{padding:12px 14px;color:var(--kf-text);font-size:14px;line-height:1.9;white-space:normal;word-wrap:break-word;background:#fff}
.kf-sep{height:0;margin:0 14px;border-top:1px dashed var(--kf-line)}
.kf-side .kf-card .hd,.kf-side .hd{padding:0 12px;height:36px;line-height:36px;border-bottom:none;background:var(--kf-orange);font-size:14px;font-weight:700;color:#fff}
.kf-side ul{margin:0;padding:6px 10px 10px;list-style:none;background:#fff}
.kf-side li{padding:7px 0;border-bottom:1px dashed var(--kf-line);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kf-side li:last-child{border-bottom:none}
.kf-side li a{color:var(--kf-text)}
.kf-side li a:hover{color:var(--kf-red)}
.kf-side li .t{float:right;color:var(--kf-orange);font-size:12px;margin-left:8px}
.kf-note{margin:0 0 10px;padding:10px 12px;background:#FFF8F0;border:1px solid #F5C9B0;color:var(--kf-text-2);font-size:12px;line-height:1.8;white-space:normal;word-wrap:break-word}

@media (max-width:1020px){
  .kf-skin{width:auto !important;max-width:calc(100% - 16px);margin:8px auto !important;padding:0}
  .kf-detail{grid-template-columns:1fr}
  .kf-stats{grid-template-columns:repeat(2,1fr)}
  .kf-table{min-width:760px}
}
