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