/* ===== 18183传奇发布站 样式 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei","PingFang SC",sans-serif; color:#333; background:#f2f2f2; line-height:1.7; font-size:14px; }
a { color:#333; text-decoration:none; transition:.2s; }
a:hover { color:#c81623; }
ul,ol { list-style:none; }
img { max-width:100%; }
.container { width:1180px; margin:0 auto; }

/* 顶部 */
.topbar { background:#1a1a2e; border-bottom:3px solid #c81623; padding:14px 0; }
.topbar .container { display:flex; align-items:center; justify-content:space-between; }
.logo a { font-size:24px; font-weight:700; color:#fff; letter-spacing:1px; }
.logo-18183 { color:#ffcc00; }
.logo .slogan { font-size:12px; color:#999; margin-top:4px; }
.top-nav a { display:inline-block; color:#ddd; padding:6px 14px; border-radius:4px; font-size:14px; }
.top-nav a:hover, .top-nav a.cur { background:#c81623; color:#fff; }

/* 首屏 */
.hero { background:linear-gradient(135deg,#1a1a2e 0%,#2d2d5e 60%,#c81623 160%); padding:48px 0; color:#fff; }
.hero h1 { font-size:30px; margin-bottom:14px; text-shadow:0 2px 4px rgba(0,0,0,.3); }
.hero p { font-size:15px; color:#e0e0e0; max-width:760px; }
.hero-stats { display:flex; gap:50px; margin-top:26px; }
.hero-stats div { text-align:center; }
.hero-stats b { display:block; font-size:34px; color:#ffcc00; font-weight:700; }
.hero-stats span { font-size:13px; color:#ccc; }

/* 主体布局 */
.main { margin-top:20px; }
.crumb { padding:12px 0; color:#888; font-size:13px; margin-bottom:-8px; }
.crumb a { color:#555; }
.crumb a:hover { color:#c81623; }
.layout { display:flex; gap:20px; margin-top:20px; align-items:flex-start; }
.col-left { flex:1; min-width:0; }
.col-right { width:300px; flex-shrink:0; }

/* 面板 */
.panel { background:#fff; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-bottom:20px; overflow:hidden; }
.panel-head { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #eee; background:linear-gradient(to right,#fafafa,#fff); }
.panel-head h1, .panel-head h2 { font-size:19px; color:#222; font-weight:700; display:flex; align-items:center; gap:8px; }
.panel-head .desc { font-size:12px; color:#999; }
.panel-head .more { font-size:13px; color:#c81623; }

/* 图标 */
.ico { width:6px; height:18px; background:#c81623; border-radius:2px; display:inline-block; }
.ico.i2{background:#ff9500;} .ico.i3{background:#00b09b;} .ico.i4{background:#3a7bd5;}
.ico.i5{background:#9b59b6;} .ico.i6{background:#e74c3c;} .ico.i7{background:#16a085;}

/* 表格 */
.kf-table { width:100%; border-collapse:collapse; font-size:13.5px; }
.kf-table th, .kf-table td { padding:13px 16px; text-align:center; border-bottom:1px solid #f0f0f0; }
.kf-table th { background:#fafafa; color:#666; font-weight:600; }
.kf-table tr:hover td { background:#fff9f9; }
.kf-table.full td, .kf-table.full th { padding:14px 12px; }

/* 标签 */
.tag { display:inline-block; padding:2px 10px; border-radius:3px; font-size:12px; background:#eee; color:#666; }
.tag.t-new { background:#e6f7ff; color:#00a0e9; }
.tag.t-hot { background:#fff2e6; color:#ff6600; }
.tag.t-book { background:#f0f5ff; color:#3a7bd5; }

/* 卡片 */
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:18px; }
.card { border:1px solid #eee; border-radius:6px; padding:16px; position:relative; transition:.2s; }
.card:hover { border-color:#c81623; transform:translateY(-2px); box-shadow:0 4px 12px rgba(200,22,35,.1); }
.card .badge { position:absolute; top:-1px; right:-1px; background:#c81623; color:#fff; font-size:12px; padding:2px 8px; border-radius:0 6px 0 6px; }
.card h3 { font-size:16px; color:#222; margin-bottom:8px; }
.card .meta { font-size:12px; color:#999; margin-bottom:8px; }
.card p { font-size:13px; color:#666; min-height:54px; }
.card .btn { display:inline-block; margin-top:6px; padding:5px 16px; background:#c81623; color:#fff; border-radius:3px; font-size:13px; }
.card .btn:hover { background:#a5121c; color:#fff; }
.btn-mini { display:inline-block; padding:3px 12px; background:#c81623; color:#fff; border-radius:3px; font-size:12px; }
.btn-mini:hover { background:#a5121c; color:#fff; }

/* 排行 */
.rank { padding:6px 0; }
.rank li { display:flex; align-items:center; padding:11px 20px; border-bottom:1px dashed #eee; }
.rank .num { width:24px; height:24px; line-height:24px; text-align:center; background:#eee; color:#666; border-radius:3px; font-weight:700; margin-right:12px; font-size:13px; }
.rank li:nth-child(1) .num{background:#c81623;color:#fff;}
.rank li:nth-child(2) .num{background:#ff6600;color:#fff;}
.rank li:nth-child(3) .num{background:#ff9500;color:#fff;}
.rank b { flex:1; font-size:14px; }
.rank em { color:#999; font-style:normal; font-size:12px; margin-right:10px; }
.rank i { color:#c81623; font-style:normal; font-weight:700; }

/* 新闻列表 */
.news-list li { display:flex; align-items:center; padding:12px 20px; border-bottom:1px dashed #eee; }
.news-list li:last-child { border-bottom:none; }
.news-list a { flex:1; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list .cat { display:inline-block; background:#fdecec; color:#c81623; font-size:12px; padding:1px 7px; border-radius:3px; margin-right:8px; }
.news-list time { color:#bbb; font-size:12px; }
.news-list.list-lg li { padding:16px 20px; }
.news-list.list-lg a { font-size:15px; white-space:normal; }

/* 侧栏 */
.panel.side { padding-bottom:8px; }
.side-list li { padding:11px 18px; border-bottom:1px dashed #eee; }
.side-list a { font-size:13.5px; display:block; }
.side-list a:hover { padding-left:4px; }
.link-list li { padding:8px 18px; }
.tags-cloud { padding:16px; }
.tags-cloud a { display:inline-block; padding:5px 12px; background:#f5f5f5; border-radius:3px; margin:4px; font-size:13px; }
.tags-cloud a:hover { background:#c81623; color:#fff; }

/* 文章页 */
.article { padding:0 0 24px; }
.article .panel-head { display:block; border-bottom:2px solid #c81623; }
.article h1 { font-size:22px; line-height:1.5; }
.art-meta { font-size:13px; color:#999; margin-top:10px; }
.art-body { padding:20px; }
.art-body p { font-size:15px; line-height:2; margin-bottom:16px; text-indent:2em; color:#444; }
.art-tags { padding:16px 20px; border-top:1px solid #eee; font-size:13px; color:#999; }
.art-tags a { display:inline-block; margin-left:8px; padding:3px 12px; background:#f5f5f5; border-radius:3px; color:#666; }

/* SEO区块 */
.seo-block { background:#fff; border-radius:6px; padding:26px 30px; box-shadow:0 2px 8px rgba(0,0,0,.06); margin-top:20px; }
.seo-block h2 { font-size:19px; color:#222; margin-bottom:14px; padding-left:12px; border-left:4px solid #c81623; }
.seo-block p { font-size:14px; color:#555; line-height:2; margin-bottom:12px; text-indent:2em; }

/* 底部 */
.footer { background:#1a1a2e; color:#999; padding:26px 0; margin-top:30px; text-align:center; font-size:13px; }
.footer a { color:#ccc; }
.footer a:hover { color:#ffcc00; }
.ft-nav { margin-bottom:12px; }
.ft-nav a { margin:0 8px; }

@media (max-width:768px){
  .container{width:100%;padding:0 12px;}
  .topbar .container{flex-direction:column;gap:10px;}
  .top-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;}
  .hero h1{font-size:22px;}
  .hero-stats{gap:24px;}
  .cards{grid-template-columns:1fr;}
  .layout{flex-direction:column;}
  .col-right{width:100%;}
  .kf-table{font-size:12px;}
  .kf-table th,.kf-table td{padding:8px 6px;}
}