/* 创一下 · 门户首页样式（仿 smartbi 社区布局，蓝白卡片风） */
.cx-wrap{max-width:1180px;margin:16px auto 30px;}
.cx-welcome{background:#0066FF;border-radius:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.cx-wt{margin:0;font-size:20px;color:#fff;font-weight:500;}
.cx-ws{margin:6px 0 0;font-size:13px;color:rgba(255,255,255,.85);}
.cx-btn-main{background:#fff;color:#0066FF;border-radius:20px;padding:9px 26px;font-size:14px;text-decoration:none;display:inline-block;}
.cx-btn-main:hover{opacity:.92;color:#0051cc;}
.cx-btn-sm{padding:6px 16px;font-size:12px;}
.cx-btn-ghost{border:1px solid #0066FF;color:#0066FF;border-radius:16px;padding:5px 14px;font-size:12px;text-decoration:none;}
.cx-btn-ghost:hover{background:#0066FF;color:#fff;}
.cx-grid{display:flex;gap:16px;align-items:flex-start;}
.cx-main{flex:1;min-width:0;}
.cx-side{width:300px;flex-shrink:0;}
.cx-sec{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:18px 20px;margin-bottom:16px;}
.cx-sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.cx-stitle{font-size:17px;font-weight:500;color:#333;}
.cx-more{font-size:12px;color:#999;text-decoration:none;}
.cx-more:hover{color:#0066FF;}
.cx-tagset{display:flex;align-items:center;gap:8px;}
.cx-tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:9px;font-style:normal;line-height:18px;}
.cx-tag-b{background:#E3EEFF;color:#0066FF;}
.cx-tag-h{background:#FDEEE9;color:#F26C4F;}
.cx-acards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.cx-acard{border:1px solid #e8edf3;border-radius:10px;padding:14px 16px;transition:all .18s ease;}
.cx-acard:hover{border-color:#85B7FF;box-shadow:0 3px 12px rgba(0,102,255,.10);}
.cx-atitle{display:block;font-size:15px;font-weight:500;color:#333;text-decoration:none;margin-bottom:8px;line-height:1.5;}
.cx-atitle:hover{color:#0066FF;}
.cx-asum{margin:0 0 10px;font-size:12px;color:#888;line-height:1.7;}
.cx-ameta{margin:0;font-size:11px;color:#b0b8c1;}
.cx-rows{line-height:1;}
.cx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #eef1f5;}
.cx-row:last-child{border-bottom:none;}
.cx-rt{font-size:14px;color:#333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-rt:hover{color:#0066FF;}
.cx-meta{font-size:12px;color:#b0b8c1;white-space:nowrap;flex-shrink:0;}
.cx-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;}
.cx-two>div{min-width:0;}
.cx-two .cx-acards{grid-template-columns:1fr;}
.cx-sub{margin:0 0 6px;font-size:14px;color:#666;display:flex;align-items:center;gap:8px;}
.cx-empty{margin:6px 0;font-size:13px;color:#b0b8c1;}
.cx-usercard{display:flex;align-items:center;gap:12px;}
.cx-ava{width:46px;height:46px;border-radius:50%;background:#E3EEFF;color:#0066FF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;flex-shrink:0;}
.cx-uinfo{flex:1;min-width:0;}
.cx-uname{margin:0;font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cx-umeta{margin:3px 0 0;font-size:12px;color:#999;}
.cx-mb{margin-bottom:12px;display:block;}
.cx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.cx-stat{background:#F4F8FE;border-radius:10px;padding:12px 6px;text-align:center;}
.cx-sl{margin:0;font-size:12px;color:#888;}
.cx-sv{margin:4px 0 0;font-size:17px;font-weight:500;color:#0066FF;}
.cx-sh{color:#F26C4F;}
.cx-rank{display:inline-block;min-width:18px;text-align:center;margin-right:6px;color:#b0b8c1;font-size:13px;}
.cx-row:first-child .cx-rank{color:#F26C4F;font-weight:500;}
.cx-row:nth-child(2) .cx-rank{color:#E8971E;font-weight:500;}
.cx-activity a:hover{text-decoration:underline;}
@media (max-width:900px){
	.cx-grid{flex-direction:column;}
	.cx-side{width:100%;}
	.cx-acards,.cx-two{grid-template-columns:1fr;}
}
/* 文章阅读页 */
.cx-article{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:34px 44px 40px;}
.cx-crumb{margin:0 0 18px;font-size:12px;color:#b0b8c1;}
.cx-crumb a{color:#7ba7e8;text-decoration:none;}
.cx-crumb a:hover{color:#0066FF;}
.cx-a-title{margin:0 0 12px;font-size:24px;font-weight:600;color:#1f2733;line-height:1.5;}
.cx-a-meta{margin:0 0 24px;font-size:12px;color:#b0b8c1;padding-bottom:16px;border-bottom:1px solid #eef1f5;}
.cx-a-body{font-size:15px;line-height:1.9;color:#3a4453;}
.cx-a-body p{margin:0 0 16px;}
.cx-a-page{margin:18px 0 0;text-align:center;}
/* 文章底部操作条 */
.cx-a-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px;padding:16px 20px;background:#f7f9fc;border:1px solid #e8ecf2;border-radius:12px;}
.cx-afoot-back{font-size:14px;color:#4a5568;text-decoration:none;}
.cx-afoot-back:hover{color:#2f7bff;}
.cx-afoot-main{background:#0066FF;color:#fff;border-radius:20px;padding:8px 22px;font-size:13px;text-decoration:none;}
.cx-afoot-main:hover{background:#0051cc;color:#fff;}
.cx-afoot-tip{font-size:13px;color:#8b95a7;}
.cx-afoot-tip a{color:#0066FF;text-decoration:none;margin:0 2px;}
.cx-afoot-tip a:hover{text-decoration:underline;}
@media (max-width:900px){
	.cx-article{padding:20px 18px;}
	.cx-a-title{font-size:19px;}
}

/* ============================================================
   创业文章频道（博客卡片风）
   ============================================================ */
.cx-channel-head { margin: 6px 0 18px; }
.cx-channel-head h1 { font-size: 26px; font-weight: 700; color: #16223c; }
.cx-channel-head p { margin-top: 6px; color: #8b95a5; font-size: 13.5px; }
.cx-posts { display: flex; flex-direction: column; gap: 14px; }
.cx-post { display: block; background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; padding: 18px 22px 14px; box-shadow: 0 2px 10px rgba(20,60,130,.05); transition: box-shadow .18s ease, transform .18s ease; }
.cx-post:hover { box-shadow: 0 10px 26px rgba(20,60,130,.12); transform: translateY(-2px); }
.cx-post-head { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.cx-ava { flex: none; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #2f7bff, #6ea8ff); color: #fff; font-size: 13px; text-align: center; line-height: 26px; font-weight: 600; }
.cx-post-head b { font-size: 13px; color: #4a5568; }
.cx-post-head time { font-size: 12px; color: #a6b0bf; margin-left: auto; }
.cx-post-title { display: block; font-size: 18px; font-weight: 600; color: #1b2b4a; text-decoration: none; line-height: 1.45; }
.cx-post-title:hover { color: #2f7bff; }
.cx-post-sum { margin: 7px 0 0; font-size: 13.5px; color: #6b7686; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cx-post-meta { display: flex; gap: 18px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #edf1f8; }
.cx-post-meta span { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #a0aab8; }

/* 文章卡片封面图 */
.cx-post-cover { display: block; margin: 2px 0 12px; border-radius: 12px; overflow: hidden; background: #eef3fb; }
.cx-post-cover img { display: block; width: 100%; max-height: 300px; object-fit: cover; transition: transform .25s ease; }
.cx-post:hover .cx-post-cover img { transform: scale(1.02); }
.cx-post-cover-default { display: flex; align-items: center; justify-content: center; height: 120px; background: linear-gradient(120deg, #0047c4 0%, #0b63ef 55%, #3d8bff 100%); }
.cx-post-cover-default span { color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 8px; text-indent: 8px; opacity: .92; }

/* ============================================================
   创业知识库
   ============================================================ */
.cx-kb-hero { background: linear-gradient(120deg, #0047c4 0%, #0b63ef 55%, #3d8bff 100%); border-radius: 18px; padding: 40px 36px 34px; text-align: center; color: #fff; margin: 6px 0 22px; box-shadow: 0 12px 30px rgba(15, 90, 230, .22); }
.cx-kb-hero h1 { font-size: 26px; font-weight: 700; letter-spacing: 2px; }
.cx-kb-hero p { margin-top: 8px; font-size: 13.5px; opacity: .88; }
.cx-kb-search { display: flex; align-items: center; gap: 10px; max-width: 560px; margin: 22px auto 0; background: #fff; border-radius: 26px; padding: 7px 8px 7px 20px; box-shadow: 0 6px 18px rgba(10, 40, 100, .18); }
.cx-kb-search svg { color: #a0aab8; flex: none; }
.cx-kb-search input { flex: 1; border: none; outline: none; font-size: 14px; color: #2b3240; background: transparent; }
.cx-kb-search input::placeholder { color: #b6bfcc; }
.cx-kb-search button { flex: none; border: none; cursor: pointer; background: linear-gradient(120deg, #0047c4, #2f7bff); color: #fff; font-size: 14px; padding: 9px 26px; border-radius: 20px; letter-spacing: 4px; text-indent: 4px; }
.cx-kb-search button:hover { opacity: .92; }

.cx-sec { background: #fff; border: 1px solid #e6ecf5; border-radius: 14px; padding: 20px 24px 16px; margin-bottom: 18px; box-shadow: 0 2px 10px rgba(20,60,130,.05); }
.cx-sec-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.cx-sec-head h2 { font-size: 18px; font-weight: 700; color: #1b2b4a; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; border: none; }
.cx-dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.cx-dot-blue { background: #2f7bff; } .cx-dot-teal { background: #14a08c; } .cx-dot-orange { background: #f2924f; }
.cx-sec-sub { font-size: 12.5px; color: #a6b0bf; }

.cx-kb-row { display: flex; gap: 14px; align-items: flex-start; padding: 13px 6px; border-bottom: 1px dashed #edf1f8; text-decoration: none !important; border-radius: 8px; }
.cx-kb-row:last-of-type { border-bottom: none; }
.cx-kb-row:hover { background: #f7faff; }
.cx-kb-ico { flex: none; width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: #fff; }
.cx-kb-ico img { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; }
.cx-kb-ico-policy { background: linear-gradient(135deg, #2f7bff, #6ea8ff); }
.cx-kb-ico-learn { background: linear-gradient(135deg, #14a08c, #4cc9b4); }
.cx-kb-main { flex: 1; min-width: 0; }
.cx-kb-main b { display: block; font-size: 15px; color: #1b2b4a; line-height: 1.5; }
.cx-kb-row:hover .cx-kb-main b { color: #2f7bff; }
.cx-kb-main i { display: block; font-style: normal; font-size: 12px; color: #a6b0bf; margin-top: 3px; }
.cx-kb-main em { display: -webkit-box; font-style: normal; font-size: 13px; color: #6b7686; margin-top: 5px; line-height: 1.65; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cx-books { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; padding: 4px 0 8px; }
.cx-book { background: #fbfcfe; border: 1px solid #edf1f8; border-radius: 12px; padding: 14px; text-decoration: none !important; transition: box-shadow .18s ease, transform .18s ease; }
.cx-book:hover { box-shadow: 0 10px 24px rgba(20,60,130,.12); transform: translateY(-2px); }
.cx-book-cover { display: flex; justify-content: center; margin-bottom: 10px; }
.cx-book-cover img { width: 128px; height: 179px; object-fit: cover; border-radius: 6px; box-shadow: 0 6px 14px rgba(20,40,90,.22); }
.cx-book-cover i { font-size: 52px; font-style: normal; padding: 40px 0; }
.cx-book b { display: block; font-size: 14.5px; color: #1b2b4a; text-align: center; }
.cx-book:hover b { color: #2f7bff; }
.cx-book em { display: -webkit-box; font-style: normal; font-size: 12px; color: #8b95a5; text-align: center; margin-top: 5px; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 720px) {
  .cx-kb-hero { padding: 28px 18px 24px; }
  .cx-kb-search button { padding: 9px 16px; letter-spacing: 1px; text-indent: 1px; }
  .cx-books { grid-template-columns: repeat(2, 1fr); }
}


/* 首页 hero 双按钮（2026-09-11 v7） */
.cx-btns{display:flex;gap:10px;flex-shrink:0;}
.cx-btn-wghost{border:1px solid rgba(255,255,255,.75);color:#fff;border-radius:20px;padding:8px 22px;font-size:14px;text-decoration:none;display:inline-block;}
.cx-btn-wghost:hover{background:rgba(255,255,255,.12);}
