/* 文库前台公共样式（白卡直角风格，对齐系统 PC 端） */
.wk-wrap{max-width:1200px;margin:0 auto;padding:20px 16px 40px}
.wk-crumb{color:#9c9c9c;font-size:13px;margin-bottom:14px}
.wk-crumb a{color:#9c9c9c}.wk-crumb a:hover{color:#4c6ef5}

/* 搜索条 */
.wk-searchbar{background:#fff;border:1px solid #eceef2;padding:18px;margin-bottom:16px}
.wk-search-form{display:flex;align-items:center;gap:10px}
.wk-search-form .iconfont{color:#9c9c9c}
.wk-search-form input{flex:1;height:40px;border:1px solid #dfe3ea;padding:0 12px;font-size:14px;outline:none;border-radius:0}
.wk-search-form input:focus{border-color:#4c6ef5}
.wk-search-form button{height:40px;padding:0 28px;border:none;background:#4c6ef5;color:#fff;font-size:14px;cursor:pointer;border-radius:0}
.wk-search-form button:hover{background:#3b5bdb}
.wk-fastwords{margin-top:10px;font-size:12px;color:#9c9c9c}
.wk-fastwords a{margin-right:14px;color:#6b7280}.wk-fastwords a:hover{color:#c0392b}

/* 分类导航 */
.wk-catenav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.wk-catenav a{padding:6px 16px;background:#fff;border:1px solid #eceef2;font-size:14px;color:#374151}
.wk-catenav a.on,.wk-catenav a:hover{border-color:#4c6ef5;color:#4c6ef5}

/* 分类分区 */
.wk-cate-block{background:#fff;border:1px solid #eceef2;padding:18px 18px 8px;margin-bottom:20px}
.wk-block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.wk-block-title{font-size:17px;font-weight:700;color:#1a1a1a;display:flex;align-items:center}
.wk-block-title .bar{display:inline-block;width:4px;height:18px;background:#4c6ef5;margin-right:10px}
.wk-more{font-size:13px;color:#9c9c9c}.wk-more:hover{color:#4c6ef5}

/* 卡片网格（默认 6 个/行） */
.wk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wk-grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.wk-grid{grid-template-columns:repeat(3,1fr)}.wk-grid-4{grid-template-columns:repeat(2,1fr)}}
.wk-card{background:#fff;border:1px solid #eceef2;display:block;text-decoration:none;margin-bottom:10px}
.wk-card:hover{border-color:#4c6ef5;box-shadow:0 2px 10px rgba(76,110,245,.08)}
.wk-cover{position:relative;padding-top:75%;background:#f7f8fa;overflow:hidden}
.wk-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wk-cover-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9cdd4}
.wk-cover-empty .iconfont{font-size:34px}
.wk-ext{position:absolute;right:0;bottom:0;background:rgba(26,26,26,.78);color:#fff;font-size:11px;padding:2px 7px;text-transform:uppercase}
.wk-title{font-size:13px;color:#1a1a1a;line-height:1.45;height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 10px 0;margin:0}
.wk-meta{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 10px;font-size:12px;color:#9c9c9c}
.wk-price em{font-style:normal;color:#c0392b;font-weight:700}
.wk-price{color:#c0392b;font-weight:600}
.wk-nums .iconfont{font-size:13px;margin-right:2px}

/* 详情页 */
.wk-detail{background:#fff;border:1px solid #eceef2;padding:24px;margin-bottom:20px}
.wk-detail-head{display:flex;gap:22px}
.wk-detail-cover{width:170px;flex:0 0 170px;position:relative;padding-top:0}
.wk-detail-cover img{width:170px;height:227px;object-fit:cover;display:block;background:#f7f8fa}
.wk-detail-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.4}
.wk-detail-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#9c9c9c;margin-bottom:12px}
.wk-detail-meta .iconfont{font-size:14px}
.wk-tags{margin-bottom:14px}
.wk-tag{display:inline-block;padding:2px 10px;background:#f7f8fa;border:1px solid #eceef2;font-size:12px;color:#6b7280;margin-right:8px}
.wk-detail-actions{display:flex;align-items:center;gap:14px}
.wk-price-big{font-size:20px;color:#c0392b;font-weight:700}
.wk-price-big em{font-style:normal}
.wk-btn-primary{display:inline-block;height:42px;line-height:42px;padding:0 32px;background:#4c6ef5;color:#fff;font-size:15px;border-radius:0;text-decoration:none}
.wk-btn-primary:hover{background:#3b5bdb}
.wk-btn-ghost{display:inline-block;height:42px;line-height:40px;padding:0 32px;border:1px solid #4c6ef5;color:#4c6ef5;font-size:15px;border-radius:0;text-decoration:none}
.wk-btn-ghost:hover{background:#4c6ef5;color:#fff}
/* 预览区 */
.wk-preview{margin-top:22px}
.wk-preview-head{font-size:16px;font-weight:700;color:#1a1a1a;border-left:4px solid #4c6ef5;padding-left:10px;margin-bottom:12px}
.wk-preview-frame{width:100%;height:760px;border:1px solid #eceef2;background:#f7f8fa}
.wk-preview-none{height:180px;display:flex;align-items:center;justify-content:center;background:#f7f8fa;border:1px dashed #c9cdd4;color:#9c9c9c;font-size:14px}

/* 专题页 */
.wk-topic-head{display:flex;gap:18px;background:#fff;border:1px solid #eceef2;padding:20px;margin-bottom:18px}
.wk-topic-cover{width:140px;height:90px;object-fit:cover}
.wk-topic-title{font-size:20px;font-weight:700;margin:0 0 8px;color:#1a1a1a}
.wk-topic-intro{font-size:13px;color:#6b7280;margin:0 0 8px}

/* 通用 */
.wk-listbar{font-size:13px;color:#9c9c9c;margin-bottom:12px}
.wk-hotwords{padding:4px 0 12px}
.wk-hotwords a{display:inline-block;padding:4px 14px;background:#f7f8fa;margin:0 10px 10px 0;font-size:13px;color:#374151}
.wk-hotwords a:hover{color:#c0392b}
.wk-empty{background:#fff;border:1px dashed #dfe3ea;padding:50px 0;text-align:center;color:#9c9c9c;font-size:14px;margin-bottom:20px}
.wk-pager{display:flex;justify-content:center;gap:10px;margin:18px 0;font-size:14px}
.wk-pager a{padding:6px 16px;background:#fff;border:1px solid #eceef2;color:#374151}
.wk-pager a:hover{border-color:#4c6ef5;color:#4c6ef5}
.wk-pager .cur{padding:6px 16px;color:#9c9c9c}