/* knowledge.css - 水晶知识库专属样式 */
.container{max-width:860px;margin:0 auto;padding:2rem 1.5rem;padding-top:4.5rem}
.kb-search-wrap{max-width:560px;margin:2.5rem auto 1.2rem;text-align:center}
.kb-search-wrap h1{font-size:1.6rem;font-weight:700;color:#333;margin-bottom:1rem}
.kb-search{display:flex;background:#fff;border:2px solid #e0e0e0;border-radius:50px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.kb-search:focus-within{border-color:#c4956a;box-shadow:0 0 0 3px rgba(196,149,106,.12)}
.kb-search input{flex:1;padding:.85rem 1.4rem;border:0;outline:0;font-size:1rem;background:transparent;color:#333}
.kb-search input::placeholder{color:#ccc}
.kb-search button{padding:.85rem 1.6rem;background:#c4956a;color:#fff;border:0;font-size:.9rem;font-weight:600;cursor:pointer}
.kb-search button:hover{background:#b5845b}

/* ===== 每周一石卡片 ===== */
.weekly-pick{
  position:relative;
  background:linear-gradient(135deg,#fdf6ef 0%,#f3e8da 50%,#ede0d4 100%);
  border:1px solid #e8ddd0;
  border-radius:16px;
  padding:2rem 2.2rem;
  margin:2rem 0 2.5rem;
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
}
.weekly-pick:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 24px rgba(196,149,106,.15);
}
.weekly-pick::before{
  content:'💎';
  position:absolute;
  right:1.5rem;
  top:50%;
  transform:translateY(-50%);
  font-size:4.5rem;
  opacity:.12;
  pointer-events:none;
}
.weekly-label{
  display:inline-block;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#a07a55;
  background:rgba(196,149,106,.15);
  padding:3px 10px;
  border-radius:6px;
  margin-bottom:.75rem;
}
.weekly-name{
  font-size:1.6rem;
  font-weight:700;
  color:#3a2a1a;
  margin-bottom:.5rem;
  line-height:1.3;
}
.weekly-desc{
  font-size:.95rem;
  color:#7a6555;
  line-height:1.7;
  margin-bottom:1rem;
  max-width:85%;
}
.weekly-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:.85rem;
  font-weight:600;
  color:#c4956a;
  text-decoration:none;
  transition:color .2s;
}
.weekly-link:hover{
  color:#a07a55;
}
.weekly-link::after{
  content:'→';
  transition:transform .2s;
}
.weekly-link:hover::after{
  transform:translateX(3px);
}

@media(max-width:600px){
  .weekly-pick{padding:1.4rem 1.2rem;}
  .weekly-pick::before{font-size:3rem;right:.8rem;}
  .weekly-name{font-size:1.3rem;}
  .weekly-desc{font-size:.88rem;max-width:100%;}
}
.kb-toc{background:#fff;border:1px solid #eee;border-radius:14px;padding:1.8rem 2rem;margin:2rem 0}
.kb-toc-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem}
.kb-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem}
.kb-toc-item{display:flex;align-items:center;gap:8px;padding:.45rem .65rem;border-radius:8px;text-decoration:none;color:#555;font-size:.88rem;cursor:pointer;transition:background .15s}
.kb-toc-item:hover{background:#f8f5f2;color:#c4956a}
.kb-toc-icon{font-size:1.05rem;flex-shrink:0}
.kb-toc-count{font-size:.7rem;color:#bbb;margin-left:auto}
.kb-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:1rem 0 1.5rem}
.kb-tag{padding:5px 14px;border-radius:20px;font-size:.82rem;font-weight:500;cursor:pointer;border:1.5px solid #e0e0e0;background:#fff;color:#888;transition:all .15s;user-select:none}
.kb-tag:hover{border-color:#c4956a;color:#c4956a}
.kb-tag.active{background:#c4956a;color:#fff;border-color:#c4956a}
.kb-stats{font-size:.8rem;color:#bbb;text-align:center;margin-bottom:1.5rem}
.kb-empty{text-align:center;padding:4rem 1rem;color:#ccc}
.kb-empty-icon{font-size:3rem;margin-bottom:.8rem}
.kb-more{display:block;margin:.5rem auto 1rem;padding:6px 20px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;color:#999;font-size:.8rem;cursor:pointer}
.kb-more:hover{border-color:#c4956a;color:#c4956a}
.kb-group{margin-bottom:2.5rem}
.kb-group-title{font-size:.85rem;font-weight:600;color:#999;margin-bottom:.8rem;padding-left:2px}
.kb-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}
.kb-card:hover{border-color:#c4956a;box-shadow:0 2px 12px rgba(196,149,106,.08)}
.kb-card-name{font-size:1.05rem;font-weight:600;color:#333}
.kb-card-sub{font-size:.8rem;color:#aaa;margin-top:2px}
.kb-card-price{font-size:.85rem;color:#c4956a;font-weight:600;white-space:nowrap}
.kb-fake{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;border-left:3px solid #ef5350}
.kb-fake-type{font-weight:600;color:#d32f2f;font-size:.95rem;margin-bottom:4px}
.kb-fake-crystal{font-size:.75rem;color:#bbb;margin-bottom:6px}
.kb-fake-desc{font-size:.88rem;color:#555;line-height:1.6}
.kb-fake-tools{font-size:.75rem;color:#bbb;margin-top:6px}
.kb-care{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;border-left:3px solid #4caf50}
.kb-care-crystal{font-size:.75rem;color:#bbb;margin-bottom:4px}
.kb-care-row{font-size:.88rem;color:#555;line-height:1.6;margin-bottom:2px}
.kb-care-do::before{content:"✓ ";color:#2e7d32;font-weight:700}
.kb-care-dont::before{content:"✗ ";color:#d32f2f;font-weight:700}
.kb-care-reason{font-size:.78rem;color:#999;padding-left:16px;margin-top:2px}
.kb-culture{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;border-left:3px solid #ab47bc}
.kb-culture-crystal{font-size:.75rem;color:#bbb;margin-bottom:4px}
.kb-culture-cat{display:inline-block;font-size:.7rem;padding:1px 7px;border-radius:6px;background:#ede7f6;color:#5e35b1;margin-bottom:6px}
.kb-culture-title{font-weight:600;font-size:.92rem;color:#333;margin-bottom:4px}
.kb-culture-content{font-size:.85rem;color:#666;line-height:1.6}
.kb-ind{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem}
.kb-ind-cat{display:inline-block;font-size:.7rem;padding:1px 7px;border-radius:6px;background:#ede7f6;color:#5e35b1;margin-bottom:6px}
.kb-ind-metric{font-size:.92rem;font-weight:600;color:#555}
.kb-ind-value{font-size:1.35rem;font-weight:700;color:#c4956a;margin:6px 0 4px}
.kb-ind-detail{font-size:.8rem;color:#999;line-height:1.5}
.kb-sup{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;border-left:3px solid #42a5f5}
.kb-sup-cat{display:inline-block;font-size:.7rem;padding:1px 7px;border-radius:6px;background:#e3f2fd;color:#1565c0;margin-bottom:6px}
.kb-sup-name{font-weight:600;font-size:.95rem;color:#333}
.kb-sup-detail{font-size:.82rem;color:#999;margin-top:4px;line-height:1.5}
.kb-isn{background:#fff;border:1px solid #eee;border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:.6rem;border-left:3px solid #ab47bc}
.kb-isn-type{font-weight:600;font-size:.95rem;color:#333;margin-bottom:6px}
.kb-isn-row{font-size:.83rem;color:#666;margin-bottom:2px}
.kb-isn-row span{color:#aaa}
.kb-articles-section{margin-top:3rem}
.kb-articles-section h2{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:2px solid #f0e6dc}
.kb-articles-section .sec-desc{color:#999;font-size:.88rem;margin-bottom:1.5rem}
.kb-articles-group-title{font-size:.92rem;font-weight:600;color:#888;margin:1.8rem 0 .8rem}
.kb-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.85rem}
.kb-article-card{text-decoration:none;color:inherit;background:#fafafa;border-radius:12px;overflow:hidden;border:1px solid #eee;transition:transform .2s,box-shadow .2s;display:block}
.kb-article-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.kb-article-card img{width:100%;height:auto;display:block}
.kb-article-body{padding:.6rem .8rem}
.kb-article-num{color:#c4956a;letter-spacing:1px;font-size:.73rem;display:block}
.kb-article-title{font-weight:600;color:#333;margin-top:.05rem;display:block;font-size:.92rem}
.kb-article-sub{color:#999;font-size:.78rem;margin-top:.05rem;display:block}
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;overflow-y:auto;padding:1.5rem}
.modal-bg.active{display:flex;justify-content:center;align-items:flex-start}
.modal-box{background:#fff;border-radius:14px;max-width:780px;width:100%;margin:2rem 0;animation:mUp .25s}
@keyframes mUp{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-hd{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start}
.modal-hd h2{font-size:1.4rem;font-weight:700;color:#333}
.modal-hd .en{font-size:.8rem;color:#bbb;font-style:italic}
.modal-close{background:0;border:1px solid #eee;border-radius:50%;width:32px;height:32px;font-size:16px;color:#999;cursor:pointer}
.modal-close:hover{border-color:#c4956a;color:#c4956a}
.modal-bd{padding:1.5rem}
.sec{margin-bottom:1.8rem}
.sec-title{font-size:1rem;font-weight:700;color:#333;margin-bottom:.8rem;padding-left:10px;border-left:3px solid #c4956a}
.ptable{width:100%;border-collapse:collapse}
.ptable td{padding:8px 10px;border-bottom:1px solid #f0f0f0;font-size:.88rem;color:#555}
.ptable td:first-child{color:#999;width:85px;white-space:nowrap}
@media(max-width:768px){
.container{padding:1.5rem 1rem;padding-top:3.5rem}
.kb-search-wrap h1{font-size:1.3rem}
.kb-toc{padding:1.2rem 1rem}
.kb-toc-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.4rem}
.kb-articles-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
}

/* ===== Video Section ===== */
.videos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .videos-grid { grid-template-columns: 1fr; }
}
.video-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  border: 1px solid #e8ddd0;
}
.video-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(196,149,106,.18);
}
.video-card-cover {
  position: relative;
  background: #F5F0EB;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.video-card-cover .play-btn {
  position: absolute;
  width: 48px; height: 48px;
  background: rgba(196,149,106,.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  transition: background .2s;
}
.video-card:hover .play-btn { background: #a07850; }
.video-card-cover .cover-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #333;
  text-align: center;
  padding: .6rem 1rem;
  line-height: 1.4;
}
.video-card-cover .cover-subtitle {
  font-size: .78rem;
  color: #888;
  text-align: center;
  padding: .2rem 1rem;
}
.video-card-info {
  padding: .8rem 1rem;
}
.video-card-info .card-title {
  font-size: .9rem;
  font-weight: 600;
  color: #333;
  margin-bottom: .3rem;
}
.video-card-info .card-plays {
  font-size: .75rem;
  color: #999;
}
.video-card-info .card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-top: .4rem;
}
.video-card-info .card-tags span {
  font-size: .68rem;
  background: #f5f0eb;
  color: #c4956a;
  padding: 2px 8px;
  border-radius: 12px;
}

/* Inline video player */
.video-player-wrap {
  margin-top: 1rem;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.video-player-wrap video {
  width: 100%;
  display: block;
}
.video-player-info {
  background: #fff;
  padding: .8rem 1rem;
  border-radius: 0 0 12px 12px;
}
.video-player-info .player-title {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
}
.video-player-info .player-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .4rem;
}
.video-player-info .player-tags span {
  font-size: .72rem;
  background: #f5f0eb;
  color: #c4956a;
  padding: 3px 10px;
  border-radius: 14px;
}