/* ================================================================
   TOYSTYLE 潮玩知识库 (www.toystyle.icu)
   设计语言：纸感编辑风 / 知识库版式（与 toystyle.cn 品牌商城站视觉区分）
   追加在 cache/web/site.css（皮肤样式之后加载）
   ================================================================ */
:root{
	--kb-paper:#F6F3EE;
	--kb-card:#FFFFFF;
	--kb-ink:#191524;
	--kb-ink2:#403A4E;
	--kb-muted:#7A7387;
	--kb-line:#E6E0D6;
	--kb-line2:#F1EDE5;
	--kb-deep:#2B1B63;
	--kb-deep2:#1D1147;
	--kb-plum:#D93B70;
	--kb-teal:#146C5E;
	--kb-gold:#B98514;
	--kb-radius:12px;
	--kb-shadow:0 1px 2px rgba(25,21,36,.04), 0 8px 24px -18px rgba(25,21,36,.28);
	--kb-serif:Georgia,"Times New Roman","Songti SC",serif;
}

html,body{ margin:0; padding:0; }
body{
	font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
	background:var(--kb-paper);
	color:var(--kb-ink);
	font-size:15px;
	line-height:1.85;
	-webkit-text-size-adjust:100%;
}
a{ color:var(--kb-ink); text-decoration:none; }
a:hover{ color:var(--kb-plum); }
img{ max-width:100%; height:auto; border:0; }
.clr{ clear:both; }
.kb-wrap{ width:1180px; max-width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box; }
.kb-main{ background:var(--kb-paper); }

/* ---------------- 顶部工具条 ---------------- */
.kb-util{ background:var(--kb-deep2); color:#B9AFD6; font-size:12.5px; line-height:36px; height:36px; overflow:hidden; }
.kb-util a{ color:#B9AFD6; margin-left:16px; }
.kb-util a:hover{ color:#fff; }
.kb-util__left{ float:left; }
.kb-util__right{ float:right; }
.kb-util__dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--kb-gold); margin-right:8px; vertical-align:middle; }
.kb-util__sep{ display:inline-block; width:1px; height:11px; background:rgba(255,255,255,.22); margin:0 2px 0 16px; vertical-align:middle; }

/* ---------------- 页头 ---------------- */
.kb-head{
	position:sticky; top:0; z-index:60; background:rgba(255,255,255,.96);
	border-bottom:1px solid var(--kb-line);
	backdrop-filter:saturate(180%) blur(10px);
}
.kb-head__in{ display:flex; align-items:center; gap:22px; min-height:80px; height:auto; padding-top:10px; padding-bottom:10px; box-sizing:border-box; flex-wrap:nowrap; }
.kb-brand{ flex:0 0 auto; display:block; }
.kb-brand img{ height:42px; width:auto; display:block; }
.kb-nav{ flex:1 1 auto; min-width:0; overflow:hidden; }
.kb-head__right{ flex:0 0 auto; display:flex; align-items:center; gap:16px; }
.kb-util__user{ margin-right:2px; }
.kb-util__user a{ color:var(--kb-gold) !important; font-weight:600; margin-left:8px; }
.kb-util__user a:hover{ color:#fff !important; }

/* 导航（OTCMS 生成 .topnav） */
.kb-mainMenu, .kb-mainMenu .topnav, .kb-mainMenu .topnav .itemMenu{ width:auto !important; background:none !important; height:auto; line-height:1; }
.kb-mainMenu{ position:static; }
.kb-mainMenu .topnav{ display:flex; flex-wrap:nowrap; align-items:center; gap:2px; height:auto; overflow:hidden; }
.kb-mainMenu .topnav li{ float:none; position:relative; flex:0 0 auto; }
.kb-mainMenu .topnav li, .kb-mainMenu .topnav .itemMenu{ height:auto !important; min-height:0 !important; line-height:1.4 !important; }
.kb-mainMenu .topnav a{ white-space:nowrap !important; }
.kb-mainMenu .topnav .a, .kb-mainMenu .topnav .b, .kb-mainMenu .topnav .c{ width:auto !important; padding:0 !important; height:auto; }
.kb-mainMenu .topnav > li > a, .kb-mainMenu .topnav .itemMenu > a{
	display:block; padding:8px 10px; font-family:inherit; font-size:14px; color:var(--kb-ink2) !important; border-radius:6px;
}
.kb-mainMenu .topnav > li > a:hover, .kb-mainMenu .topnav .itemMenu > a:hover{ background:var(--kb-paper); color:var(--kb-deep) !important; }
.kb-mainMenu .topnav li ul.subnav{
	left:0; top:100%; width:190px !important; background:#fff; border:1px solid var(--kb-line); border-radius:10px;
	box-shadow:0 18px 40px -22px rgba(25,21,36,.35); padding:8px; margin-top:6px;
}
.kb-mainMenu .topnav li ul.subnav li, .kb-mainMenu .topnav li ul.subnav li a{ width:190px !important; box-sizing:border-box; }
.kb-mainMenu .topnav li ul.subnav li a{ padding:8px 12px; border-radius:6px; font-size:14px; color:var(--kb-ink2) !important; }
.kb-mainMenu .topnav li ul.subnav li a:hover{ background:var(--kb-paper); color:var(--kb-deep) !important; }

/* 搜索 */
.kb-search form{ display:flex; align-items:center; }
.kb-search__input{
	width:170px; height:38px; line-height:38px; padding:0 14px; font-size:14px; color:var(--kb-ink);
	border:1px solid var(--kb-line); border-right:0; border-radius:19px 0 0 19px; outline:none; background:var(--kb-paper);
}
.kb-search__input:focus{ background:#fff; border-color:var(--kb-deep); }
.kb-search__mode{ display:none; }
.kb-search__btn{
	height:38px; padding:0 20px; border:0; cursor:pointer; font-size:14px; font-family:inherit;
	background:var(--kb-deep); color:#fff; border-radius:0 19px 19px 0;
}
.kb-search__btn:hover{ background:var(--kb-plum); }

/* ---------------- 次级信息条 ---------------- */
.kb-subbar{ background:#fff; border-bottom:1px solid var(--kb-line); font-size:13px; line-height:44px; height:44px; overflow:hidden; }
.kb-subbar__label{ display:inline-block; color:var(--kb-gold); font-weight:700; margin-right:14px; }
.kb-subbar a{ color:var(--kb-ink2); margin-right:18px; }
.kb-subbar a:hover{ color:var(--kb-plum); }
.kb-subbar__right{ float:right; }
.kb-subbar__right a{ margin:0; color:var(--kb-deep); font-weight:600; }

/* ---------------- 首屏 ---------------- */
.kb-hero{ background:#fff; border-bottom:1px solid var(--kb-line); padding:56px 0 48px; }
.kb-hero__in{ display:flex; gap:52px; align-items:flex-start; }
.kb-hero__main{ flex:1 1 auto; min-width:0; }
.kb-hero__eyebrow{ font-size:12px; letter-spacing:.22em; color:var(--kb-muted); text-transform:uppercase; margin-bottom:16px; }
.kb-hero h1{ font-size:44px; line-height:1.28; margin:0 0 18px; letter-spacing:-.5px; font-weight:800; color:var(--kb-ink); }
.kb-hero h1 em{ font-style:normal; color:var(--kb-deep); position:relative; }
.kb-hero h1 em:after{ content:""; position:absolute; left:0; right:0; bottom:4px; height:8px; background:rgba(185,133,20,.22); z-index:-1; }
.kb-hero__lede{ font-size:16px; color:var(--kb-ink2); max-width:640px; margin:0 0 26px; }
.kb-hero__stats{ display:flex; gap:34px; padding:18px 0; border-top:1px solid var(--kb-line); border-bottom:1px solid var(--kb-line); margin-bottom:26px; }
.kb-hero__stats > div{ display:flex; align-items:baseline; gap:8px; }
.kb-hero__stats b{ font-family:var(--kb-serif); font-size:30px; color:var(--kb-deep); line-height:1; }
.kb-hero__stats span{ font-size:12.5px; color:var(--kb-muted); }
.kb-hero__cta .kb-btn{ margin-right:12px; }
.kb-hero__side{ flex:0 0 340px; border-left:1px solid var(--kb-line); padding-left:34px; }
.kb-hero__sidetitle{ display:flex; align-items:baseline; gap:8px; margin-bottom:14px; }
.kb-hero__sidetitle span{ font-size:15px; font-weight:800; }
.kb-hero__sidetitle i{ font-family:var(--kb-serif); font-size:10.5px; letter-spacing:.16em; color:var(--kb-muted); font-style:normal; }
.kb-hero__sidemore{ display:inline-block; margin-top:14px; font-size:13px; color:var(--kb-deep); font-weight:600; }

/* ---------------- 按钮 ---------------- */
.kb-btn{
	display:inline-block; height:44px; line-height:44px; padding:0 24px; border-radius:22px;
	font-size:14.5px; font-weight:600; transition:.18s; border:1px solid transparent;
}
.kb-btn--primary{ background:var(--kb-deep); color:#fff !important; }
.kb-btn--primary:hover{ background:var(--kb-deep2); }
.kb-btn--ghost{ background:#fff; color:var(--kb-ink) !important; border-color:var(--kb-line); }
.kb-btn--ghost:hover{ border-color:var(--kb-deep); color:var(--kb-deep) !important; }
.kb-btn--teal{ background:var(--kb-teal); color:#fff !important; }
.kb-btn--teal:hover{ filter:brightness(1.08); }
.kb-btn--plum{ background:var(--kb-plum); color:#fff !important; }
.kb-btn--plum:hover{ filter:brightness(1.06); }
.kb-btn--gold{ background:var(--kb-gold); color:#fff !important; }
.kb-btn--gold:hover{ filter:brightness(1.06); }
.kb-btn--sm{ height:38px; line-height:38px; padding:0 18px; font-size:13.5px; border-radius:19px; }
.kb-btn--block{ display:block; text-align:center; }

/* ---------------- 区块头 ---------------- */
.kb-sec{ padding:48px 0; }
.kb-sec--paper{ background:var(--kb-paper); }
.kb-sec--teal{ background:#F1F6F4; border-top:1px solid #DFE9E6; border-bottom:1px solid #DFE9E6; }
.kb-sec--ink{ background:var(--kb-deep2); color:#DCD6EC; }
.kb-sec--ink .kb-sec__head{ border-color:rgba(255,255,255,.16); }
.kb-sec--ink h2{ color:#fff; }
.kb-sec--ink .kb-sec__en, .kb-sec--ink .kb-sec__note{ color:#9D92C6; }
.kb-sec--ink .kb-sec__more{ color:#fff; }
.kb-sec__head{
	display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
	border-bottom:1px solid var(--kb-line); padding-bottom:12px; margin-bottom:26px;
}
.kb-sec__head h2{ font-size:23px; font-weight:800; margin:0; letter-spacing:-.2px; color:var(--kb-ink); position:relative; padding-left:14px; }
.kb-sec__head h2:before{ content:""; position:absolute; left:0; top:6px; bottom:6px; width:4px; border-radius:2px; background:var(--kb-deep); }
.kb-sec--teal .kb-sec__head h2:before{ background:var(--kb-teal); }
.kb-sec--ink .kb-sec__head h2:before{ background:var(--kb-gold); }
.kb-sec__en{ font-family:var(--kb-serif); font-size:11px; letter-spacing:.2em; color:var(--kb-muted); text-transform:uppercase; }
.kb-sec__note{ font-size:12.5px; color:var(--kb-muted); }
.kb-sec__more{ margin-left:auto; font-size:13px; color:var(--kb-deep); font-weight:600; }
.kb-sec__head--page{ margin-bottom:22px; }

/* ---------------- 图文头条（ImgItem） ---------------- */
.kb-feature{ display:flex; gap:24px; flex-wrap:wrap; }
.kb-feature > .clr, .kb-feature .clr{ display:none !important; }
.kb-feature .imgRow{
	width:calc((100% - 48px) / 3); box-sizing:border-box; background:var(--kb-card);
	border:1px solid var(--kb-line); border-radius:var(--kb-radius); overflow:hidden;
	box-shadow:var(--kb-shadow); transition:.2s;
}
.kb-feature .imgRow:hover{ transform:translateY(-3px); box-shadow:0 22px 40px -26px rgba(25,21,36,.42); }
.kb-feature .imgRow .a{ padding:0; }
.kb-feature .imgRow .img{ overflow:hidden; background:var(--kb-line2); }
.kb-feature .imgRow .img img{ display:block; width:100%; height:auto; transition:.35s; }
.kb-feature .imgRow:hover .img img{ transform:scale(1.03); }
.kb-feature .imgRow .b{ padding:18px 20px 20px; }
.kb-feature .imgRow h2{ font-size:16.5px; line-height:1.6; margin:0 0 10px; font-weight:700; }
.kb-feature .imgRow h2 a{ color:var(--kb-ink); }
.kb-feature .imgRow h2 a:hover{ color:var(--kb-plum); }
.kb-feature .imgRow .b > span{ display:block; font-size:13px; color:var(--kb-muted); line-height:1.8; }
.kb-feature .imgRow .b > span a{ color:var(--kb-plum); font-size:12.5px; white-space:nowrap; }
.kb-feature--list{ margin-bottom:22px; }
.kb-feature--list .imgRow{ width:calc((100% - 24px) / 2); }

/* ---------------- 两栏 ---------------- */
.kb-cols{ display:flex; gap:36px; align-items:flex-start; }
.kb-cols__main{ flex:1 1 auto; min-width:0; }
.kb-cols__side{ flex:0 0 310px; }
.kb-cols--page{ padding-top:26px; padding-bottom:44px; }

/* ---------------- 文章列表（OTCMS .pageBox） ---------------- */
.kb-cols__main .pageBox, .kb-panel .pageBox, .pageBox, .pageBoxMore{
	width:auto !important; max-width:100% !important; float:none !important; background:transparent !important;
	box-shadow:none !important; border:0 !important; padding:0 !important; margin:0 !important;
}
.kb-cols__main .pageBox > dl > dt, .kb-panel .pageBox > dl > dt, .kb-panel .pageBoxMore > dl > dt{ display:none; }
.kb-cols__main .pageBox dl, .pageBox dl, .pageBoxMore dl{ margin:0; border:0; background:none; }
.kb-cols__main .pageBox ul, .pageBoxMore ul{ list-style:none; margin:0; padding:0; }
/* 列表项：左侧封面 + 右侧标题摘要（杂志式行） */
.kb-cols__main .pageBox li, .kb-cols__main .pageBoxMore li{
	display:flex !important; gap:20px; align-items:flex-start; position:relative;
	padding:18px 0 !important; border-bottom:1px solid var(--kb-line);
	background:none !important; height:auto !important; min-height:0 !important; overflow:visible !important; line-height:1.8 !important;
}
.kb-cols__main .pageBox li .a{ flex:0 0 208px; max-width:208px; }
.kb-cols__main .pageBox li .a .img{ border-radius:8px; overflow:hidden; background:var(--kb-line2); line-height:0; }
.kb-cols__main .pageBox li .a .img img{ display:block; width:100% !important; height:auto !important; transition:.35s; }
.kb-cols__main .pageBox li .a .img{ width:100% !important; }
.kb-cols__main .pageBox li:hover .a .img img{ transform:scale(1.03); }
.kb-cols__main .pageBox li .b{ flex:1 1 auto; min-width:0; width:auto !important; max-width:100% !important; }
.kb-cols__main .pageBox li > div, .kb-cols__main .pageBoxMore li > div{ max-width:100% !important; box-sizing:border-box; }
.kb-cols__main .pageBox li .addi{
	float:none !important; margin:0 0 8px !important; color:var(--kb-muted); font-size:12.5px; font-family:var(--kb-serif);
}
.kb-cols__main .pageBox li .addi .font2_1{ color:var(--kb-plum); }
.kb-cols__main .pageBox li h4{ margin:0 0 10px; font-size:17px; font-weight:700; line-height:1.55; }
.kb-cols__main .pageBox li h4 a, .kb-cols__main .pageBox li .font1_1{ display:inline !important; color:var(--kb-ink); font-weight:700; }
.kb-cols__main .pageBox li h4 a:hover{ color:var(--kb-plum); }
.kb-cols__main .pageBox li .note, .kb-cols__main .pageBox li .mark{
	font-size:13.5px; color:var(--kb-muted); line-height:1.85;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.kb-cols__main .pageBox li .note a, .kb-cols__main .pageBox li .font2_2{ color:var(--kb-plum); font-size:12.5px; white-space:nowrap; }
.kb-cols__main .pageBox li .mark{ margin-top:8px; -webkit-line-clamp:1; }
.kb-cols__main .pageBox li .mark a{ color:var(--kb-teal); font-size:12.5px; background:rgba(20,108,94,.08); padding:1px 9px; border-radius:10px; margin-right:6px; display:inline-block; }

/* ---------------- 面板 / 提示 ---------------- */
.kb-panel{ background:var(--kb-card); border:1px solid var(--kb-line); border-radius:var(--kb-radius); box-shadow:var(--kb-shadow); padding:26px 28px; margin-bottom:22px; }
.kb-panel__head{ font-size:17px; font-weight:800; margin:-26px -28px 20px; padding:16px 28px; border-bottom:1px solid var(--kb-line); }
.kb-tip{ background:#fff; border:1px dashed var(--kb-line); border-left:3px solid var(--kb-gold); border-radius:8px; padding:14px 20px; font-size:13.5px; color:var(--kb-ink2); line-height:1.9; }
.kb-tip a{ color:var(--kb-deep); font-weight:600; }

/* ---------------- 侧栏卡片 ---------------- */
.kb-card{ background:var(--kb-card); border:1px solid var(--kb-line); border-radius:var(--kb-radius); box-shadow:var(--kb-shadow); padding:20px 22px; margin-bottom:20px; }
.kb-card__head{ display:flex; align-items:baseline; gap:8px; border-bottom:1px solid var(--kb-line); padding-bottom:12px; margin-bottom:14px; }
.kb-card__head h3{ font-size:15.5px; font-weight:800; margin:0; }
.kb-card__head i{ font-family:var(--kb-serif); font-size:10px; letter-spacing:.16em; color:var(--kb-muted); font-style:normal; }
.kb-card p{ font-size:13px; color:var(--kb-muted); line-height:1.85; margin:0 0 12px; }
.kb-card__note{ margin:4px 0 0; font-size:12px; }
.kb-card__links{ list-style:none; margin:0; padding:0; font-size:13px; }
.kb-card__links li{ padding:5px 0; }
.kb-card__links a{ color:var(--kb-deep); font-weight:600; }
.kb-card--teal{ border-top:3px solid var(--kb-teal); }
.kb-card--teal .kb-card__head h3{ color:var(--kb-teal); }
.kb-card--plum{ border-top:3px solid var(--kb-plum); }
.kb-card--plum .kb-card__head h3{ color:var(--kb-plum); }

.kb-nav-list{ list-style:none; margin:0; padding:0; }
.kb-nav-list li{ border-bottom:1px dashed var(--kb-line); }
.kb-nav-list li:last-child{ border-bottom:0; }
.kb-nav-list a{ display:block; padding:9px 0; }
.kb-nav-list b{ display:block; font-size:14.5px; color:var(--kb-ink); }
.kb-nav-list span{ font-size:12px; color:var(--kb-muted); line-height:1.6; }
.kb-nav-list a:hover b{ color:var(--kb-plum); }

.kb-pill{ list-style:none; margin:0 -4px; padding:0; overflow:hidden; }
.kb-pill li{ float:left; width:calc(50% - 8px); margin:0 4px 8px; box-sizing:border-box; }
.kb-pill a{ display:block; text-align:center; font-size:13px; padding:7px 0; border-radius:7px; background:var(--kb-paper); color:var(--kb-ink2); }
.kb-pill a:hover{ background:var(--kb-deep); color:#fff; }

/* 侧栏列表（FontItem / HotList） */
.kb-card .listArrow1 ul, .kb-card .listArrow2 ul, .kb-mini ul, .kb-rank ul{ list-style:none; margin:0; padding:0; }
.kb-card .listArrow1 li, .kb-card .listArrow2 li, .kb-mini li{
	position:relative; padding:9px 0 9px 0; border-bottom:1px dashed var(--kb-line);
	background:none !important; height:auto !important; min-height:0 !important; overflow:visible !important; line-height:1.7 !important;
}
.kb-card .listArrow1 li:last-child, .kb-mini li:last-child{ border-bottom:0; }
.kb-card .listArrow1 li a, .kb-mini li a{ display:inline !important; font-size:13.5px; color:var(--kb-ink2); white-space:normal !important; overflow:visible !important; }
.kb-card .listArrow1 li a:hover, .kb-mini li a:hover{ color:var(--kb-plum); }
.kb-card .listArrow1 li .fr, .kb-mini li .fr{ float:right; margin-left:10px; font-size:11.5px; color:var(--kb-muted); font-family:var(--kb-serif); line-height:1.7; }

/* 热读榜：紧凑图文行 + 序号（HotList 输出 .imgRow 结构） */
.kb-rank{ counter-reset:kbrank; }
.kb-rank .imgRow{
	display:flex !important; align-items:flex-start; gap:10px;
	counter-increment:kbrank; padding:11px 0 !important; border-bottom:1px dashed var(--kb-line);
}
.kb-rank .imgRow:last-child{ border-bottom:0; }
.kb-rank .imgRow:before{
	content:counter(kbrank,decimal-leading-zero); flex:0 0 22px;
	font-family:var(--kb-serif); font-size:14px; font-weight:700; color:var(--kb-muted);
	line-height:1.5; letter-spacing:-.5px;
}
.kb-rank .imgRow:nth-child(-n+3):before{ color:var(--kb-plum); }
.kb-rank .imgRow .b{ order:1; flex:1 1 auto; min-width:0; }
.kb-rank .imgRow .a{ display:none !important; }
.kb-rank .imgRow .a .img{ border-radius:6px; overflow:hidden; line-height:0; }
.kb-rank .imgRow .a .img img{ width:100% !important; height:auto !important; display:block; }
.kb-rank .imgRow .b h2{ font-size:13.5px !important; font-weight:600 !important; line-height:1.6 !important; margin:0 !important; }
.kb-rank .imgRow .b h2 a{ color:var(--kb-ink2) !important; }
.kb-rank .imgRow .b h2 a:hover{ color:var(--kb-plum) !important; }
.kb-rank .imgRow .b > span{ display:none !important; }
.kb-rank .clr{ display:none !important; }

/* ---------------- 百科 / 专栏 卡片网格（NewsList mode=6 → .itemBox） ---------------- */
.kb-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.kb-grid > .clr, .kb-grid > .caClass{ display:none !important; }
.kb-grid .itemBox, .kb-grid .pageBoxMore{
	float:none !important; width:auto !important; margin:0 !important;
	box-sizing:border-box; background:var(--kb-card) !important; border:1px solid var(--kb-line) !important;
	border-radius:var(--kb-radius) !important; padding:20px 22px !important; box-shadow:var(--kb-shadow) !important;
	height:auto !important; max-width:100% !important;
}
.kb-grid .itemBox dl, .kb-grid .pageBoxMore dl{ margin:0; border:0; }
.kb-grid .itemBox dt, .kb-grid .pageBoxMore dt{
	display:flex; align-items:baseline; gap:8px; border-bottom:1px solid var(--kb-line);
	padding:0 0 10px !important; margin:0 0 12px !important; font-size:15.5px; font-weight:800;
	background:none !important; height:auto !important; width:auto !important;
}
.kb-grid .itemBox dt .more, .kb-grid .pageBoxMore dt .more{ order:2; margin-left:auto; }
.kb-grid .itemBox dt .more a, .kb-grid .pageBoxMore dt .more a{ width:auto !important; height:auto !important; background:none !important; font-size:12px; color:var(--kb-muted); }
.kb-grid .itemBox dd, .kb-grid .pageBoxMore dd,
.kb-cols__main .pageBox dd, .kb-panel .pageBox dd,
.kb-grid .itemBox dl, .kb-grid .pageBoxMore dl{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
.kb-grid .itemBox ul, .kb-grid .pageBoxMore ul{ list-style:none; margin:0; padding:0; }
.kb-grid .itemBox li, .kb-grid .pageBoxMore li{
	background:none !important; padding:7px 0 !important; border:0 !important;
	height:auto !important; overflow:visible !important; line-height:1.7 !important;
}
.kb-grid .itemBox li a, .kb-grid .pageBoxMore li a{ font-size:13.5px; color:var(--kb-ink2); display:inline !important; }
.kb-grid .itemBox li a:hover, .kb-grid .pageBoxMore li a:hover{ color:var(--kb-plum); }
.kb-grid .itemBox li .addi, .kb-grid .pageBoxMore li .addi{ float:right; font-size:11.5px; color:var(--kb-muted); font-family:var(--kb-serif); }
.kb-sec--teal .kb-grid .itemBox{ border-top:3px solid var(--kb-teal) !important; }
.kb-sec--teal .kb-grid .itemBox dt{ color:var(--kb-teal); }
.kb-sec--ink .kb-grid .itemBox{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:none !important; }
.kb-sec--ink .kb-grid .itemBox dt{ color:#fff; border-color:rgba(255,255,255,.16); }
.kb-sec--ink .kb-grid .itemBox li{ border-bottom:1px dashed rgba(255,255,255,.12) !important; }
.kb-sec--ink .kb-grid .itemBox li a{ color:#DCD6EC; }
.kb-sec--ink .kb-grid .itemBox li a:hover{ color:#F5C46A; }
.kb-sec--ink .kb-grid .itemBox li .addi{ color:#8E84B6; }

/* 解锁说明 */
.kb-unlock{ margin-top:8px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:var(--kb-radius); padding:20px 24px; }
.kb-unlock__item{ display:flex; align-items:flex-start; gap:12px; padding:6px 0; font-size:13.5px; color:#CFC7E4; }
.kb-unlock__item b{
	display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
	width:22px; height:22px; border-radius:50%; background:var(--kb-gold); color:#fff; font-size:12px; margin-top:3px;
}
.kb-unlock .kb-btn{ margin-top:14px; }

/* ---------------- CTA / 集团互链 ---------------- */
.kb-cta{
	display:flex; align-items:center; gap:30px; background:#fff; border:1px solid var(--kb-line);
	border-radius:var(--kb-radius); padding:30px 34px; box-shadow:var(--kb-shadow);
}
.kb-cta__main{ flex:1 1 auto; min-width:0; }
.kb-cta__main h2{ font-size:22px; margin:0 0 8px; font-weight:800; }
.kb-cta__main p{ margin:0; font-size:14px; color:var(--kb-muted); }
.kb-cta__actions{ flex:0 0 auto; }
.kb-cta__actions .kb-btn{ margin-left:12px; }
.kb-grouplinks{ margin-top:24px; font-size:13px; color:var(--kb-muted); }
.kb-grouplinks__label{ font-weight:700; color:var(--kb-ink2); margin-right:14px; }
.kb-grouplinks a{ color:var(--kb-muted); margin-right:16px; }
.kb-grouplinks a:hover{ color:var(--kb-plum); }

/* ---------------- 面包屑 ---------------- */
.kb-crumb{ background:#fff; border-bottom:1px solid var(--kb-line); font-size:13px; color:var(--kb-muted); }
.kb-crumb .kb-wrap{ padding-top:13px; padding-bottom:13px; }
.kb-crumb span{ margin:0 9px; color:var(--kb-line); }
.kb-crumb b{ color:var(--kb-ink); font-weight:700; }

/* ---------------- 文章页 ---------------- */
.kb-progress{ position:fixed; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,var(--kb-deep),var(--kb-plum)); z-index:200; transition:width .1s linear; }
.kb-article{ background:#fff; border:1px solid var(--kb-line); border-radius:var(--kb-radius); box-shadow:var(--kb-shadow); padding:34px 40px 30px; margin-bottom:22px; }
.kb-article__head{ border-bottom:1px solid var(--kb-line); padding-bottom:18px; margin-bottom:24px; }
.kb-article__cat{
	display:inline-block; font-size:12px; color:#fff; background:var(--kb-deep); padding:3px 12px; border-radius:4px; margin-bottom:14px;
}
.kb-article__cat--plain{ background:var(--kb-teal); }
.kb-article__head h1{ font-size:30px; line-height:1.45; margin:0 0 16px; font-weight:800; letter-spacing:-.3px; color:var(--kb-ink); }
.kb-article__meta{ display:flex; flex-wrap:wrap; gap:20px; font-size:13px; color:var(--kb-muted); font-family:inherit; }
.kb-article__meta span{ display:inline-flex; align-items:center; }
.kb-article__meta b{ color:var(--kb-ink2); font-weight:700; font-family:var(--kb-serif); }
.kb-dot{ display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--kb-teal); margin-right:6px; }
.kb-article__abstract{ background:var(--kb-paper); border-left:3px solid var(--kb-gold); border-radius:0 8px 8px 0; padding:16px 20px; margin-bottom:26px; }
.kb-article__abstract span{ display:block; font-size:11px; letter-spacing:.2em; color:var(--kb-gold); margin-bottom:6px; }
.kb-article__abstract p{ margin:0; font-size:14px; color:var(--kb-ink2); line-height:1.9; }
.kb-article__body{ font-size:16px; line-height:2; color:#2A2436; word-wrap:break-word; }
.kb-article__body p{ margin:0 0 18px; }
.kb-article__body h3{ font-size:18px; font-weight:800; color:var(--kb-ink); margin:30px 0 14px; padding-left:12px; border-left:4px solid var(--kb-deep); line-height:1.6; }
.kb-article__body h2{ font-size:20px; font-weight:800; margin:32px 0 16px; }
.kb-article__body ul, .kb-article__body ol{ padding-left:22px; margin:0 0 18px; }
.kb-article__body li{ margin-bottom:9px; }
.kb-article__body strong{ color:var(--kb-ink); }
.kb-article__body img{ border-radius:8px; margin:6px 0; }
.kb-article__body img.contAutoImg, .kb-article__body p:first-child > img{
	display:block; width:100%; max-width:560px; height:auto; margin:0 auto 22px; border-radius:10px;
}
.kb-article__body em{ color:var(--kb-muted); font-style:normal; font-size:13.5px; }
.kb-article__body table{ width:100%; border-collapse:collapse; margin:0 0 18px; font-size:14px; }
.kb-article__body th, .kb-article__body td{ border:1px solid var(--kb-line); padding:9px 12px; text-align:left; }
.kb-article__foot{ border-top:1px solid var(--kb-line); margin-top:26px; padding-top:16px; }
.kb-article__tags{ font-size:13px; color:var(--kb-muted); }
.kb-article__tags a{ display:inline-block; margin:0 8px 8px 0; padding:2px 10px; border-radius:11px; background:var(--kb-paper); color:var(--kb-ink2); font-size:12.5px; }
.kb-article__tags a:hover{ background:var(--kb-deep); color:#fff; }
.kb-article__hint{ background:#FFFBF0; border:1px dashed #E8D8A8; border-radius:8px; padding:13px 18px; margin-top:18px; font-size:13px; color:#6B5722; line-height:1.9; }
.kb-article__hint a{ color:var(--kb-gold); font-weight:700; }
.kb-prevnext{ display:flex; gap:18px; margin-top:22px; }
.kb-prevnext__item{ flex:1 1 0; min-width:0; background:var(--kb-paper); border-radius:8px; padding:12px 16px; font-size:13.5px; line-height:1.8; }
.kb-prevnext__item span{ display:block; font-size:12px; color:var(--kb-muted); margin-bottom:4px; }
.kb-prevnext__item--next{ text-align:right; }
.kb-article--page .kb-article__head h1{ font-size:28px; }
.kb-web h3{ font-size:17px; margin:24px 0 12px; color:var(--kb-ink); border-left:4px solid var(--kb-teal); padding-left:12px; }

/* 付费/限制阅读提示框（OTCMS 原生结构） */
#newsContent .hiddenContent, .hiddenContent{
	background:#FDFAF5 !important; border:1px dashed #E4D9C4 !important; border-radius:var(--kb-radius) !important;
	padding:28px 26px 24px !important; margin:8px 0 18px !important; text-align:left !important;
}
.hiddenContent .lockBox{
	display:inline-block !important; background:var(--kb-deep) !important; color:#fff !important;
	font-size:13.5px !important; font-weight:700 !important; padding:7px 18px !important; border-radius:6px !important; margin-bottom:18px !important;
}
.hiddenContent .lockBox .lockImg{ display:none !important; }
.hiddenContent .tabBox{ width:100% !important; border:0 !important; background:none !important; }
.hiddenContent .tabBox td, .hiddenContent .tdBox{ background:none !important; border:0 !important; padding:0 !important; }
.hiddenContent .announ1{ color:var(--kb-ink2) !important; font-size:14.5px !important; line-height:2 !important; margin-bottom:16px !important; text-align:left !important; }
.hiddenContent .newsUserItem{
	background:#fff !important; border:1px solid var(--kb-line) !important; border-radius:8px !important;
	padding:18px 20px !important; color:var(--kb-ink2) !important; font-size:14.5px !important; line-height:2 !important; text-align:left !important; margin:0 !important;
}
.hiddenContent .newsUserItem a{ color:var(--kb-plum) !important; font-weight:700 !important; }
.hiddenContent .newsUserItem input[type=button]{
	display:inline-block !important; margin-top:14px !important; height:44px !important; line-height:44px !important;
	padding:0 32px !important; border:0 !important; border-radius:22px !important; cursor:pointer !important;
	background:var(--kb-plum) !important; color:#fff !important; font-size:15px !important; font-weight:700 !important; font-family:inherit !important;
}
.hiddenContent .announ2{ color:var(--kb-muted) !important; font-size:12.5px !important; line-height:1.9 !important; margin-top:14px !important; text-align:left !important; }
.hiddenContent .announ2 a{ color:var(--kb-deep) !important; font-weight:600; }
.hiddenContent .hrFont{ color:var(--kb-muted) !important; }

/* 相关阅读 / 评论 */
.kb-related ul, .kb-panel .listArrow3 ul{ list-style:none; margin:0; padding:0; }
.kb-related li, .kb-panel .listArrow3 li{
	background:none !important; padding:10px 0 !important; border-bottom:1px dashed var(--kb-line) !important;
	height:auto !important; overflow:visible !important; line-height:1.7 !important;
}
.kb-related li:last-child{ border-bottom:0 !important; }
.kb-related li a, .kb-panel .listArrow3 li a{ font-size:14.5px; color:var(--kb-ink2); }
.kb-related li a:hover{ color:var(--kb-plum); }
.kb-related li .fr, .kb-panel .listArrow3 li .fr{ float:right; font-size:12px; color:var(--kb-muted); font-family:var(--kb-serif); }
.kb-reply{ font-size:14px; }

/* ---------------- 分页 ---------------- */
.pageNav, .listPage, .pageNavBox{ text-align:center; padding:22px 0 6px; }
.pageNav a, .pageNav span, .listPage a, .listPage span, .pageNavBox a, .pageNavBox span, .pageNav strong{
	display:inline-block; min-width:34px; height:34px; line-height:32px; margin:0 4px; padding:0 9px;
	border:1px solid var(--kb-line); border-radius:8px; background:#fff; color:var(--kb-ink2); font-size:13px;
}
.pageNav a:hover, .listPage a:hover{ border-color:var(--kb-deep); color:var(--kb-deep); }
.pageNav .curr, .listPage .curr, .pageNav strong{ background:var(--kb-deep); color:#fff; border-color:var(--kb-deep); }

/* ---------------- 页脚 ---------------- */
.kb-foot{ background:#fff; border-top:1px solid var(--kb-line); margin-top:8px; }
.kb-foot__main{ display:flex; gap:34px; padding-top:44px; padding-bottom:34px; }
.kb-foot__brand{ flex:0 0 320px; }
.kb-foot__logo{ height:48px; width:auto; }
.kb-foot__desc{ font-size:13px; color:var(--kb-muted); line-height:1.9; margin:16px 0 14px; }
.kb-foot__meta{ list-style:none; margin:0; padding:0; font-size:12.5px; color:var(--kb-muted); line-height:2; }
.kb-foot__meta a{ color:var(--kb-deep); }
.kb-foot__col{ flex:1 1 0; min-width:0; }
.kb-foot__col h4{ font-size:14px; font-weight:800; margin:0 0 12px; color:var(--kb-ink); }
.kb-foot__col h4.kb-foot__col2{ margin-top:20px; }
.kb-foot__col ul{ list-style:none; margin:0; padding:0; }
.kb-foot__col li{ line-height:2; font-size:13px; }
.kb-foot__col a{ color:var(--kb-muted); }
.kb-foot__col a:hover{ color:var(--kb-plum); }
.kb-foot__bar{ background:var(--kb-deep2); color:#9C93BD; font-size:12.5px; padding:16px 0; }
.kb-foot__copy{ float:left; }
.kb-foot__links{ float:right; }
.kb-foot__links a{ color:#B9AFD6; }
.kb-foot__links span{ margin:0 8px; color:#4A3E70; }
.kb-foot__vendor{ margin-top:10px; padding-top:10px; border-top:1px dashed rgba(255,255,255,.1); font-size:11px; color:#6F6496; line-height:1.9; }
.kb-foot__vendor a{ color:#8B80B4; }
.kb-foot__vendor img{ max-height:13px; vertical-align:middle; }
.kb-top{
	display:none; position:fixed; right:26px; bottom:34px; width:42px; height:42px; align-items:center; justify-content:center;
	border-radius:50%; background:var(--kb-deep); color:#fff; cursor:pointer; font-size:17px; z-index:120;
	box-shadow:0 10px 24px -10px rgba(43,27,99,.6);
}

/* ---------------- 表单（留言 / 会员） ---------------- */
.kb-panel input[type=text], .kb-panel input[type=password], .kb-panel textarea, .kb-panel select{
	border:1px solid var(--kb-line); border-radius:8px; padding:9px 12px; font-size:14px; font-family:inherit;
	color:var(--kb-ink); outline:none; box-sizing:border-box; background:#fff;
}
.kb-panel input[type=text]:focus, .kb-panel textarea:focus{ border-color:var(--kb-deep); }
.kb-panel input[type=submit], .kb-panel input[type=button], .kb-panel button{
	background:var(--kb-deep); color:#fff; border:0; border-radius:20px; padding:10px 26px;
	font-size:14px; font-weight:600; cursor:pointer; font-family:inherit;
}
.kb-panel table{ width:100%; border-collapse:collapse; }

/* ---------------- 通用兜底 ---------------- */
.mainBody, .topBody, .htmlBody, .mainBody1, .areaL, .areaR{ width:auto !important; max-width:100%; background:none; }
.itemBox, .pageBoxMore, .recomBox, .typeBox, .newBox, .leftItemBox, .leftItemBoxMore, .logoBox, .itemBox0{ width:auto !important; max-width:100% !important; float:none !important; box-sizing:border-box; }
.listBox0, .listBox1, .listBox2, .listBox3, .listBox4, .listBox5, .listBox6, .listBox7,
.listArrow0, .listArrow1, .listArrow2, .listArrow3, .listArrow4, .listArrow5{
	width:auto !important; max-width:100% !important; box-sizing:border-box;
}

/* ---------------- 响应式 ---------------- */
@media (max-width:1240px){
	.kb-search__input{ width:150px; }
	.kb-cols__side{ flex:0 0 280px; }
}
@media (max-width:1024px){
	.kb-util__left{ display:none; }
	.kb-util__right{ float:none; text-align:center; }
	.kb-util a{ margin:0 8px; }
	.kb-head__in{ flex-wrap:wrap; height:auto; padding-top:14px; padding-bottom:14px; gap:12px; }
	.kb-brand img{ height:40px; }
	.kb-nav{ order:3; width:100%; flex:1 1 100%; }
	.kb-mainMenu .topnav{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
	.kb-head__right{ margin-left:auto; }
	.kb-hero{ padding:38px 0 32px; }
	.kb-hero__in{ display:block; }
	.kb-hero h1{ font-size:32px; }
	.kb-hero__side{ flex:none; width:100%; border-left:0; border-top:1px solid var(--kb-line); padding-left:0; padding-top:24px; margin-top:26px; }
	.kb-hero__stats{ gap:22px; flex-wrap:wrap; }
	.kb-feature .imgRow{ width:100%; }
	.kb-feature--list .imgRow{ width:100%; }
	.kb-cols{ display:block; }
	.kb-cols__side{ width:100%; flex:none; margin-top:20px; }
	.kb-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.kb-cta{ display:block; padding:24px; }
	.kb-cta__actions{ margin-top:16px; }
	.kb-cta__actions .kb-btn{ margin:0 12px 10px 0; }
	.kb-foot__main{ display:block; }
	.kb-foot__brand{ margin-bottom:24px; }
	.kb-foot__col{ margin-bottom:20px; }
	.kb-foot__copy, .kb-foot__links{ float:none; }
	.kb-foot__links{ margin-top:8px; }
	.kb-article{ padding:24px 22px; }
	.kb-article__head h1{ font-size:22px; }
	.kb-article__body{ font-size:15.5px; }
	.kb-sec{ padding:34px 0; }
}
@media (max-width:640px){
	.kb-search{ display:none; }
	.kb-subbar{ line-height:40px; height:40px; }
	.kb-subbar a{ margin-right:12px; }
	.kb-subbar__right{ display:none; }
	.kb-hero h1{ font-size:27px; }
	.kb-hero__lede{ font-size:14.5px; }
	.kb-hero__stats b{ font-size:24px; }
	.kb-grid{ grid-template-columns:1fr; }
	.kb-cols__main .pageBox li{ display:block !important; }
	.kb-cols__main .pageBox li .a{ flex:none; max-width:100%; margin-bottom:12px; }
	.kb-sec__en, .kb-sec__note{ display:none; }
	.kb-sec__more{ margin-left:auto; }
	.kb-panel{ padding:18px; }
	.kb-panel__head{ margin:-18px -18px 16px; padding:14px 18px; }
	.kb-article{ padding:20px 16px; }
	.kb-prevnext{ display:block; }
	.kb-prevnext__item + .kb-prevnext__item{ margin-top:14px; }
}


/* ==== 第四轮视觉体系 ==== */
/* ================================================================
   TOYSTYLE 潮玩知识库 · 第四轮视觉体系（依据知识内容网站设计稿）
   配色：藏蓝 #17205E + 紫 #6E3FD0 + 青 #22B4E6 + 淡紫底 #F6F7FE
   追加在 theme2.css 之后：仅覆盖变量与新增组件，保留既有版式骨架
   ================================================================ */
:root{
	--kb-paper:#F6F7FE;
	--kb-card:#FFFFFF;
	--kb-ink:#17205E;
	--kb-ink2:#3C4470;
	--kb-muted:#6B7396;
	--kb-line:#E2E6F5;
	--kb-line2:#EFF1FB;
	--kb-deep:#17205E;
	--kb-deep2:#0F1743;
	--kb-plum:#6E3FD0;      /* 付费专栏主色：紫 */
	--kb-teal:#22B4E6;      /* 潮玩百科主色：青 */
	--kb-gold:#F2A63B;      /* 小面积点缀 */
	--kb-radius:14px;
	--kb-shadow:0 1px 2px rgba(23,32,94,.04), 0 12px 30px -22px rgba(23,32,94,.35);
}

body{ background:var(--kb-paper); }
.kb-main{ background:var(--kb-paper); }

/* 顶部工具条与页头：藏蓝主色 */
.kb-head{ background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(12px); }
.kb-brand img{ height:44px; }
.kb-search__input{ background:#F4F6FE; }
.kb-search__btn{ background:var(--kb-deep); }
.kb-search__btn:hover{ background:var(--kb-plum); }
.kb-subbar{ background:#fff; }

/* 按钮：紫色主按钮 + 白底描边 */
.kb-btn{ border-radius:24px; }
.kb-btn--primary{ background:var(--kb-plum); color:#fff !important; box-shadow:0 10px 22px -12px rgba(110,63,208,.7); }
.kb-btn--primary:hover{ background:var(--kb-purple-deep, #4B2AA8); }

/* ---------------- 首屏（插画版） ---------------- */
.kb-hero{ background:linear-gradient(120deg,#FFFFFF 0%,#F7F8FE 46%,#EFF3FD 100%); border-bottom:1px solid var(--kb-line); padding:52px 0 46px; }
.kb-hero__in{ display:flex; gap:44px; align-items:center; }
.kb-hero__main{ flex:1 1 auto; min-width:0; }
.kb-hero__eyebrow{ color:var(--kb-plum); font-weight:700; }
.kb-hero h1{ font-size:42px; letter-spacing:-.5px; }
.kb-hero h1 em{ color:var(--kb-plum); }
.kb-hero h1 em:after{ background:rgba(34,180,230,.28); }
.kb-hero__stats{ border-color:var(--kb-line); }
.kb-hero__stats b{ color:var(--kb-deep); }
.kb-hero__art{
	flex:0 0 44%; max-width:560px; border-radius:18px; overflow:hidden;
	box-shadow:0 30px 60px -34px rgba(23,32,94,.55); background:#EFF3FD; line-height:0;
}
.kb-hero__art img{ display:block; width:100%; height:auto; }
.kb-hero__notes{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.kb-hero__note{
	display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--kb-ink2);
	background:#fff; border:1px solid var(--kb-line); border-radius:16px; padding:5px 12px;
}
.kb-hero__note i{ width:6px; height:6px; border-radius:50%; background:var(--kb-teal); font-style:normal; }

/* ---------------- 系统学习路径 ---------------- */
.kb-path{ background:#fff; border-top:1px solid var(--kb-line); border-bottom:1px solid var(--kb-line); }
.kb-path__in{ display:flex; gap:40px; align-items:center; }
.kb-path__art{ flex:0 0 340px; border-radius:16px; overflow:hidden; box-shadow:var(--kb-shadow); line-height:0; }
.kb-path__art img{ display:block; width:100%; height:auto; }
.kb-path__body{ flex:1 1 auto; min-width:0; }
.kb-path__body h2{ font-size:26px; margin:0 0 10px; font-weight:800; letter-spacing:-.3px; }
.kb-path__body > p{ color:var(--kb-muted); font-size:14.5px; margin:0 0 20px; }
.kb-path__steps{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.kb-step{
	background:var(--kb-line2); border-radius:12px; padding:14px 16px; display:flex; gap:12px; align-items:flex-start;
}
.kb-step__no{
	flex:0 0 auto; width:26px; height:26px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
	background:var(--kb-deep); color:#fff; font-size:13px; font-weight:700; font-family:var(--kb-serif);
}
.kb-step:nth-child(2) .kb-step__no{ background:var(--kb-teal); }
.kb-step:nth-child(3) .kb-step__no{ background:var(--kb-plum); }
.kb-step:nth-child(4) .kb-step__no{ background:var(--kb-gold); }
.kb-step b{ display:block; font-size:14.5px; margin-bottom:2px; }
.kb-step span{ font-size:12.5px; color:var(--kb-muted); line-height:1.7; }
.kb-path__dirs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.kb-path__dirs a{
	display:inline-block; font-size:13px; padding:6px 14px; border-radius:16px;
	background:var(--kb-line2); color:var(--kb-ink2); border:1px solid var(--kb-line);
}
.kb-path__dirs a:hover{ background:var(--kb-plum); color:#fff; border-color:transparent; }

/* 区块配色随新主色微调 */
.kb-sec--teal{ background:#EFF8FD; border-color:#DCEFF8; }
.kb-section--group{ background:#fff; }
.kb-sec--ink{ background:var(--kb-deep2); }
.kb-sec--ink .kb-grid .itemBox{ background:rgba(255,255,255,.05) !important; }
.kb-unlock__item b{ background:var(--kb-gold); }

/* 卡片与列表：更柔和的描边与悬浮 */
.kb-card, .kb-panel, .kb-article{ border-radius:var(--kb-radius); }
.kb-feature .imgRow{ border-radius:var(--kb-radius); }
.kb-feature .imgRow:hover{ transform:translateY(-4px); box-shadow:0 26px 44px -30px rgba(23,32,94,.5); }
.kb-grid .itemBox{ border-radius:var(--kb-radius) !important; }
.kb-pill a{ background:var(--kb-line2); }
.kb-pill a:hover{ background:var(--kb-plum); }

/* 页脚：藏蓝 */
.kb-foot{ background:#fff; }
.kb-foot__bar{ background:var(--kb-deep2); }

/* 付费墙卡片：紫色主色 */
.hiddenContent .lockBox{ background:var(--kb-plum) !important; }
.hiddenContent .newsUserItem input[type=button]{ background:var(--kb-plum) !important; }
.kb-article__cat{ background:var(--kb-deep); }
.kb-article__cat--plain{ background:var(--kb-teal); }
.kb-progress{ background:linear-gradient(90deg,var(--kb-deep),var(--kb-plum) 60%,var(--kb-teal)); }

/* 响应式 */
/* 单页表格（学习计划等） */
.kb-web table{ width:100%; border-collapse:collapse; font-size:14px; margin:0 0 22px; }
.kb-web table th{ background:var(--kb-line2); font-weight:700; text-align:left; }
.kb-web table th, .kb-web table td{ border:1px solid var(--kb-line); padding:10px 12px; vertical-align:top; line-height:1.8; }
.kb-web table td:last-child, .kb-web table th:last-child{ white-space:nowrap; width:110px; }

@media (max-width:1024px){
	.kb-hero{ padding:34px 0 30px; }
	.kb-hero__in{ display:block; }
	.kb-hero h1{ font-size:30px; }
	.kb-hero__art{ max-width:100%; margin-top:26px; }
	.kb-path__in{ display:block; }
	.kb-path__art{ margin-bottom:22px; max-width:420px; }
	.kb-path__steps{ grid-template-columns:1fr; }
}
@media (max-width:640px){
	.kb-hero h1{ font-size:26px; }
	.kb-hero__art{ border-radius:14px; }
	.kb-path__body h2{ font-size:21px; }
	.kb-path__art{ max-width:100%; }
}