:root{--bg-top: #f7f0e4;--bg-bottom: #ebe0cf;--card: #fffaf2;--border: #d4c4a8;--text: #3d2f1f;--muted: #5f5236;--accent: #8b5a2b;--accent-soft: #f0e6d6;--shadow: 0 2px 12px rgba(61, 47, 31, .08);--fs-h1: 1.3rem;--fs-h2: 1.15rem;--fs-h3: 1.05rem;--fs-lead: 1rem;--fs-body: .95rem;--fs-sm: .9rem;--fs-xs: .85rem;--fs-2xs: .8rem;--fs-tag: .72rem;--lh-tight: 1.4;--lh-base: 1.7;--lh-loose: 1.85}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));-webkit-tap-highlight-color:transparent}#app{min-height:100vh;padding:12px 16px 28px;max-width:720px;margin:0 auto}.site-logo-wrap{text-align:center;margin:4px 0 8px}.site-logo{width:88px;height:88px;border-radius:18px;object-fit:cover;background:#fff;box-shadow:var(--shadow)}.page-title{font-size:var(--fs-h1);font-weight:700;margin:8px 0 4px;text-align:center}.person-page-title{font-size:var(--fs-h2);line-height:var(--lh-tight)}.person-title-life{font-size:var(--fs-xs);font-weight:600;color:var(--muted);white-space:nowrap}.page-subtitle{text-align:center;color:var(--muted);font-size:var(--fs-body);margin-bottom:20px}.welcome-line{font-size:.88rem;margin-bottom:16px}.welcome-honor-note{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin:-10px 0 14px;letter-spacing:.08em}.page-hint{text-align:center;color:var(--muted);font-size:var(--fs-xs);line-height:1.65;margin:-10px 0 18px;padding:0 8px}.page-guide{margin:0 0 16px;padding:12px 14px;border-radius:10px;border:1px solid #e0d4c0;background:linear-gradient(180deg,#fffaf4,#f7f0e6);font-size:var(--fs-xs);color:var(--muted);line-height:1.7}.page-guide-title{margin:0 0 6px;font-size:var(--fs-sm);font-weight:700;color:var(--accent);text-align:center}.page-guide-list{margin:0;padding:0 0 0 1.1em}.page-guide-list li{margin:4px 0}.page-guide-list b{color:var(--text);font-weight:600}.page-guide-foot{margin:8px 0 0;padding-top:8px;border-top:1px dashed #dccfb8;font-size:var(--fs-2xs);text-align:center;line-height:1.6}.admin-mode-hint{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin:-10px 0 14px;line-height:1.5}.verse{white-space:pre-line;text-align:center;line-height:1.9;color:var(--muted);font-size:var(--fs-sm);margin:16px 0 24px;padding:12px;background:var(--accent-soft);border-radius:12px}.genealogy-section{margin-bottom:12px}.genealogy-section-heading{font-size:var(--fs-h3);font-weight:700;color:var(--accent);margin:0 0 10px;text-align:center}.genealogy-verse{margin:0}.genealogy-origin-text{margin:0 0 12px;line-height:1.85;font-size:var(--fs-body);text-align:justify;text-indent:2em}.genealogy-origin-text:last-child{margin-bottom:0}.upstream-chain{font-size:var(--fs-xs);color:#9a8b72;margin-bottom:10px}.upstream-lineage-list .upstream-lineage-card{padding:10px 14px;margin-bottom:8px}.list-person-title{font-weight:600;line-height:1.4}.list-person-title .tree-person-name{display:block;font-size:var(--fs-body);font-weight:600;color:var(--text)}.list-person-title .tree-person-life{display:block;font-size:var(--fs-2xs);font-weight:400;color:var(--muted);margin-top:2px}.upstream-lineage-list .card-sub{font-size:var(--fs-2xs);margin-top:4px}.btn-row{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn{display:block;width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:var(--fs-lead);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;box-shadow:var(--shadow)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.genealogy-entry-list{gap:14px}.genealogy-btn{position:relative;overflow:hidden;border-radius:12px;transition:transform .1s ease,box-shadow .1s ease}.genealogy-btn:active{transform:translateY(2px)}.genealogy-btn-a{border:1px solid #c9b896;background:linear-gradient(165deg,#fffdf9 0%,var(--card) 42%,#f0e4d2 100%);box-shadow:inset 0 1px #ffffffeb,0 3px #d4c4a8,0 5px 14px #3d2f1f1a}.genealogy-btn-a:active{box-shadow:inset 0 1px #ffffffb3,0 1px #d4c4a8,0 2px 6px #3d2f1f14}.genealogy-btn-a.genealogy-btn-featured{border-color:#b8844f;background:linear-gradient(165deg,#fffaf3,#f5e8d6 45%,#e8d4b8);color:var(--accent);box-shadow:inset 0 1px #fffffff2,0 3px #c9a06a,0 6px 16px #8b5a2b29}.genealogy-btn-a.genealogy-btn-featured:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#d4a574,var(--accent))}.genealogy-btn-a.genealogy-btn-featured:active{box-shadow:inset 0 1px #ffffffbf,0 1px #c9a06a,0 2px 8px #8b5a2b1f}.genealogy-btn-b{border:1px solid #d4c4a8;background:linear-gradient(180deg,#fffaf6,#f7efe3);box-shadow:inset 0 1px #ffffffe0,0 2px #e0d2bc,0 4px 10px #3d2f1f12}.genealogy-btn-b:active{box-shadow:inset 0 1px #ffffffa6,0 1px #e0d2bc,0 2px 5px #3d2f1f0f}.btn-ghost{background:transparent}.top-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.back-link{color:var(--accent);text-decoration:none;font-size:var(--fs-body);padding:6px 0}.back-btn{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow)}.card-link{display:block;color:inherit;text-decoration:none}.card-title{font-weight:700;font-size:var(--fs-h3)}.card-sub{color:var(--muted);font-size:var(--fs-xs);margin-top:4px}.clan-entry-primary{position:relative;overflow:hidden;border-color:#b8844f}.clan-entry-primary:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 3px 3px 0;background:var(--accent)}.clan-entry-primary .card-title{font-size:var(--fs-h3)}.clan-entry-sub{padding:12px 16px}.clan-overview-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-body);font-weight:700;color:var(--text)}.clan-overview-summary::-webkit-details-marker{display:none}.clan-overview-chevron{flex-shrink:0;color:var(--accent);transform:rotate(-90deg);transition:transform .15s ease}.clan-overview-details[open] .clan-overview-chevron{transform:rotate(0)}.clan-entry-sub .card-title{font-size:var(--fs-body)}.clan-entry-sub .card-sub{font-size:var(--fs-2xs)}.section-header{font-weight:700;color:var(--accent);padding:14px 4px 8px;border-top:1px solid var(--border);margin-top:8px}.section-header:first-child{border-top:none;margin-top:0}.search-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);font-size:var(--fs-lead);background:#fff;margin-bottom:12px}.detail-grid{display:grid;gap:10px}.detail-row{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:var(--fs-body)}.detail-label{color:var(--muted)}.detail-value{word-break:break-word}.relation-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:var(--fs-sm)}.overview-box{margin-top:8px;padding:12px;background:var(--accent-soft);border-radius:10px;font-size:var(--fs-xs);line-height:1.7;white-space:pre-wrap}.overview-gen-label{font-weight:700;color:var(--accent)}.tree-card{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 14px}.tree-entry{margin-bottom:8px}.tree-row{display:flex;align-items:flex-start;gap:6px;min-width:min-content}.tree-children{margin-left:1.1em;padding-left:8px;border-left:2px solid #e0d4c0}.tree-person-link{display:block;flex:1;min-width:0;text-decoration:none;line-height:1.35}.tree-person-link:active{opacity:.72}.tree-person-name{display:block;font-weight:600;font-size:var(--fs-sm);color:var(--accent)}.tree-person-life{display:block;font-size:var(--fs-2xs);color:var(--muted);margin-top:1px}.tree-toggle{flex:0 0 22px;width:22px;height:22px;margin-top:1px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.tree-toggle:active{background:var(--accent-soft)}.tree-toggle-svg{display:block;transform:rotate(-90deg);transition:transform .15s ease}.tree-toggle.is-open .tree-toggle-svg{transform:rotate(0)}.tree-toggle-spacer{cursor:default;visibility:hidden;pointer-events:none}.tree-toolbar{display:flex;gap:10px;margin-bottom:12px}.tree-expand-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 14px;font-size:var(--fs-sm);font-weight:600;font-family:inherit;border:1px solid #c9b896;border-radius:10px;background:linear-gradient(180deg,#fffaf6,#f7efe3);color:var(--accent);cursor:pointer;box-shadow:inset 0 1px #ffffffe0,0 1px 3px #3d2f1f0f;transition:background .15s ease,transform .1s ease}.tree-expand-btn:active{transform:translateY(1px)}.tree-expand-btn.is-expanded{background:var(--accent-soft);border-color:#d4a574}.tree-expand-btn-text{line-height:1.2}.bgm-fab{position:fixed;top:12px;right:12px;z-index:1000;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.bgm-fab:active{opacity:.72}.bgm-fab.bgm-fab-muted{color:var(--muted)}.footer-note{text-align:center;color:var(--muted);font-size:var(--fs-2xs);margin-top:24px}.login-card{margin-top:8px}.login-label{display:block;margin-bottom:8px;font-weight:600}.login-hint{margin-top:12px;font-size:var(--fs-xs);color:var(--muted);line-height:1.6}.login-error{color:#b33;font-size:var(--fs-sm);margin:8px 0 0}.portal-page{display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.portal-page-admin{padding-bottom:4px}.portal-main{flex:1;min-height:0}.portal-item{display:flex;gap:10px;align-items:flex-start}.portal-fixed-list{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.portal-item-fixed{position:relative;overflow:hidden;border:1px solid #c9b896;background:linear-gradient(165deg,#fffdf9 0%,var(--card) 42%,#f0e4d2 100%);box-shadow:inset 0 1px #ffffffeb,0 3px #d4c4a8,0 5px 14px #3d2f1f1a;transition:transform .1s ease,box-shadow .1s ease}.portal-item-fixed:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffffb3,0 1px #d4c4a8,0 2px 6px #3d2f1f14}.portal-item-fixed.portal-item-primary{border-color:#b8844f;background:linear-gradient(165deg,#fffaf3,#f5e8d6 45%,#e8d4b8);box-shadow:inset 0 1px #fffffff2,0 3px #c9a06a,0 6px 16px #8b5a2b29}.portal-item-fixed.portal-item-primary:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#d4a574,var(--accent))}.portal-item-fixed.portal-item-primary:active{box-shadow:inset 0 1px #ffffffbf,0 1px #c9a06a,0 2px 8px #8b5a2b1f}.portal-item-fixed .portal-body{width:100%;padding-left:2px}.portal-item-fixed.portal-item-primary .portal-body{padding-left:6px}.portal-item-fixed .card-title{font-size:var(--fs-h3)}.portal-item-fixed .card-sub{font-size:var(--fs-xs);margin-top:3px}.portal-fixed-tag{display:inline-block;margin-right:6px;padding:1px 6px;font-size:var(--fs-tag);font-weight:700;color:var(--muted);background:linear-gradient(180deg,#faf4ea,var(--accent-soft));border:1px solid rgba(212,196,168,.8);border-radius:4px;box-shadow:0 1px #fffc;vertical-align:middle}.portal-item-primary .portal-fixed-tag{color:var(--accent);border-color:#b8844f73}.portal-section-label{margin:14px 0 8px;text-align:center;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em;color:var(--muted)}.portal-pin-badge{display:inline-block;margin-right:6px;padding:1px 6px;font-size:var(--fs-tag);font-weight:700;color:#fff;background:var(--accent);border-radius:4px;vertical-align:middle}.portal-article-scroll-wrap{margin:4px 0}.portal-article-scroll{display:flex;flex-direction:column;gap:6px;max-height:min(36vh,300px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.portal-page-admin .portal-article-scroll{max-height:min(32vh,260px)}.portal-article-scroll .portal-item{margin-bottom:0;padding:9px 12px;gap:8px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:none}.portal-article-scroll .portal-item .card-title{font-size:var(--fs-body);font-weight:600;line-height:var(--lh-tight)}.portal-article-scroll .portal-num{font-size:var(--fs-sm);line-height:1.2}.portal-article-scroll .portal-pin-badge{padding:0 5px;margin-right:4px}.portal-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:8px 0 4px}.portal-page-btn{width:auto;min-width:88px;padding:9px 14px;font-size:var(--fs-sm)}.portal-page-info{font-size:var(--fs-xs);color:var(--muted)}.portal-page-disabled{font-size:var(--fs-xs);color:#c4b8a4}.portal-list-hint{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin:6px 0 0}.portal-scroll-hint{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin:2px 0 6px}.portal-admin-bar{position:sticky;bottom:0;z-index:20;margin-top:auto;padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(235,224,207,0),var(--bg-bottom) 24px)}.portal-admin-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin-top:0}.portal-admin-link{color:var(--accent);text-decoration:none;font-size:var(--fs-sm);font-weight:600;padding:4px 2px;line-height:var(--lh-tight)}.portal-admin-dot{color:var(--muted);font-size:var(--fs-sm);line-height:1;-webkit-user-select:none;user-select:none}.portal-empty{text-align:center;padding:16px;margin:0}.portal-num{font-weight:700;color:var(--accent);font-size:var(--fs-h3);flex-shrink:0;line-height:1.4}.portal-body{flex:1;min-width:0}.textarea-input{resize:vertical;min-height:160px;font-family:inherit;line-height:1.6}.article-title{font-size:var(--fs-h2);line-height:var(--lh-tight)}.article-body{line-height:var(--lh-base);font-size:var(--fs-body);white-space:pre-wrap;word-break:break-word}.footer-note a{color:var(--muted);text-decoration:none}.clan-chart-toolbar{display:flex;gap:10px;margin-bottom:12px}.clan-chart-toolbar .btn{flex:1;padding:11px 10px;font-size:var(--fs-sm)}.clan-chart-viewport{overflow:auto;padding:8px 4px 12px;-webkit-overflow-scrolling:touch;max-height:62vh}.clan-chart-svg{display:block;min-width:100%}@media(orientation:landscape){.clan-chart-viewport{max-height:52vh}}body.clan-chart-fs-open{overflow:hidden}.clan-chart-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.clan-chart-fs[hidden]{display:none!important}.clan-chart-fs-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;flex-shrink:0}.clan-chart-fs-title{font-weight:700;color:var(--text)}.clan-chart-fs-close{border:1px solid var(--border);background:var(--card);color:var(--accent);border-radius:8px;padding:8px 14px;font-size:var(--fs-sm);font-weight:600;cursor:pointer}.clan-chart-fs-hint{text-align:center;color:var(--muted);font-size:var(--fs-2xs);margin:0 12px 8px;flex-shrink:0}.clan-chart-fs-viewport{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;margin:0 8px 10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px}.clan-chart-fs-viewport .clan-chart-svg{display:block}@media(orientation:landscape){.clan-chart-fs-hint{margin-bottom:4px}.clan-chart-fs-viewport{margin-bottom:8px}}.clan-chart-save-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#3d2f1f8c;display:flex;align-items:center;justify-content:center;padding:16px}.clan-chart-save-modal[hidden]{display:none!important}.clan-chart-save-panel{width:min(100%,420px);max-height:90vh;overflow:auto;background:var(--card);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.clan-chart-save-tip{text-align:center;font-weight:700;margin:0 0 12px;color:var(--text)}.clan-chart-save-img-wrap{overflow:auto;max-height:60vh;border:1px solid var(--border);border-radius:8px;background:#f7f0e4;-webkit-overflow-scrolling:touch}.clan-chart-save-img-wrap img{display:block;width:100%;height:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.clan-chart-save-sub{text-align:center;color:var(--muted);font-size:var(--fs-xs);margin:10px 0 12px}.clan-chart-save-panel .btn{width:100%}.person-admin-bar{text-align:right;margin:8px 4px 4px;font-size:var(--fs-2xs);line-height:1.5}.person-photo-card{margin-top:10px}.person-photo-title{font-weight:700;margin-bottom:10px;color:var(--accent)}.person-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.person-photo-slot{min-width:0}.person-photo-wrap{position:relative;text-align:center;margin-bottom:8px}.person-photo-slot-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin-top:4px;font-size:var(--fs-2xs);line-height:1.5}.person-photo-action-dot{margin:0 4px;color:var(--muted)}.person-photo-del{color:#b33}.person-photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:#1e160eeb}.person-photo-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:none}.person-photo-viewer-img{max-width:min(92vw,480px);max-height:min(70vh,480px);object-fit:contain;border-radius:8px;transform-origin:center center;transition:transform .15s ease;cursor:zoom-out;box-shadow:0 8px 32px #00000059}.person-photo-img{max-width:100%;max-height:320px;border-radius:10px;border:1px solid var(--border);object-fit:contain;background:#fff;cursor:zoom-in;transition:transform .2s ease}.person-photo-empty{color:var(--muted);font-size:var(--fs-sm);margin:12px 0}.person-photo-meta{color:var(--muted);font-size:var(--fs-2xs);margin:0 0 10px;text-align:center}.person-photo-actions{display:flex;flex-direction:column;gap:8px}.person-photo-actions .btn-ghost{color:#b33;border-color:#d8a8a8}.photo-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#3d2f1f99;display:flex;align-items:center;justify-content:center;padding:12px}.photo-crop-panel{width:min(100%,420px);max-height:92vh;overflow:auto;background:var(--card);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.photo-crop-title{text-align:center;font-weight:700;margin:0 0 4px}.photo-crop-hint{text-align:center;color:var(--muted);font-size:var(--fs-2xs);margin:0 0 10px}.photo-crop-viewport{width:100%;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;border:2px solid var(--border);margin-bottom:12px;touch-action:none}.photo-crop-canvas{display:block;width:100%;height:100%;cursor:grab}.photo-crop-canvas:active{cursor:grabbing}.photo-crop-zoom-label{display:block;font-size:var(--fs-xs);color:var(--muted);margin-bottom:12px}.photo-crop-zoom{display:block;width:100%;margin-top:6px}.photo-crop-actions{display:flex;flex-direction:column;gap:8px}.photo-crop-actions .btn{width:100%}.photo-crop-save{font-size:var(--fs-h3);padding:16px}.article-images{display:flex;flex-direction:column;gap:10px}.article-img,.article-comment-img{width:100%;max-width:100%;border-radius:10px;border:1px solid var(--border);cursor:zoom-in}.article-comment-images{display:flex;flex-direction:column;gap:8px;margin-top:8px}.article-comment-form-images{margin-top:10px}.article-comment-preview{margin-top:8px}.article-comment-preview img{max-width:120px;border-radius:8px;border:1px solid var(--border)}.article-comment-preview-remove{display:inline-block;margin-top:4px;font-size:var(--fs-2xs);color:#b33;background:none;border:none;cursor:pointer;padding:0}.article-publish-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.article-publish-thumb{position:relative;width:72px}.article-publish-thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.article-publish-size{display:block;font-size:var(--fs-tag);color:var(--muted);text-align:center;margin-top:2px}.article-publish-remove{display:block;width:100%;margin-top:4px;padding:2px 0;font-size:var(--fs-2xs);color:#b33;background:none;border:none;cursor:pointer}.login-log-page-title{font-size:var(--fs-h2);margin-bottom:2px}.login-log-page-sub{font-size:var(--fs-2xs);margin-bottom:10px}.login-log-msg{font-size:var(--fs-2xs);margin:0 0 8px}.login-log-clear-btn{display:block;margin:0 0 8px auto;padding:0;border:none;background:none;color:#b33;font-size:var(--fs-2xs);font-family:inherit;cursor:pointer;text-decoration:underline}.login-log-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.login-log-table{width:100%;border-collapse:collapse;font-size:var(--fs-2xs)}.login-log-table th,.login-log-table td{padding:5px 4px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.login-log-table th{color:var(--accent);font-weight:700;font-size:var(--fs-tag)}.login-log-admin-bar{margin-bottom:8px;padding:8px 10px;background:var(--accent-soft);color:var(--accent);font-size:var(--fs-2xs);font-weight:600;text-align:center}.login-log-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px}.login-log-item-body{flex:1;min-width:0}.login-log-time{font-weight:600;font-size:var(--fs-2xs);margin-bottom:2px;color:var(--muted)}.login-log-name{font-size:var(--fs-xs);font-weight:600}.login-log-sub{font-size:var(--fs-tag);color:var(--muted);margin-top:2px;word-break:break-all;line-height:1.35}.login-log-del-btn{flex-shrink:0;width:auto;min-width:0;padding:4px 8px;font-size:var(--fs-tag);color:#b33;border-color:#d4a0a0;border-radius:8px}.link-btn{border:none;background:none;padding:0;color:#b33;font-size:var(--fs-xs);cursor:pointer;font-family:inherit;text-decoration:underline}.article-interact{margin-top:10px}.article-summary{text-align:center;color:var(--muted);font-size:var(--fs-body);line-height:1.6;margin:0 0 10px;padding:0 8px}.article-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:4px 0 12px;padding:8px 4px;font-size:var(--fs-2xs);color:var(--muted);line-height:1.5}.article-toolbar-like{border:none;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.article-toolbar-like.is-liked{font-weight:700}.article-toolbar-link{color:var(--accent);text-decoration:none;font:inherit;border:none;background:none;padding:0;cursor:pointer}.article-toolbar-del{color:#b33}.article-toolbar-dot{margin:0 4px;color:var(--muted)}.article-toolbar-meta{font:inherit;color:var(--muted)}.article-interact-title{font-size:var(--fs-lead);font-weight:700;color:var(--accent);margin:0 0 10px}.article-comment{border-top:1px solid var(--border);padding:10px 0}.article-comment:first-child{border-top:none}.article-comment-head{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-xs);margin-bottom:4px}.article-comment-author{font-weight:700;color:var(--text)}.article-comment-time{color:var(--muted);flex-shrink:0}.article-comment-body{font-size:var(--fs-body);line-height:1.6;word-break:break-word}.article-comment-del{margin-top:6px;border:none;background:none;color:#b33;font-size:var(--fs-2xs);cursor:pointer;padding:0}.article-comment-empty{color:var(--muted);font-size:var(--fs-sm);margin:0 0 10px}.article-comment-form{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.article-comment-form .btn{margin-top:8px}.early-history-notice{margin-bottom:12px;line-height:1.75;font-size:var(--fs-sm);color:var(--muted);background:var(--accent-soft)}.early-history-section{margin-bottom:10px}.early-history-heading{font-size:var(--fs-h3);font-weight:700;color:var(--accent);margin:0 0 10px}.early-history-text{margin:0 0 10px;line-height:1.8;font-size:var(--fs-body)}.early-history-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;line-height:1.7}.early-history-lineage{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;line-height:1.9;margin:10px 0}.early-history-name{font-weight:700;color:var(--text);cursor:default;-webkit-user-select:text;user-select:text}.early-history-arrow,.early-history-note{color:var(--muted);font-size:var(--fs-xs)}.early-history-hint{margin:10px 0 0;font-size:var(--fs-xs);color:var(--muted);line-height:1.65}.early-history-list{margin:0;padding-left:1.2em;line-height:1.9;font-size:var(--fs-body)}.clan-chart-gen{fill:var(--accent);font-size:16px;font-weight:700;font-family:PingFang SC,Microsoft YaHei,sans-serif}.clan-chart-link{fill:none;stroke:var(--border);stroke-width:1.5}.clan-chart-node{fill:var(--card);stroke:var(--accent);stroke-width:1.2}.clan-chart-node-f{stroke:#9a7b5c;fill:#fff8f4}.clan-chart-label{fill:var(--text);font-size:12px;font-weight:600;font-family:PingFang SC,Microsoft YaHei,sans-serif;pointer-events:none}.clan-chart-svg a{cursor:pointer}.btn,.card-link{transition:transform .08s ease,box-shadow .08s ease,background-color .08s ease}.btn:active{transform:translateY(1px)}.card-link:active{transform:scale(.992);background-color:var(--accent-soft)}.back-link:active{opacity:.6}.admin-mode-bar{text-align:center;margin:-6px 0 18px}.admin-mode-btn{display:inline-block;padding:6px 18px;font-size:.82rem;color:var(--muted);text-decoration:none;border:1px solid #d4c4a8;border-radius:20px;background:#faf6ef}.admin-mode-btn:active{opacity:.75}.admin-mode-btn.admin-mode-on{color:#b5651d;border-color:#d4a574;background:#fff8ee;font-weight:600}.route-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f7f0e473;z-index:9999;pointer-events:none}.route-loading-box{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--card);color:var(--muted);font-size:var(--fs-sm);box-shadow:var(--shadow)}.route-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:route-spin .7s linear infinite}@keyframes route-spin{to{transform:rotate(360deg)}}.route-error{text-align:center;padding:48px 20px}.route-error-text{color:var(--muted);font-size:var(--fs-body);margin-bottom:18px}.route-error .btn{max-width:200px;margin:0 auto}.danger-zone{border:1px solid #e2b6b0;background:#fdf6f5}.danger-zone-title{font-weight:600;color:#c0392b;margin:0 0 10px}.btn-danger{background:#c0392b;border-color:#c0392b;color:#fff}.btn-danger:active{background:#a93226}.danger-zone-hint{font-size:var(--fs-xs);color:var(--muted);margin:10px 0 0;text-align:center}.add-gender-row{display:flex;gap:20px;margin-top:4px}.add-radio{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body)}.person-admin-dot{color:var(--border);margin:0 4px}.content-format-help{margin-top:12px;padding:10px 14px;background:var(--accent-soft);border-radius:8px;font-size:var(--fs-xs);color:var(--muted);line-height:1.7}.content-format-help p{margin:0 0 6px;font-weight:600}.content-format-help ul{margin:0;padding-left:18px}.content-format-help code{background:#fffaf2;padding:0 4px;border-radius:3px}.portal-load-fail{text-align:center;padding:18px 12px}.portal-load-fail .card-sub{margin-bottom:12px}.portal-retry-btn{max-width:160px;margin:0 auto;padding:10px 16px}