/* 文档中心页面美化+Markdown支持样式建议 */
/* 分类彩卡/动画/弹窗/正文markdown美化 */

.docs-loading, .docs-empty {text-align:center; color:#888; font-size:1.2rem; padding:2.5em;}
.docs-empty span{font-size:2.5rem;}
.docs-modal-active {overflow:hidden;}
#docs-detail-modal {
    position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:1001;
    pointer-events:none;
}
.docs-modal-overlay {
    position:fixed;z-index:1002;top:0;left:0;width:100vw;height:100vh;
    background:rgba(44,56,74,.43);backdrop-filter:blur(1.3px);pointer-events:auto;
}
.docs-modal-card {
    position:fixed;top:64px;left:50%;transform:translateX(-50%);
    background:#fff; z-index:1003; border-radius:22px; box-shadow:0 10px 42px 0 rgba(46,68,110,.14);
    min-width:312px; max-width:700px; padding:2em 2.2em; overflow-y:auto;max-height:82vh;
    animation:fadeInUpDocs .22s cubic-bezier(.33,1.3,.43,.97) both; pointer-events:auto;
}
@keyframes fadeInUpDocs {from{opacity:0;transform:translate(-50%,40px);}to{opacity:1;transform:translate(-50%,0);}}
.docs-modal-header {display:flex;align-items:center;gap:0.8em;font-size:1.08rem;}
.docs-modal-category{color:#6366f1;font-weight:700;font-size:1.08rem;}
.docs-modal-title{font-weight:700;}
.docs-modal-close {margin-left:auto; font-size:2rem; background:none; border:none; color:#94a3b8; cursor:pointer; line-height:1; transition:.13s;}
.docs-modal-close:hover {color:#ef4444;}
.docs-modal-date {margin-top:.08em;}
.docs-modal-body {margin-top:1.2em;}
.docs-detail-empty{color:#94a3b8;text-align:center;font-size:1.09em;padding:2em;}

/* 分类区块（js已覆盖核心配色） */
.docs-category-colorful {box-shadow:0 6px 36px #0003; border-radius:24px; transition:.19s;}
.docs-category-title-colorful {font-size:1.37em;font-weight:600;letter-spacing:.04em;}
.docs-document-list-flat {margin:0;padding:0;list-style:none;}
.docs-document-item-flat {margin-bottom:.7em;}
.doc-title-hit {transition:.17s;}
.doc-title-hit:hover {background:linear-gradient(90deg,#fff8,#fff2);color:#6366f1 !important;transform:scale(1.055);}
.docs-view-btn {transition:.18s;}
.docs-view-btn:hover {background:linear-gradient(90deg,#fff 0%,#ffe066 100%);color:#f59e0b !important; transform:scale(1.10);}
.docs-date-glow {font-weight:600;font-size:.95em;text-shadow:0 1px 8px #fff1;background:rgba(20,0,0,.06);border-radius:4px;padding:.08em .5em;}
.docs-title-row-resp{flex-wrap:wrap;gap:1em;}

/* Markdown正⽂基础美化 */
.docs-md-body, .docs-md-body p {font-size:1.07em;line-height:1.84;color:#232c45;margin-bottom:1em;}
.docs-md-body ul, .docs-md-body ol {padding-left:1.4em;margin-bottom:.9em;}
.docs-md-body li {margin-bottom:.33em;}
.docs-md-body h1, .docs-md-body h2 {color:#6366f1;background:linear-gradient(90deg,#6366f110,#fff0);font-weight:800;margin:1.3em 0 .5em 0;padding:.1em .3em;border-radius:9px;}
.docs-md-body h3, .docs-md-body h4 {color:#0ea5e9;font-weight:700;margin:1em 0 .36em 0;}
.docs-md-body blockquote {background:#f1f5fd;border-left:4px solid #6366f1;border-radius:9px;margin:1em 0;padding:.7em 1em;color:#48547d;}
.docs-md-body pre, .docs-md-body code {background:#f6fafc;color:#284879;border-radius:7px;padding:.23em .5em;margin:.2em 0;font-family:monospace;line-height:1.6;font-size:.98em;}
.docs-md-body a {color:#2b7cf1;text-decoration:underline;}
.docs-md-body a:hover {color:#f59e0b;text-decoration:underline;}
.docs-md-body img {max-width:100%;border-radius:7px;box-shadow:0 2px 12px #6366f160;margin:1em 0;}
.docs-md-body table {width:100%;border-collapse:collapse;background:#f9fafb;margin:1.2em 0;}
.docs-md-body th, .docs-md-body td {border:1px solid #d8e2f8;padding:.42em .66em;font-size:.97em;}
.docs-md-body th {background:#f1f5fd;color:#6366f1;}
.docs-md-body hr {height:2px;background:#fbbf24;border:none;margin:1.2em 0;}
@media (max-width: 700px) {
    .docs-modal-card {padding:1.1em 0.35em;min-width:unset;max-width:95vw;}
    .docs-category-title-colorful{font-size:1em;}
    .doc-title-hit,.docs-view-btn{font-size:.95em;}
    .docs-md-body h1,.docs-md-body h2{font-size:1.07em;}
    .docs-md-body h3{font-size:.99em;}
}