.detail-page[data-v-7c954813]{background:var(--color-bg-page);flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-7c954813]{flex:1;padding:16px 0 32px}.layout-wrap[data-v-7c954813]{grid-template-columns:1fr 250px;align-items:start;gap:16px;display:grid}.main-area[data-v-7c954813]{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:400px;box-shadow:var(--shadow-xs);background:#fff;padding:30px 36px}.article-head[data-v-7c954813]{margin-bottom:24px}.article-title[data-v-7c954813]{color:var(--color-gray-900);letter-spacing:.3px;margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.55}.article-meta[data-v-7c954813]{color:var(--color-gray-500);font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meta-item[data-v-7c954813]{align-items:center;gap:4px;display:flex}.meta-sep[data-v-7c954813]{color:var(--color-gray-200)}.article-divider[data-v-7c954813]{background:linear-gradient(90deg, var(--color-primary-200), var(--color-border));height:1px;margin-bottom:24px}.article-body[data-v-7c954813]{font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-gray-700);min-height:200px}.article-body[data-v-7c954813] p{margin:0 0 14px}.article-body[data-v-7c954813] img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:12px 0}.article-body[data-v-7c954813] table{border-collapse:collapse;width:100%;font-size:var(--font-size-base);margin:16px 0}.article-body[data-v-7c954813] td,.article-body[data-v-7c954813] th{border:1px solid var(--color-border);padding:10px 14px}.article-body[data-v-7c954813] th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600}.article-body[data-v-7c954813] tr:nth-child(2n){background:var(--color-bg-subtle)}.article-body[data-v-7c954813] h1,.article-body[data-v-7c954813] h2,.article-body[data-v-7c954813] h3{color:var(--color-gray-800);margin:20px 0 10px;font-weight:600}.article-body[data-v-7c954813] ul,.article-body[data-v-7c954813] ol{margin:10px 0;padding-left:24px;line-height:1.8}.article-body[data-v-7c954813] a{color:var(--color-primary-500);text-decoration:underline}.article-body[data-v-7c954813] blockquote{border-left:3px solid var(--color-primary-300);background:var(--color-primary-50);color:var(--color-gray-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:14px 0;padding:10px 16px}.article-nav[data-v-7c954813]{border-top:1px dashed var(--color-border);margin-top:28px;padding-top:22px}.nav-tip[data-v-7c954813]{font-size:var(--font-size-sm);color:var(--color-gray-600);align-items:center;gap:6px;margin-bottom:12px;font-weight:600;display:flex}.nav-row[data-v-7c954813]{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-base);border:1px solid var(--color-border-light);align-items:flex-start;gap:8px;margin-bottom:8px;padding:9px 12px;display:flex}.nav-row[data-v-7c954813]:hover{background:var(--color-primary-50);border-color:var(--color-primary-100)}.nav-label[data-v-7c954813]{color:var(--color-gray-500);font-size:var(--font-size-sm);flex-shrink:0;align-items:center;gap:5px;display:flex}.nav-badge[data-v-7c954813]{border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.nav-badge.prev[data-v-7c954813]{background:var(--color-primary-100);color:var(--color-primary-500)}.nav-badge.next[data-v-7c954813]{color:var(--color-green);background:#dcfce7}.nav-link[data-v-7c954813]{color:var(--color-gray-700);text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);flex:1;overflow:hidden}.nav-row:hover .nav-link[data-v-7c954813]{color:var(--color-primary-500)}.nav-empty[data-v-7c954813]{color:var(--color-gray-400);font-size:var(--font-size-sm);text-align:center;padding:12px 0}.article-actions[data-v-7c954813]{border-top:1px solid var(--color-border);align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.empty-state[data-v-7c954813]{flex-direction:column;align-items:center;padding:60px 0;display:flex}.sidebar[data-v-7c954813]{top:calc(var(--nav-height) + 10px);flex-direction:column;gap:12px;display:flex;position:sticky}.back-btn-area[data-v-7c954813]{margin-bottom:0}.related-list[data-v-7c954813]{padding:4px 0;list-style:none}.related-item[data-v-7c954813]{padding:10px var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast);align-items:flex-start;gap:8px;display:flex}.related-item[data-v-7c954813]:last-child{border-bottom:none}.related-item[data-v-7c954813]:hover{background:var(--color-primary-50)}.rel-dot[data-v-7c954813]{background:var(--color-gray-300);width:5px;height:5px;transition:background var(--transition-fast);border-radius:50%;flex-shrink:0;margin-top:7px}.related-item:hover .rel-dot[data-v-7c954813]{background:var(--color-primary-400)}.rel-info[data-v-7c954813]{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rel-title[data-v-7c954813]{color:var(--color-gray-700);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.related-item:hover .rel-title[data-v-7c954813]{color:var(--color-primary-500)}.rel-date[data-v-7c954813]{font-size:var(--font-size-xs);color:var(--color-gray-400)}.rel-empty[data-v-7c954813]{padding:var(--space-5);text-align:center;color:var(--color-gray-400);font-size:var(--font-size-sm)}