:root{--bg-top: #f7f0e4;--bg-bottom: #ebe0cf;--card: #fffaf2;--border: #d4c4a8;--text: #3d2f1f;--muted: #7a6a52;--accent: #8b5a2b;--accent-soft: #f0e6d6;--shadow: 0 2px 12px rgba(61, 47, 31, .08)}*{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:1.5rem;font-weight:700;margin:8px 0 4px;text-align:center}.page-subtitle{text-align:center;color:var(--muted);font-size:.95rem;margin-bottom:20px}.verse{white-space:pre-line;text-align:center;line-height:1.9;color:var(--muted);font-size:.92rem;margin:16px 0 24px;padding:12px;background:var(--accent-soft);border-radius:12px}.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:1rem;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}.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:.95rem;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:1.05rem}.card-sub{color:var(--muted);font-size:.88rem;margin-top:4px}.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:1rem;background:#fff;margin-bottom:12px}.detail-grid{display:grid;gap:10px}.detail-row{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:.95rem}.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:.9rem}.overview-box{margin-top:8px;padding:12px;background:var(--accent-soft);border-radius:10px;font-size:.88rem;line-height:1.7;white-space:pre-wrap}.tree-node{margin-left:16px;border-left:2px solid var(--border);padding-left:10px;margin-bottom:6px}.tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.tree-toolbar{display:flex;gap:10px;margin-bottom:12px}.tree-toolbar .btn{flex:1;padding:11px 10px;font-size:.92rem;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer;font-family:inherit}.tree-toolbar .btn:active{background:var(--accent-soft)}.bgm-fab{position:fixed;top:12px;right:12px;z-index:1000;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);font-size:1.2rem;line-height:1;cursor:pointer;padding:0}.footer-note{text-align:center;color:var(--muted);font-size:.8rem;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:.85rem;color:var(--muted);line-height:1.6}.login-error{color:#b33;font-size:.9rem;margin:8px 0 0}.portal-item{display:flex;gap:10px;align-items:flex-start}.portal-item-primary{border-color:var(--accent)}.portal-fixed-list{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.portal-item-fixed .portal-body{width:100%}.portal-fixed-tag{display:inline-block;margin-right:6px;padding:1px 6px;font-size:.72rem;font-weight:700;color:var(--muted);background:var(--accent-soft);border-radius:4px;vertical-align:middle}.portal-section-label{margin:14px 0 8px;text-align:center;font-size:.82rem;font-weight:700;letter-spacing:.2em;color:var(--muted)}.portal-pin-badge{display:inline-block;margin-right:6px;padding:1px 6px;font-size:.72rem;font-weight:700;color:#fff;background:var(--accent);border-radius:4px;vertical-align:middle}.portal-article-scroll{max-height:min(58vh,480px);overflow-y:auto;-webkit-overflow-scrolling:touch;margin:4px 0 8px;padding-right:2px}.portal-article-scroll .portal-item{margin-bottom:10px}.portal-article-scroll .portal-item:last-child{margin-bottom:0}.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:.9rem}.portal-page-info{font-size:.88rem;color:var(--muted)}.portal-page-disabled{font-size:.88rem;color:#c4b8a4}.portal-list-hint{text-align:center;font-size:.8rem;color:var(--muted);margin:6px 0 0}.portal-empty{text-align:center;padding:16px;margin:0}.portal-num{font-weight:700;color:var(--accent);font-size:1.05rem;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:1.25rem;line-height:1.45}.article-body{line-height:1.85;font-size:.98rem;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:.92rem}.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:.9rem;font-weight:600;cursor:pointer}.clan-chart-fs-hint{text-align:center;color:var(--muted);font-size:.82rem;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:.85rem;margin:10px 0 12px}.clan-chart-save-panel .btn{width:100%}.person-admin-bar{text-align:right;margin:8px 4px 4px;font-size:.78rem;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:.78rem;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:.9rem;margin:12px 0}.person-photo-meta{color:var(--muted);font-size:.82rem;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:.82rem;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:.88rem;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:1.05rem;padding:16px}.article-images{display:flex;flex-direction:column;gap:10px}.article-img{width:100%;border-radius:10px;border:1px solid var(--border)}.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:.68rem;color:var(--muted);text-align:center;margin-top:2px}.article-publish-remove{display:block;width:100%;margin-top:4px;padding:2px 0;font-size:.75rem;color:#b33;background:none;border:none;cursor:pointer}.login-log-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.login-log-table{width:100%;border-collapse:collapse;font-size:.85rem}.login-log-table th,.login-log-table td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.login-log-table th{color:var(--accent);font-weight:700}.login-log-admin-bar{margin-bottom:12px;padding:12px 14px;background:var(--accent-soft);color:var(--accent);font-size:.9rem;font-weight:600;text-align:center}.login-log-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px}.login-log-item-body{flex:1;min-width:0}.login-log-time{font-weight:700;font-size:.95rem;margin-bottom:4px}.login-log-name{font-size:.92rem}.login-log-sub{font-size:.8rem;color:var(--muted);margin-top:4px;word-break:break-all}.login-log-del-btn{flex-shrink:0;width:auto;min-width:64px;padding:10px 14px;font-size:.88rem;color:#b33;border-color:#d4a0a0}.link-btn{border:none;background:none;padding:0;color:#b33;font-size:.85rem;cursor:pointer;font-family:inherit;text-decoration:underline}.article-interact{margin-top:10px}.article-summary{text-align:center;color:var(--muted);font-size:.95rem;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:.78rem;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:1rem;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:.85rem;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:.95rem;line-height:1.6;word-break:break-word}.article-comment-del{margin-top:6px;border:none;background:none;color:#b33;font-size:.82rem;cursor:pointer;padding:0}.article-comment-empty{color:var(--muted);font-size:.9rem;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:.92rem;color:var(--muted);background:var(--accent-soft)}.early-history-section{margin-bottom:10px}.early-history-heading{font-size:1.05rem;font-weight:700;color:var(--accent);margin:0 0 10px}.early-history-text{margin:0 0 10px;line-height:1.8;font-size:.95rem}.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{color:var(--muted);font-size:.85rem}.early-history-note{color:var(--muted);font-size:.88rem}.early-history-hint{margin:10px 0 0;font-size:.85rem;color:var(--muted);line-height:1.65}.early-history-list{margin:0;padding-left:1.2em;line-height:1.9;font-size:.95rem}.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}