.char-icon{width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;border:2px solid var(--color-text-accent)}.char-icon img{width:100%;height:100%;object-fit:cover}.header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;background-color:var(--color-bg-secondary);padding:1.5rem;border-radius:.5rem;border:1px solid var(--color-border)}.header-divider{flex-basis:100%;height:1px;background-color:var(--color-border)}.header h1{margin:0;font-size:2rem}details.section-base{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;margin-bottom:1rem}details.section-base summary{padding:1.5rem;cursor:pointer;font-weight:700;font-size:1.5rem;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none}details.section-base summary::-webkit-details-marker{display:none}details.section-base summary:hover{background-color:var(--color-bg-tertiary)}details.section-base summary:after{content:"▼";font-size:.8rem;transition:transform .2s}details.section-base[open]>summary:after{transform:rotate(180deg)}.section-base .content{padding:1.5rem;border-top:1px solid var(--color-border);line-height:1.6;color:var(--color-text-secondary)}.section-base .content>h1:first-child{display:none}.section-base .content h1,.section-base .content h2,.section-base .content h3{color:var(--color-text-primary);margin-top:1.5rem}.section-base .content h2{display:flex;align-items:center;gap:.5rem}.section-base .content p{margin-bottom:1rem;white-space:pre-line}.section-base .content ul,.section-base .content ol{padding-left:1.5rem;margin-bottom:1rem}.section-base .content table{width:100%;border-collapse:collapse;margin-bottom:1rem;border:1px solid var(--color-border-light)}.section-base .content th,.section-base .content td{border:1px solid var(--color-border-light);padding:.5rem;text-align:left}.section-base .content th{background-color:var(--color-bg-tertiary)}.detail-hero{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.detail-hero-portrait{width:220px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background:var(--color-bg-tertiary);flex-shrink:0}.detail-hero-info{flex:1;min-width:0}.detail-hero-info h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.detail-hero-info .hero-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:.75rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.375rem}.detail-section{margin-bottom:2rem}.detail-section h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.375rem}.section-note{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.subsection-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin:1rem 0 .5rem}.sub-page-nav{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.sub-page-nav-links{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sub-page-nav-link{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);text-decoration:none;font-size:.9rem;transition:border-color .2s ease,background-color .2s ease}.sub-page-nav-link:hover{border-color:var(--color-text-accent);background:var(--color-bg-tertiary);text-decoration:none}.sub-page-nav-hub{flex-shrink:0;padding:.375rem 1rem;border-radius:2rem;background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted);text-decoration:none;font-size:.8rem;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.sub-page-nav-hub:hover{border-color:var(--color-text-accent);color:var(--color-text-accent);text-decoration:none}[data-theme=light] .sub-page-nav-link{background:#fff;border-color:#e5e7eb;color:#111827}[data-theme=light] .sub-page-nav-link:hover{background:#fefce8;border-color:#ca8a04}[data-theme=light] .sub-page-nav-hub{border-color:#d1d5db;color:#6b7280}[data-theme=light] .sub-page-nav-hub:hover{border-color:#ca8a04;color:#b45309}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:.5rem;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,background-color .2s;z-index:100}.back-to-top:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.back-to-top.visible{opacity:1;visibility:visible}@media(max-width:768px){.detail-hero{flex-direction:column;align-items:center}.detail-hero-portrait{width:160px;height:160px}}