/* ---------- 文档中心 ---------- */
.doc-banner .container{display:flex;flex-direction:column;align-items:flex-start}
.doc-search{
  display:flex;margin-top:36px;width:520px;max-width:100%;
  background:#fff;border-radius:10px;padding:6px;
  box-shadow:0 16px 40px rgba(3,25,15,.28);
}
.doc-search input{
  flex:1;min-width:0;border:0;outline:none;background:transparent;
  font-size:14.5px;color:var(--ink);padding:12px 16px;font-family:inherit;
}
.doc-search input::placeholder{color:var(--muted)}
.doc-search button{
  flex:none;border:0;cursor:pointer;font-family:inherit;
  font-size:14.5px;font-weight:500;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand-600));
  padding:12px 34px;border-radius:8px;
  transition:filter .2s var(--ease);
}
.doc-search button:hover{filter:brightness(1.06)}

.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.doc-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:30px 28px 24px;
  transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease);
}
.doc-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(5,64,37,.1);border-color:rgba(9,128,72,.35)}
.doc-card-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}
.doc-icon{
  flex:none;width:44px;height:44px;border-radius:11px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;
}
.doc-icon svg{width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.doc-card-head b{font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.doc-links{list-style:none}
.doc-links a{
  display:flex;align-items:center;gap:9px;padding:11px 0;
  font-size:13.5px;color:var(--ink-2);border-bottom:1px dashed var(--line);
  transition:color .2s var(--ease);
}
.doc-links li:last-child a{border-bottom:0}
.doc-links a::before{
  content:"";flex:none;width:4px;height:4px;border-radius:50%;
  background:var(--brand);opacity:.5;transition:opacity .2s;
}
.doc-links a:hover{color:var(--brand)}
.doc-links a:hover::before{opacity:1}
.doc-links a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-empty{grid-column:1/-1;padding:76px 0;text-align:center;color:var(--muted);font-size:14px}

@media (max-width:1080px){
  .doc-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .doc-grid{grid-template-columns:1fr}
  .doc-search button{padding:12px 22px}
}