.detail-page[data-v-e2e437f9]{margin:0 auto;max-width:1200px;padding:48px 24px}.detail-layout[data-v-e2e437f9]{display:grid;gap:48px;grid-template-columns:1fr 400px}.main-content[data-v-e2e437f9]{min-width:0}.article-header[data-v-e2e437f9]{margin-bottom:36px}.cover-image[data-v-e2e437f9]{border-radius:8px;margin-bottom:28px;max-height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.article-header h1[data-v-e2e437f9]{font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:16px}.article-meta[data-v-e2e437f9]{color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:20px}.publish-date[data-v-e2e437f9]{color:var(--color-primary-600);font-weight:500}.article-content[data-v-e2e437f9]{font-size:1.125rem;line-height:1.9;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.article-content[data-v-e2e437f9] h2{font-size:1.5rem;margin:36px 0 20px}.article-content[data-v-e2e437f9] h3{font-size:1.25rem;margin:28px 0 16px}.article-content[data-v-e2e437f9] p{margin-bottom:18px}.article-content[data-v-e2e437f9] img{border-radius:4px;display:block;height:auto;margin:16px 0;max-width:100%}.article-tags[data-v-e2e437f9]{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.tag[data-v-e2e437f9]{background:#f0f5ff;border-radius:20px;color:var(--color-primary-600);font-size:.875rem;padding:6px 16px}.sidebar[data-v-e2e437f9]{height:-moz-fit-content;height:fit-content;position:sticky;top:96px}.sidebar-section[data-v-e2e437f9]{background:#fff;border:1px solid var(--color-border-secondary);border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.sidebar-title[data-v-e2e437f9]{border-bottom:2px solid var(--color-primary-600);color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:20px;padding-bottom:16px}.related-list[data-v-e2e437f9]{display:flex;flex-direction:column;gap:20px}.related-item[data-v-e2e437f9]{border-radius:12px;color:inherit;display:flex;gap:16px;margin:-12px;padding:12px;text-decoration:none;transition:all .2s}.related-item[data-v-e2e437f9]:hover{background:#f9fafb}.related-item:hover .related-title[data-v-e2e437f9]{color:var(--color-primary-600)}.related-thumb[data-v-e2e437f9]{background:#e5e7eb;border-radius:8px;flex-shrink:0;height:90px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:120px}.related-thumb-placeholder[data-v-e2e437f9]{align-items:center;background:#f3f4f6;color:var(--color-text-tertiary);display:flex;justify-content:center}.related-info[data-v-e2e437f9]{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.related-title[data-v-e2e437f9]{color:var(--color-text);display:-webkit-box;font-size:1.0625rem;font-weight:500;-webkit-line-clamp:2;margin-bottom:10px;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden;transition:color .2s}.related-date[data-v-e2e437f9]{color:var(--color-text-tertiary);font-size:.8rem}@media(max-width:900px){.detail-layout[data-v-e2e437f9]{grid-template-columns:1fr}.sidebar[data-v-e2e437f9]{order:-1;position:static}.article-header h1[data-v-e2e437f9]{font-size:1.75rem}}