/* TK币讯 - 仿凤凰网门户风格 */
:root{
  --red:#c8161e;
  --red-dark:#9a0e15;
  --red-bg:#fff5f5;
  --dark:#1a1a1a;
  --gray-1:#f5f5f5;
  --gray-2:#ebebeb;
  --gray-3:#d0d0d0;
  --text:#222;
  --text-sub:#666;
  --text-light:#999;
  --link:#222;
  --link-hover:#c8161e;
  --bd:#e6e6e6;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7;color:var(--text);background:#fff}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none;transition:color .15s}
a:hover{color:var(--link-hover)}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ===== Top bar ===== */
.topbar{background:#1a1a1a;color:#bbb;font-size:12px;height:30px;line-height:30px}
.tb-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between}
.tb-left{display:flex;gap:18px}
.tb-left a,.tb-right a{color:#bbb}
.tb-left a:hover,.tb-right a:hover{color:#fff}
.tb-date{color:#888}
.tb-lang{display:flex;gap:2px}
.tb-lang a{padding:0 8px;border-left:1px solid #333}
.tb-lang a:first-child{border-left:none}
.tb-lang a.active{color:#fff;font-weight:bold}

/* ===== Masthead ===== */
.masthead{background:#fff;border-bottom:3px solid var(--red)}
.mh-inner{max-width:1200px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;gap:24px}
.mh-brand{display:flex;align-items:center;gap:10px}
.mh-brand img{height:42px;width:42px}
.mh-brand-name{font-size:26px;font-weight:bold;color:var(--red);letter-spacing:1px}
.mh-brand-tag{font-size:12px;color:var(--text-sub);padding-left:10px;margin-left:6px;border-left:1px solid var(--bd)}
.mh-search{flex:1;max-width:380px;background:var(--gray-1);border-radius:18px;padding:7px 16px;display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:13px}
.mh-search-icon{display:flex;color:var(--text-sub)}
.nav-toggle{display:none;color:var(--dark);margin-left:auto}

/* ===== Navbar ===== */
.navbar{background:var(--red);color:#fff}
.nb-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;align-items:center}
.nb-link{display:inline-block;padding:11px 16px;color:#fff;font-size:15px;font-weight:500}
.nb-link:hover{background:var(--red-dark);color:#fff}
.nb-home{font-weight:bold}
.nb-cta{margin-left:auto;background:#fff;color:var(--red);font-weight:bold}
.nb-cta:hover{background:#f7d4d6;color:var(--red-dark)}

/* ===== Hero band ===== */
.hero-band{background:#fafafa;padding:24px 0 28px;border-bottom:1px solid var(--bd)}
.hero-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:stretch}
.hero-feat{display:flex;flex-direction:column}
.hero-card{background:#fff;border:1px solid var(--bd);border-top:3px solid var(--red);padding:24px 28px;display:flex;flex-direction:column;height:100%;min-height:100%}
.hc-main{display:block;padding-bottom:18px;border-bottom:1px dashed var(--gray-2);margin-bottom:14px;flex-shrink:0}
.hc-tag{font-size:12px;color:var(--red);font-weight:bold;margin-bottom:10px;letter-spacing:.5px}
.hc-main h2{font-size:22px;line-height:1.5;color:var(--dark);font-weight:bold;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-main:hover h2{color:var(--red)}
.hc-main p{font-size:13px;color:var(--text-sub);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.hc-meta{font-size:12px;color:var(--text-light)}
.hc-subs{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:12px}
.hc-sub{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px dashed var(--gray-2);flex:1}
.hc-sub:last-child{border-bottom:none;padding-bottom:0}
.hc-sub-text{flex:1;min-width:0}
.hc-sub h3{font-size:14px;line-height:1.5;color:var(--dark);font-weight:bold;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hc-sub:hover h3{color:var(--red)}
.hc-sub p{font-size:12px;color:var(--text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-sub-meta{font-size:12px;color:var(--text-light);flex-shrink:0;padding-top:2px}
.hf-text h1{font-size:24px;line-height:1.4;color:var(--dark);margin-bottom:14px;font-weight:bold}
.hf-text p{color:var(--text-sub);font-size:14px;line-height:1.8}
.hf-tags{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.hf-tags span{background:var(--red-bg);color:var(--red);padding:3px 10px;font-size:12px;border-radius:3px}
.hero-side{display:flex;flex-direction:column;gap:14px}
.hs-block{background:#fff;border:1px solid var(--bd)}
.hs-hd{padding:10px 14px;background:var(--gray-1);border-bottom:2px solid var(--red);font-weight:bold;color:var(--dark);font-size:15px}
.hs-block ul{padding:8px 14px}
.hs-block li{padding:5px 0;font-size:14px;border-bottom:1px dashed var(--gray-2);position:relative;padding-left:14px}
.hs-block li:last-child{border-bottom:none}
.hs-block li::before{content:"·";position:absolute;left:0;top:5px;color:var(--red);font-weight:bold}
.hs-block a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--link)}

/* ===== Quick bar ===== */
.quick-bar{background:#fff;border-bottom:1px solid var(--bd)}
.qb-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px}
.qb-item{padding:5px 14px;background:var(--gray-1);color:var(--text);font-size:13px;border-radius:14px}
.qb-item:hover{background:var(--red);color:#fff}

/* ===== Hub grid ===== */
.hub{background:#fff;padding:28px 0 40px}
.hub-inner{max-width:1200px;margin:0 auto;padding:0 16px}
.grid-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:32px}
.grid-feat{grid-template-columns:2fr 1fr 1fr}
.block{background:#fff}
.block-hd{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--red);padding:0 0 8px;margin-bottom:14px}
.block-hd h2{font-size:18px;font-weight:bold;color:var(--dark);position:relative;padding-left:10px}
.block-hd h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--red)}
.block-hd h2 a{color:var(--dark)}
.block-hd h2 a:hover{color:var(--red)}
.block-hd .more{font-size:12px;color:var(--text-sub)}
.block-hd .more:hover{color:var(--red)}
.block-list li{padding:7px 0 7px 12px;font-size:14px;border-bottom:1px dashed var(--gray-2);position:relative;line-height:1.5}
.block-list li::before{content:"";position:absolute;left:0;top:14px;width:3px;height:3px;background:var(--red)}
.block-list li:last-child{border-bottom:none}
.block-list li.empty{color:var(--text-light);padding-left:0}
.block-list li.empty::before{display:none}
.block-list a{color:var(--link)}
.block-list a:hover{color:var(--red)}

/* ===== Featured card ===== */
.feat-card{background:#fff}
.feat-top{display:block;padding:0 0 14px;border-bottom:1px dashed var(--gray-2);margin-bottom:6px}
.feat-top h3{font-size:17px;line-height:1.5;color:var(--dark);margin-bottom:8px;font-weight:bold}
.feat-top:hover h3{color:var(--red)}
.feat-top p{font-size:13px;color:var(--text-sub);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.feat-list li{padding:8px 0 8px 12px;font-size:14px;border-bottom:1px dashed var(--gray-2);position:relative;display:flex;justify-content:space-between;gap:10px}
.feat-list li:last-child{border-bottom:none}
.feat-list li::before{content:"";position:absolute;left:0;top:14px;width:3px;height:3px;background:var(--red)}
.feat-list a{flex:1;color:var(--link);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feat-list span{font-size:12px;color:var(--text-light);flex-shrink:0}

/* ===== FAQ band ===== */
.faq-band{margin-top:8px;margin-bottom:32px;background:var(--gray-1);padding:24px}
.faq-band .block-hd{background:transparent;margin-bottom:18px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq-item{background:#fff;padding:16px 18px;border-left:3px solid var(--red)}
.faq-q{font-weight:bold;color:var(--dark);font-size:14px;margin-bottom:6px}
.faq-q::before{content:"Q：";color:var(--red);font-weight:bold}
.faq-a{color:var(--text-sub);font-size:13px;line-height:1.7}
.faq-a::before{content:"A：";color:var(--red);font-weight:bold}

/* ===== All news section ===== */
.all-news{margin-top:8px}
.all-news-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.ann{display:flex;justify-content:space-between;padding:9px 0 9px 12px;border-bottom:1px dashed var(--gray-2);position:relative}
.ann::before{content:"";position:absolute;left:0;top:16px;width:3px;height:3px;background:var(--red)}
.ann h4{font-size:14px;font-weight:normal;color:var(--link);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ann:hover h4{color:var(--red)}
.ann span{font-size:12px;color:var(--text-light);margin-left:14px}

/* ===== Page wrap (post & static) ===== */
.page-wrap{max-width:1200px;margin:0 auto;padding:24px 16px 40px}
.bc{font-size:13px;color:var(--text-sub);margin-bottom:18px}
.bc a{color:var(--text-sub)}
.bc a:hover{color:var(--red)}
.bc span{margin:0 6px;color:var(--gray-3)}
.bc .bc-cur{color:var(--text)}

/* ===== Post layout ===== */
.post-grid{display:grid;grid-template-columns:1fr 300px;gap:30px;margin-top:8px}
.post-main{background:#fff;padding:0}
.post-h1{font-size:28px;line-height:1.5;color:var(--dark);font-weight:bold;margin-bottom:14px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-sub);font-size:13px;padding:0 0 18px;border-bottom:1px solid var(--bd);margin-bottom:24px}
.pm-author{color:var(--red);font-weight:bold}
.pm-sep{color:var(--gray-3)}
.pm-tag{background:var(--red-bg);color:var(--red);padding:2px 8px;border-radius:3px;font-size:12px}
.post-body{font-size:15px;line-height:1.9;color:#333}
.post-body h2{font-size:22px;color:var(--dark);font-weight:bold;margin:32px 0 14px;padding-left:12px;border-left:4px solid var(--red);line-height:1.4}
.post-body h3{font-size:18px;color:var(--dark);font-weight:bold;margin:24px 0 10px}
.post-body p{margin:14px 0}
.post-body img{margin:20px auto;border:1px solid var(--bd);max-width:100%}
.post-body ul,.post-body ol{margin:14px 0 14px 24px}
.post-body li{margin:6px 0}
.post-body strong{color:var(--dark)}
.post-body a{color:var(--red);text-decoration:underline}
.post-body a:hover{color:var(--red-dark)}
.post-body blockquote{background:var(--gray-1);border-left:3px solid var(--red);padding:14px 18px;margin:18px 0;color:var(--text-sub)}
.post-share{margin-top:32px;padding:18px;background:var(--gray-1);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.post-share>span{font-weight:bold;color:var(--text)}
.ps-btn{padding:8px 18px;background:var(--red);color:#fff;font-size:14px;border-radius:3px;font-weight:bold}
.ps-btn:hover{background:var(--red-dark);color:#fff}
.ps-outline{background:#fff;color:var(--red);border:1px solid var(--red)}
.ps-outline:hover{background:var(--red-bg);color:var(--red)}

/* ===== Sidebar ===== */
.post-side{display:flex;flex-direction:column;gap:18px}
.sb{background:#fff;border:1px solid var(--bd)}
.sb-hd{padding:10px 14px;background:var(--gray-1);border-bottom:2px solid var(--red);font-weight:bold;font-size:14px;color:var(--dark)}
.toc{padding:10px 14px}
.toc li{padding:5px 0;font-size:13px;line-height:1.5;border-bottom:1px dashed var(--gray-2)}
.toc li:last-child{border-bottom:none}
.toc-h3{padding-left:14px!important;font-size:12px!important}
.toc a{color:var(--text-sub)}
.toc a:hover{color:var(--red)}
.sb-cats{padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px}
.sb-cats li{display:inline-block}
.sb-cats a{display:inline-block;padding:4px 10px;background:var(--gray-1);font-size:12px;color:var(--text)}
.sb-cats a:hover{background:var(--red);color:#fff}
.sb-hot{padding:10px 14px;list-style:decimal;list-style-position:inside}
.sb-hot li{padding:6px 0;font-size:13px;line-height:1.5;border-bottom:1px dashed var(--gray-2);color:var(--text-light)}
.sb-hot li:last-child{border-bottom:none}
.sb-hot a{color:var(--link)}
.sb-hot a:hover{color:var(--red)}
.sb-cta{background:var(--red);border:none;padding:18px;text-align:center;color:#fff}
.sb-cta-title{font-weight:bold;font-size:15px;margin-bottom:12px}
.sb-cta-btn{display:inline-block;padding:8px 22px;background:#fff;color:var(--red);font-weight:bold;border-radius:3px}
.sb-cta-btn:hover{background:var(--red-bg);color:var(--red)}

/* ===== List pages ===== */
.list-hd{margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--red)}
.list-hd h1{font-size:24px;color:var(--dark);font-weight:bold;margin-bottom:6px}
.list-hd p{color:var(--text-sub);font-size:13px}
.news-list{display:flex;flex-direction:column;gap:0}
.nl-row{display:block;padding:18px 0;border-bottom:1px dashed var(--gray-2)}
.nl-row:hover{background:var(--gray-1)}
.nl-row h3{font-size:18px;color:var(--dark);margin-bottom:8px;font-weight:bold}
.nl-row:hover h3{color:var(--red)}
.nl-row p{color:var(--text-sub);font-size:13px;line-height:1.7;margin-bottom:8px}
.nl-meta{display:flex;align-items:center;gap:10px}
.nl-tag{background:var(--red-bg);color:var(--red);padding:2px 8px;font-size:12px;border-radius:2px}
.nl-date{color:var(--text-light);font-size:12px;margin-left:auto}

/* ===== Cat grid ===== */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat-card{display:block;background:#fff;border:1px solid var(--bd);padding:24px;text-align:center;transition:all .15s}
.cat-card:hover{border-color:var(--red);background:var(--red-bg)}
.cat-card h3{font-size:18px;color:var(--dark);margin-bottom:8px;font-weight:bold}
.cat-card p{color:var(--text-sub);font-size:12px}

/* ===== Pagination ===== */
.pg{margin-top:32px;display:flex;justify-content:center;gap:6px}
.pg a,.pg span{display:inline-block;padding:8px 14px;background:#fff;border:1px solid var(--bd);color:var(--text);font-size:13px;min-width:36px;text-align:center}
.pg a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.pg .active{background:var(--red);color:#fff;border-color:var(--red)}
.pg .disabled{color:var(--text-light);background:var(--gray-1)}

/* ===== Static page ===== */
.static-page{background:#fff;padding:0}
.static-body{font-size:15px;line-height:1.9;color:#333}
.static-body h1{font-size:28px;color:var(--dark);font-weight:bold;margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid var(--red)}
.static-body h2{font-size:20px;color:var(--dark);font-weight:bold;margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--red)}
.static-body h3{font-size:16px;color:var(--dark);font-weight:bold;margin:20px 0 10px}
.static-body p{margin:14px 0}
.static-body ul,.static-body ol{margin:14px 0 14px 24px}
.static-body li{margin:6px 0}
.static-body strong{color:var(--dark)}
.static-body a{color:var(--red);text-decoration:underline}
.static-body img{margin:18px auto;border:1px solid var(--bd)}
.static-body table{width:100%;border-collapse:collapse;margin:18px 0}
.static-body th,.static-body td{border:1px solid var(--bd);padding:8px 12px;text-align:left;font-size:14px}
.static-body th{background:var(--gray-1);font-weight:bold}

/* ===== Download page ===== */
.dl-hero{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;padding:36px 28px;text-align:center;margin-bottom:28px}
.dl-hero h1{font-size:28px;font-weight:bold;margin-bottom:10px}
.dl-hero p{opacity:.92;font-size:14px}
.dl-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:28px}
.dl-card{background:#fff;border:1px solid var(--bd);padding:24px;text-align:center}
.dl-card h3{font-size:18px;color:var(--dark);margin-bottom:10px;font-weight:bold}
.dl-card p{color:var(--text-sub);font-size:13px;line-height:1.7;margin-bottom:14px}
.dl-card a.dlbtn{display:inline-block;padding:9px 22px;background:var(--red);color:#fff;font-weight:bold;border-radius:3px;font-size:14px}
.dl-card a.dlbtn:hover{background:var(--red-dark);color:#fff}
.dl-warn{background:#fff7e6;border:1px solid #ffd591;padding:18px;color:#874d00;margin:24px 0}
.dl-warn strong{color:#874d00}

/* ===== 404 ===== */
.err-box{text-align:center;padding:80px 0}
.err-num{font-size:120px;font-weight:bold;color:var(--red);line-height:1}
.err-box h1{font-size:24px;color:var(--dark);margin:18px 0}
.err-box p{color:var(--text-sub);margin-bottom:24px}
.err-btn{display:inline-block;padding:10px 28px;background:var(--red);color:#fff;font-weight:bold;border-radius:3px}
.err-btn:hover{background:var(--red-dark);color:#fff}

/* ===== Footer ===== */
.ftr{background:#222;color:#888;margin-top:40px}
.ftr-inner{max-width:1200px;margin:0 auto;padding:0 16px}
.ftr-mass{background:#1a1a1a;padding:24px 0}
.ftr-mass h4{color:#ccc;font-size:14px;margin-bottom:12px;font-weight:bold}
.ftr-tags{display:flex;flex-wrap:wrap;gap:6px}
.ftr-tags a{padding:4px 12px;background:#2a2a2a;color:#999;font-size:12px;border-radius:2px}
.ftr-tags a:hover{background:var(--red);color:#fff}
.ftr-main{padding:28px 0;border-top:1px solid #333}
.ftr-main .ftr-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
.ftr-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ftr-brand img{height:32px;width:32px}
.ftr-brand span{color:#fff;font-size:18px;font-weight:bold}
.ftr-left p{font-size:13px;color:#888;max-width:500px;line-height:1.7}
.ftr-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.ftr-links a{color:#999}
.ftr-links a:hover{color:#fff}
.ftr-links .sep{color:#444}
.ftr-risk{padding:18px 0;background:#1a1a1a;border-top:1px solid #333}
.ftr-risk .ftr-inner{font-size:12px;color:#777;line-height:1.7}
.ftr-copy{padding:14px 0;background:#0f0f0f;text-align:center}
.ftr-copy .ftr-inner{font-size:12px;color:#666}

/* ===== Mobile nav ===== */
.mob-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999}
.mob-nav.open{display:block}
.mob-panel{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;padding:20px;overflow-y:auto}
.mob-close{position:absolute;top:14px;right:14px}
.mob-panel a{display:block;padding:11px 0;border-bottom:1px solid var(--bd);font-size:15px;color:var(--text)}
.mob-cats{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.mob-cats a{padding:5px 12px;background:var(--gray-1);font-size:12px;border:none}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .hero-inner,.post-grid{grid-template-columns:1fr}
  .grid-row,.grid-feat{grid-template-columns:1fr 1fr;gap:18px}
  .all-news-list{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .dl-cards{grid-template-columns:1fr}
}
@media (max-width:768px){
  .nb-inner{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}
  .nb-link{padding:11px 12px;font-size:14px}
  .nb-cta{display:none}
  .nav-toggle{display:block}
  .mh-search{display:none}
  .mh-brand-tag{display:none}
  .grid-row,.grid-feat{grid-template-columns:1fr}
  .hero-feat{grid-template-columns:1fr}
  .hf-img{height:200px}
  .faq-grid{grid-template-columns:1fr}
  .post-h1{font-size:22px}
  .topbar .tb-left a:not(:first-child){display:none}
}