:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--button-min-size);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-normal{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:56px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-accent);color:var(--color-primary-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-light)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:#c53030}.btn-full{width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.required-mark{color:var(--color-error);font-weight:700;margin-left:4px;line-height:1}.input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);background-color:var(--color-bg-card);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a365d1a}.input::placeholder{color:var(--color-text-light)}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #e53e3e1a}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error)}.textarea{min-height:100px;resize:vertical}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);overscroll-behavior:contain}.modal-content{background-color:var(--color-bg-card);border-radius:var(--radius-sm);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;min-height:64px;background:linear-gradient(135deg,#1a365dfa,#97710ff5 72%,#1a365dfa);border-bottom:1px solid rgba(255,255,255,.12)}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-inverse);margin:0;line-height:1.2}.modal-close{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;border-radius:12px;color:#ffffffeb;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.modal-close:hover{background-color:#ffffff2e}.modal-close svg{display:block}.modal-body{padding:var(--spacing-md)}.message-dialog-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.message-dialog-text{margin:0;color:var(--color-text);font-size:var(--font-size-md);line-height:1.7;white-space:pre-line}.message-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.message-dialog-field{display:flex;flex-direction:column}.pwa-install-banner{position:fixed;left:50%;transform:translate(-50%);width:min(92vw,460px);z-index:1200;pointer-events:none;animation:pwa-install-banner-enter .22s ease-out}.pwa-install-banner-card{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#fffffffa,#f7f5f0fa);border:1px solid rgba(26,54,93,.12);box-shadow:0 18px 40px #0f244029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pwa-install-banner-badge{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary);background:linear-gradient(135deg,#1a365d1f,#d69e2e2e)}.pwa-install-banner-body{flex:1;min-width:0}.pwa-install-banner-title{font-size:var(--font-size-md);font-weight:600;line-height:1.25;color:var(--color-primary)}.pwa-install-banner-text{margin-top:4px;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-light)}.pwa-install-banner-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:10px;flex-wrap:wrap}.pwa-install-banner .btn{min-height:38px;padding:8px 12px;border-radius:10px;font-size:var(--font-size-sm)}@keyframes pwa-install-banner-enter{0%{opacity:0;transform:translate3d(-50%,8px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.pwa-install-banner{animation:none}}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080}.loading-overlay-box{background:var(--color-bg-card);border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 32px #0000002e;min-width:160px}.loading-spinner{width:52px;height:52px;border:5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay-message{font-size:var(--font-size-md);color:var(--color-text);font-weight:500;margin:0;text-align:center}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-hoverable:active{transform:translateY(0)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-icon{margin-bottom:var(--spacing-md);color:var(--color-text-light)}.empty-icon-button{padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px}.empty-icon-button .empty-icon{margin-bottom:var(--spacing-md)}.empty-icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px}.empty-icon svg{width:64px;height:64px}.empty-title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-description{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-md);max-width:280px}.empty-action{margin-top:var(--spacing-md)}.home-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);padding-bottom:80px}.home-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-inverse)}.home-logo{flex-shrink:0}.home-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent);margin:0}.home-content{flex:1;padding:var(--spacing-md)}.genealogy-list{display:flex;justify-content:center;padding:var(--spacing-md)}.genealogy-card-portrait{width:min(270px,80vw);aspect-ratio:3 / 4;background-image:linear-gradient(#52120e42,#400c0961),url(/redJiapu.webp);background-size:cover;background-position:center;border:2px solid #9f6435;border-radius:14px;cursor:pointer;display:flex;align-items:stretch;position:relative;overflow:hidden;box-shadow:0 10px 24px #260c083d,inset 0 0 0 1px #ffe6be59}.genealogy-portrait-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;width:100%;padding:clamp(22px,7vw,36px);text-align:center;position:relative;z-index:1}.genealogy-portrait-title-vertical,.genealogy-portrait-name-vertical{writing-mode:vertical-rl;text-orientation:upright;margin:0;color:#f8e6bf;text-shadow:0 1px 2px rgba(26,9,7,.8),0 0 10px rgba(35,9,7,.3);letter-spacing:.18em}.genealogy-portrait-title-vertical{font-size:clamp(22px,5.8vw,30px);font-weight:700}.genealogy-portrait-name-vertical{font-size:clamp(16px,4vw,20px);font-weight:500;color:#f4dfb4}.genealogy-card-portrait:after{content:"";position:absolute;inset:10px;border:1px solid rgba(239,204,144,.42);border-radius:8px;pointer-events:none}@media(max-width:420px){.genealogy-card-portrait{width:min(240px,84vw)}.genealogy-portrait-content{gap:10px}.genealogy-portrait-title-vertical{font-size:clamp(20px,7vw,26px)}.genealogy-portrait-name-vertical{font-size:clamp(14px,4.8vw,18px)}}.genealogy-portrait-founder{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.genealogy-portrait-hint{font-size:var(--font-size-xs);color:var(--color-text-light);margin:var(--spacing-xs) 0 0;opacity:.7}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tree-page{--tree-header-height: 84px;--tree-node-card-width: 70px;--tree-spouse-line-width: 8px;--tree-spouse-gap: 14px;--tree-spouse-reserved-width: calc(var(--tree-spouse-gap) + var(--tree-spouse-line-width) + var(--tree-node-card-width));min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);overflow:hidden}.tree-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--tree-header-height);padding:10px var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-inverse);z-index:120;box-shadow:0 2px 10px #00000014}.tree-header .back-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--color-text-inverse);flex-shrink:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a2e;font-size:34px;font-weight:500;line-height:1;padding:0 0 3px}.tree-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0}.tree-subtitle{font-size:var(--font-size-sm);color:#fffc;margin:0}.action-button{padding:8px 12px;font-size:var(--font-size-sm);color:var(--color-accent);background-color:#ffffff1a;border-radius:var(--radius-md)}.action-button:hover{background-color:#fff3}.tree-filter-bar{position:fixed;top:calc(var(--tree-header-height) + 8px);left:var(--spacing-md);z-index:105;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border-radius:var(--radius-lg);background:#fffdf0f0;box-shadow:var(--shadow-md)}.tree-filter-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.tree-filter-switch{position:relative;width:46px;height:26px;border-radius:13px;border:none;background:var(--color-border-dark);padding:0}.tree-filter-switch-on{background:var(--color-accent)}.tree-filter-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .2s ease}.tree-filter-switch-on .tree-filter-thumb{transform:translate(20px)}.zoom-controls{position:fixed;bottom:5px;right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-card);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.zoom-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer}.zoom-controls button:hover{background:var(--color-primary-dark)}.zoom-controls span{min-width:48px;text-align:center;font-size:var(--font-size-sm);color:var(--color-text)}.tree-content{flex:1;overflow:hidden;cursor:grab;position:relative;width:100vw;height:calc(100vh - var(--tree-header-height));margin-top:var(--tree-header-height);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.tree-content:active{cursor:grabbing}.tree-canvas{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .05s ease-out;margin-top:-50%;margin-left:-50%}.tree-canvas.centering{transition:transform .5s ease-out}.tree-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.tree-node-wrapper{display:flex;align-items:flex-start;gap:10px;position:relative;pointer-events:none}.tree-node-wrapper.has-spouse{padding-right:var(--tree-spouse-reserved-width)}.tree-node-branch{display:flex;flex-direction:column;align-items:center;position:relative}.tree-node-head{position:relative;width:var(--tree-node-card-width)}.tree-node-row{display:flex;align-items:center;position:relative;width:var(--tree-node-card-width)}.tree-node-main{display:flex;align-items:center;width:var(--tree-node-card-width)}.tree-node-spouse-slot{position:absolute;top:50%;left:calc(100% + var(--tree-spouse-gap));display:flex;align-items:center;transform:translateY(-50%);padding-top:0;z-index:2}.tree-node-spouse{display:flex;align-items:center}.spouse-line{display:flex;align-items:center;height:2px;width:calc(var(--tree-spouse-gap) + var(--tree-spouse-line-width));margin-left:calc(-1 * (var(--tree-spouse-gap)))}.spouse-line-invisible{visibility:hidden}.spouse-line .line-h{width:100%;height:2px;background:var(--color-primary)}.tree-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:var(--tree-node-card-width);pointer-events:auto}.tree-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);pointer-events:auto}.tree-card-invisible{visibility:hidden;pointer-events:none}.tree-card-focused{box-shadow:0 0 0 3px #d69e2e59,var(--shadow-lg);transform:translateY(-2px) scale(1.03)}.tree-card:not(.spouse-card){border:2px solid #333}.tree-card.member-male{background:linear-gradient(180deg,#f5faff,#eef6ff)}.tree-card.member-male .tree-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.tree-card.member-female{background:linear-gradient(180deg,#fff5f8,#fff0f5)}.tree-card.member-female .tree-avatar{background:linear-gradient(135deg,#e91e63,#f48fb1)}.spouse-card{border:none;background:#fffdf0b3}.spouse-card .tree-avatar{background:linear-gradient(135deg,#d4a574,#e8d5b7)}.tree-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:600;overflow:hidden}.tree-avatar img{width:100%;height:100%;object-fit:cover}.tree-card-info{text-align:center;margin-top:2px}.tree-card-name{font-size:10px;font-weight:600;color:var(--color-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.tree-card-generation{font-size:8px;color:var(--color-accent);margin:0}.tree-vertical-line{display:flex;flex-direction:column;align-items:center;position:relative;height:16px;width:var(--tree-node-card-width)}.vertical-line{width:2px;height:100%;background:var(--color-primary)}.tree-toggle-btn{position:absolute;bottom:-10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);border:2px solid var(--color-bg-card);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease;z-index:10;pointer-events:auto}.tree-toggle-btn:hover{transform:scale(1.1);background:var(--color-primary-dark)}.tree-toggle-btn.expanded{top:5px;bottom:auto}.tree-children{display:flex;gap:calc(var(--spacing-lg) + 10px);justify-content:center;position:relative;padding-top:40px}.tree-root-children{padding-top:0}.empty-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md)}.member-actions,.tree-search-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tree-search-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-md)}.tree-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a365d26}.tree-search-results{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:min(52vh,420px);overflow-y:auto}.tree-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:12px;border:1px solid rgba(26,54,93,.12);border-radius:var(--radius-md);background:#fffdf0d9;color:var(--color-text);text-align:left}.tree-search-result-name{font-weight:600}.tree-search-result-meta{color:var(--color-accent);font-size:var(--font-size-sm);flex-shrink:0}.tree-search-empty{padding:16px 12px;text-align:center;color:var(--color-text-light)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;background:var(--color-border-dark);border:none;cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.toggle-switch-on{background:var(--color-accent)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch-on .toggle-thumb{transform:translate(20px)}.ss-wrapper{position:relative}.ss-display{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:none;padding-right:10px}.ss-placeholder{color:var(--color-text-light)}.ss-arrow{font-size:20px;line-height:1;color:var(--color-text-light);flex-shrink:0;margin-left:var(--spacing-sm)}.ss-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.ss-search-row{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.ss-search-input{width:100%;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);outline:none;box-sizing:border-box}.ss-search-input:focus{border-color:var(--color-primary)}.ss-options{max-height:200px;overflow-y:auto}.ss-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.ss-option:hover{background:var(--color-bg)}.ss-option-selected{color:var(--color-primary);font-weight:600}.ss-empty{color:var(--color-text-light);cursor:default}.member-page{--member-header-height: 84px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.member-header{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--member-header-height);padding:10px var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 10px #00000014}.member-header .back-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--color-text-inverse);flex-shrink:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a2e;font-size:34px;font-weight:500;line-height:1;padding:0 0 3px}.member-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0;line-height:1.2}.member-subtitle{font-size:var(--font-size-sm);color:#fffc;margin:0;line-height:1.25}.edit-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--color-text-inverse);flex-shrink:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a2e}.edit-button:hover{background-color:#ffffff2e}.member-content{flex:1;padding:calc(var(--member-header-height) + var(--spacing-md)) var(--spacing-md) 100px;padding-bottom:100px}.member-detail{display:flex;flex-direction:column;gap:var(--spacing-md)}.member-avatar-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0}.member-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--spacing-md);overflow:hidden;box-shadow:var(--shadow-lg)}.member-avatar-large img{width:100%;height:100%;object-fit:cover}.member-avatar-large:has(img){cursor:pointer}.avatar-preview-modal{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.avatar-preview-image{max-width:100%;max-height:70vh;border-radius:var(--radius-md);object-fit:contain}.member-name-large{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.member-name-large .courtesy{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-light)}.member-title-large{font-size:var(--font-size-md);color:var(--color-accent);margin:0}.info-card{background:var(--color-bg-card)}.card-title{font-size:var(--font-size-md);color:var(--color-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.info-label{color:var(--color-text-light)}.info-value{color:var(--color-text);font-weight:500}.biography{color:var(--color-text);line-height:1.6;margin:0}.relation-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.relation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.relation-item:hover{background-color:var(--color-bg)}.relation-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:600;flex-shrink:0}.relation-info{display:flex;flex-direction:column}.relation-name{color:var(--color-text);font-weight:500}.relation-meta{font-size:var(--font-size-xs);color:var(--color-text-light)}.detail-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.member-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-md);color:var(--color-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.validation-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.validation-modal-text{margin:0;color:var(--color-text)}.validation-list{margin:0;padding-left:1.25rem;color:var(--color-text)}.validation-item+.validation-item{margin-top:var(--spacing-xs)}.validation-modal-actions{display:flex;justify-content:flex-end}.member-action-tip{text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);padding:var(--spacing-md);margin:0}.vip-modal-layout,.vip-modal-copy{display:flex;flex-direction:column;gap:var(--spacing-md)}.vip-modal-intro{margin:0;color:var(--color-text);line-height:1.6}.vip-feature-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vip-feature-item{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--radius-md);background:linear-gradient(135deg,#fffdf7,#fff7db);border:1px solid rgba(245,158,11,.2)}.vip-feature-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:700}.vip-feature-content{flex:1;min-width:0}.vip-feature-title-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.vip-feature-title{margin:0;font-size:var(--font-size-md);color:var(--color-primary)}.vip-feature-badge{padding:2px 8px;border-radius:999px;background:#f59e0b24;color:#b45309;font-size:var(--font-size-xs);font-weight:600}.vip-feature-description{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-light)}.vip-modal-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--color-bg-card) 30%)}.vip-activation-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffbf}.lineage-page{--lineage-header-height: 84px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.lineage-header{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--lineage-header-height);padding:10px var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 10px #00000014}.lineage-header .back-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--color-text-inverse);flex-shrink:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a2e;font-size:34px;font-weight:500;line-height:1;padding:0 0 3px}.lineage-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0}.lineage-subtitle{font-size:var(--font-size-sm);color:#fffc;margin:0}.format-selector{margin-top:var(--lineage-header-height);padding:var(--spacing-md);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.format-selector .input-wrapper{margin:0}.lineage-content{flex:1;padding:var(--spacing-md);overflow-x:auto}.empty-lineage{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-light)}.lineage-ou{font-family:Songti SC,SimSun,serif}.ou-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}.ou-header h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.ou-header p{color:var(--color-text-light);margin:0}.ou-table{display:flex;flex-direction:column}.ou-row{display:flex;border-bottom:1px solid var(--color-border);min-height:40px}.ou-generation{width:80px;padding:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-accent);font-weight:600;display:flex;align-items:center;flex-shrink:0}.ou-members{flex:1;padding:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.ou-member{display:flex;align-items:baseline;gap:var(--spacing-xs)}.ou-name{font-weight:600;color:var(--color-primary)}.ou-courtesy,.ou-achievements,.ou-dates,.ou-spouse{font-size:var(--font-size-sm);color:var(--color-text-light)}.lineage-su{font-family:Songti SC,SimSun,serif}.su-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}.su-header h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.su-header p{color:var(--color-text-light);margin:0}.su-tree{padding-left:var(--spacing-lg)}.su-node{position:relative}.su-node:before{content:"";position:absolute;left:-20px;top:0;width:20px;height:2px;background-color:var(--color-border-dark)}.su-node:first-child:before{display:none}.su-member{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0;background-color:var(--color-bg-card);border-left:3px solid var(--color-primary);display:inline-block}.su-name{font-weight:600;color:var(--color-primary)}.su-courtesy,.su-achievements{font-size:var(--font-size-sm);color:var(--color-text-light)}.su-children{margin-left:var(--spacing-lg);padding-left:var(--spacing-md);border-left:2px dashed var(--color-border-dark)}.lineage-pagoda{font-family:Songti SC,SimSun,serif}.pagoda-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}.pagoda-header h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.pagoda-header p{color:var(--color-text-light);margin:0}.pagoda{display:flex;flex-direction:column;align-items:center}.pagoda-row{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.pagoda-member{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-accent);border-radius:var(--radius-sm);white-space:nowrap}.lineage-dianji{font-family:Songti SC,SimSun,serif}.print-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.pdf-viewer-shell{position:relative;width:100%;max-width:850px;margin:0 auto}.pdf-viewer{width:100%;max-width:850px;height:650px;border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0 auto}.pdf-preview-overlay{position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(180deg,#0f172a1f,#0f172a08 22%,#0f172a00 45%);display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-md);pointer-events:none}.pdf-preview-badge{background:#0f172ac7;color:#fff;font-size:var(--font-size-sm);line-height:1.5;padding:8px 14px;border-radius:999px;box-shadow:0 8px 24px #0f172a2e;text-align:center}.dianji-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.download-action-group{display:flex;flex-direction:column;align-items:center;gap:6px}.download-note{color:var(--color-text-light);font-size:12px;line-height:1.4;text-align:center}.vip-download-tip{align-self:center;color:var(--color-text-light);font-size:var(--font-size-sm)}.dianji-controls{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;width:100%}.pagination{display:flex;align-items:center;gap:var(--spacing-sm)}.page-info{padding:0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-light)}.a4-page{width:210mm;min-height:297mm;background:#fff;padding:20mm;box-sizing:border-box;box-shadow:0 2px 10px #0000001a}.dianji-a4{padding:8mm 10mm;writing-mode:vertical-rl;text-orientation:upright;font-size:12px}.dianji-header{text-align:center;margin-bottom:6mm;padding-bottom:6mm;border-bottom:2px solid var(--color-primary);writing-mode:horizontal-tb}.dianji-header h2{font-size:22px;color:var(--color-primary);margin:0 0 var(--spacing-xs) 0}.dianji-header p{color:var(--color-text-light);margin:0}.page-number{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs)}.dianji-columns{display:flex;flex-direction:row;gap:6mm;height:100%}.dianji-column{display:flex;flex-direction:column;gap:4mm;min-width:22mm;max-width:26mm}.dianji-member{padding:2mm;border-right:1px solid #ddd;border-bottom:none;writing-mode:vertical-rl;text-orientation:upright;break-inside:avoid}.dianji-member p{margin:1px 0;line-height:1.3;font-size:11px;color:#333;writing-mode:vertical-rl;text-orientation:upright}.dianji-gen-label{font-size:9px;color:#666;font-weight:400}.dianji-name{font-size:12px}.dianji-name strong{color:var(--color-primary);font-weight:700}.dianji-name span{margin:0 1px}@media print{.no-print,.lineage-header,.format-selector,.lineage-page>*:not(.print-container){display:none!important}.print-container{display:block;width:100%}.a4-page{width:100%;min-height:297mm;height:297mm;padding:8mm 10mm;box-shadow:none;page-break-after:always;box-sizing:border-box;margin:0}.a4-page:last-child{page-break-after:auto}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:0}.dianji-a4,.dianji-member,.dianji-member p{writing-mode:vertical-rl!important;text-orientation:upright!important}}.article-page{--article-header-height: 84px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.article-header{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--article-header-height);padding:10px var(--spacing-md);background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 10px #00000014}.article-header .back-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--color-text-inverse);flex-shrink:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a2e;font-size:34px;font-weight:500;line-height:1;padding:0 0 3px}.back-button:hover{background-color:#ffffff2e}.header-content{flex:1;min-width:0}.article-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin:0}.article-subtitle{font-size:var(--font-size-sm);color:#fffc;margin:0}.article-content{flex:1;padding:calc(var(--article-header-height) + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-light)}.form-card{background:var(--color-bg-card)}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);position:sticky;bottom:0;padding:var(--spacing-md);background:var(--color-bg)}.article-detail{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.article-header-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.article-title-large{font-size:var(--font-size-2xl);color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}.article-type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent);color:var(--color-primary-dark);font-size:var(--font-size-xs);border-radius:var(--radius-sm);text-transform:uppercase}.article-body{font-family:Songti SC,SimSun,serif;font-size:var(--font-size-md);line-height:1.8;color:var(--color-text)}.article-body p{margin:0 0 var(--spacing-md) 0;text-indent:2em}.article-body p:last-child{margin-bottom:0}.article-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.help-page{min-height:100vh;background:linear-gradient(180deg,#fffdf5,#f7f5ef);color:var(--color-text)}.help-header{display:flex;justify-content:space-between;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-xl);border-bottom:1px solid rgba(0,0,0,.06)}.help-kicker{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700;letter-spacing:.06em}.help-title{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--color-primary-dark)}.help-subtitle{margin:var(--spacing-sm) 0 0;max-width:820px;line-height:1.8;color:var(--color-text-light)}.help-header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.help-content{display:grid;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl) calc(var(--spacing-xl) + 96px + env(safe-area-inset-bottom))}.help-card{padding:var(--spacing-lg);border-radius:20px}.help-highlight-card{background:linear-gradient(135deg,#fff8e8,#fff)}.help-footer-card{background:linear-gradient(135deg,#fef7ed,#fff)}.help-section-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);color:var(--color-primary)}.help-text{margin:0 0 var(--spacing-md);line-height:1.8;color:var(--color-text)}.help-list,.help-step-list{margin:0;padding-left:1.25rem;display:grid;gap:var(--spacing-sm)}.help-list li,.help-step-list li{line-height:1.8;color:var(--color-text)}.help-step-list li strong{color:#000}.help-footer-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.help-header{flex-direction:column}.help-content{padding:var(--spacing-md) var(--spacing-md) calc(var(--spacing-xl) + 112px + env(safe-area-inset-bottom))}}.vip-page{--vip-header-height: 84px;min-height:100vh;background:linear-gradient(180deg,#fffaf0 0%,var(--color-bg) 260px);padding-bottom:40px}.vip-page-header{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--vip-header-height);padding:10px var(--spacing-md);color:var(--color-text-inverse);background:linear-gradient(135deg,#7c3aed,#f59e0b);box-shadow:0 2px 10px #00000014}.vip-page-header .back-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0;background:#ffffff24;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px #4c1d952e;font-size:34px;font-weight:500;line-height:1;padding:0 0 3px}.vip-page-title{margin:0;font-size:var(--font-size-xl);color:#fff}.vip-page-subtitle{margin:4px 0 0;color:#ffffffe6;font-size:var(--font-size-sm)}.vip-page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:calc(var(--vip-header-height) + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}.vip-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8e7,#fff2cc);border:1px solid rgba(245,158,11,.2)}.vip-hero-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:var(--font-size-xs);font-weight:700}.vip-hero-title{margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--color-primary);font-size:var(--font-size-xl)}.vip-hero-text{margin:0;color:var(--color-text-light);line-height:1.7}.vip-section-title{margin:0 0 var(--spacing-md);color:var(--color-primary);font-size:var(--font-size-lg)}.vip-page-feature-list,.vip-article-list,.vip-steps{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vip-page-feature-item,.vip-article-item,.vip-step-item{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffffbf;border:1px solid var(--color-border)}.vip-page-feature-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#f59e0b);margin-top:8px;flex-shrink:0}.vip-page-feature-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.vip-page-feature-title{font-weight:600;color:var(--color-text)}.vip-page-feature-badge{padding:2px 8px;border-radius:999px;background:#7c3aed1a;color:#6d28d9;font-size:var(--font-size-xs);font-weight:600}.vip-page-feature-desc,.vip-article-item p,.vip-step-item p{margin:6px 0 0;color:var(--color-text-light);line-height:1.6}.vip-article-item,.vip-step-item{justify-content:space-between}.vip-article-copy{flex:1}.vip-article-copy h3{margin:0;font-size:var(--font-size-md);color:var(--color-text)}.vip-article-keyword{color:var(--color-primary)!important;font-weight:600}.vip-step-index{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.vip-copy-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.vip-activation-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.vip-activation-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media(max-width:640px){.vip-article-item,.vip-step-item{flex-direction:column;align-items:stretch}.vip-activation-actions,.vip-copy-actions{flex-direction:column}}.hall-of-fame-page{min-height:100vh;background-color:var(--color-bg);padding-bottom:80px}.hall-header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-lg) var(--spacing-md);text-align:center;position:sticky;top:0;z-index:10}.hall-header h1{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs)}.hall-subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0}.hall-search-bar{display:flex;align-items:center;background-color:var(--color-bg-card);margin:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hall-search-bar svg{color:var(--color-text-light);flex-shrink:0}.hall-search-input{flex:1;border:none;outline:none;padding:var(--spacing-sm);font-size:var(--font-size-md);background:transparent}.hall-search-clear{border:none;background:none;font-size:var(--font-size-lg);color:var(--color-text-light);cursor:pointer;padding:0 var(--spacing-sm)}.hall-search-empty{text-align:center;color:var(--color-text-light);padding:var(--spacing-xl)}.member-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:0 var(--spacing-md)}.member-masonry-card{margin-bottom:0;padding:var(--spacing-md);display:flex;flex-direction:column;width:100%}.member-masonry-card.member-masonry-card-spouse{background:#fffdf0d9;border:none}.member-masonry-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);overflow:hidden}.member-masonry-avatar img{width:100%;height:100%;object-fit:cover}.member-masonry-avatar span{color:#fff;font-size:var(--font-size-xl);font-weight:700}.member-masonry-avatar-female{background:linear-gradient(135deg,#e91e63,#f48fb1)}.member-masonry-avatar-spouse{background:linear-gradient(135deg,#d4a574,#e8d5b7)}.member-masonry-info{flex:1}.member-masonry-name{font-size:var(--font-size-md);font-weight:700;margin:0 0 var(--spacing-xs);color:var(--color-text)}.member-masonry-name.member-masonry-name-female{color:#c2185b}.member-masonry-name .courtesy-name{font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-light);margin-left:var(--spacing-xs)}.member-masonry-meta{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0 0 var(--spacing-sm)}.member-masonry-achievements{font-size:var(--font-size-sm);color:var(--color-accent);margin:0 0 var(--spacing-sm);font-weight:500}.member-masonry-bio{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.add-member-masonry-card{background:var(--color-bg);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;min-height:150px}.add-member-masonry-card:hover{border-color:var(--color-primary)}.add-member-masonry-card .add-member-content{display:flex;flex-direction:column;align-items:center;color:var(--color-text-light)}.add-member-masonry-card .add-member-content p{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm)}.hall-of-fame-page .fab{position:fixed;bottom:80px;right:var(--spacing-md);width:56px;height:56px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:50}.hall-of-fame-page .fab:active{transform:scale(.95)}.me-page{min-height:100vh;background-color:var(--color-bg);padding-bottom:80px}.me-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);background-color:var(--color-primary);color:#fff;padding:var(--spacing-lg) var(--spacing-md);position:sticky;top:0;z-index:10}.me-header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.me-header-logo{flex-shrink:0}.me-header-logo img{display:block}.me-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent);margin:0}.me-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}.me-content{padding:var(--spacing-md)}.me-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-header .section-title{margin:0}.user-section .card{padding:var(--spacing-lg)}.user-card{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);color:#fff}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:64px;height:64px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-size:var(--font-size-2xl);font-weight:700}.user-details{flex:1}.user-details h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg)}.user-details p{margin:0;font-size:var(--font-size-sm);opacity:.9}.user-family-meta{display:flex;flex-direction:column;gap:4px;margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs)}.user-family-name{font-weight:600;opacity:.9;letter-spacing:1px}.user-family-code{display:flex;align-items:center;gap:var(--spacing-xs)}.user-family-code-label{opacity:.65}.user-family-code-value{font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:2px;background:#ffffff38;padding:2px 8px;border-radius:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.login-card{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.login-prompt{display:flex;flex-direction:column;align-items:center;color:var(--color-text-light)}.login-prompt p{margin:var(--spacing-sm) 0 0}.family-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.family-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.family-item:last-child{border-bottom:none}.family-info{display:flex;flex-direction:column}.family-surname{font-weight:700;color:var(--color-primary)}.family-name{font-size:var(--font-size-sm);color:var(--color-text-light)}.address-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.address-item{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);position:relative}.address-item-default{border:2px solid var(--color-primary)}.default-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.address-contact{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.address-name{font-weight:700}.address-phone{color:var(--color-text-light)}.address-detail{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.4}.address-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.address-actions button{border:none;background:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer}.address-actions button.delete{color:var(--color-error, #e53e3e)}.empty-section{text-align:center;padding:var(--spacing-lg);color:var(--color-text-light)}.empty-section p{margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.code-hint{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;text-align:center}.resend-btn{border:none;background:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:center;padding:var(--spacing-sm)}.resend-btn:disabled{color:var(--color-text-light);cursor:not-allowed}.address-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.form-checkbox input[type=checkbox]{width:18px;height:18px}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-text)}.vip-badge{color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:10px;font-weight:600;margin-left:var(--spacing-sm)}.vip-badge-active{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.vip-badge-inactive{background:linear-gradient(135deg,#9ca3af,#6b7280)}.article-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.article-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.article-item:last-child{border-bottom:none}.article-item-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;cursor:pointer}.article-type-badge{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm)}.article-title{font-weight:500;color:var(--color-text)}.article-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:inherit;resize:vertical;min-height:120px}.textarea:focus{outline:none;border-color:var(--color-primary)}.addr-display{cursor:pointer;padding:var(--spacing-sm)}.addr-text{margin:0;color:var(--color-text);line-height:1.5}.addr-empty{margin:0;color:var(--color-text-light)}.addr-form,.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-switch{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.auth-switch button{border:none;background:none;color:var(--color-primary);cursor:pointer;font-size:inherit}.register-tip{background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:#856404}.user-card{padding:var(--spacing-lg)}.user-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.family-info-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.family-code{font-weight:700;color:var(--color-primary);margin:0}.family-surname{color:var(--color-text-light);margin:0}.family-genealogy-name{font-weight:700;color:var(--color-text);margin:0}.lock-status-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.lock-status-banner p{margin:0;flex:1}.round-table-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.round-table-writer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%}.round-table-writer-label{font-size:var(--font-size-xs);color:var(--color-text-light);font-weight:500;margin-bottom:2px}.round-table-writer-self,.round-table-writer-other{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 14px;border-radius:24px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:2px solid #d97706;box-shadow:0 2px 8px #f59e0b4d}.round-table-writer-self{background:linear-gradient(135deg,#10b981,#34d399);border-color:#059669;box-shadow:0 2px 8px #10b9814d}.round-table-avatar{width:36px;height:36px;border-radius:50%;background-color:#ffffff59;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-md);flex-shrink:0}.round-table-writer-info{display:flex;flex-direction:column}.round-table-writer-name{font-weight:600;color:#fff;font-size:var(--font-size-sm);line-height:1.3}.round-table-writer-badge{font-size:10px;color:#ffffffd9}.round-table-writer-empty{padding:8px 18px;border-radius:24px;background:var(--color-bg);border:2px dashed var(--color-border);color:var(--color-text-light);font-size:var(--font-size-xs)}.round-table-body{display:flex;flex-direction:column;align-items:center}.round-table-surface{width:130px;min-height:70px;background:linear-gradient(180deg,#d4a574,#c49a6c 40%,#b8895a);border-radius:8px 8px 4px 4px;border:3px solid #8b5a2b;border-bottom-width:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);position:relative;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 4px #00000026,0 4px 12px #00000040}.round-table-surface:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(139,90,43,.06) 2px,transparent 4px);border-radius:inherit;pointer-events:none}.round-table-book{color:#5c3d1e;opacity:.85;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.round-request-bubble{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #f59e0b;border-radius:var(--radius-md);padding:5px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 3px 10px #0000001f;white-space:nowrap;z-index:10}.round-request-bubble span{font-size:11px;color:var(--color-text)}.round-request-bubble-actions{display:flex;gap:6px;margin-top:4px}.round-request-bubble-actions .btn-small{padding:3px 10px;font-size:12px;min-height:auto;border-radius:12px}.round-table-legs{display:flex;justify-content:space-between;width:100px;padding:0 15px}.round-table-leg{width:10px;height:40px;background:linear-gradient(180deg,#c49a6c,#a0784a);border-radius:0 0 3px 3px;border-left:2px solid #8b5a2b;border-right:2px solid #8b5a2b;border-bottom:3px solid #6b4423;box-shadow:1px 3px 5px #0003}.round-table-status{margin-top:8px;font-size:var(--font-size-xs);color:var(--color-text-light);text-align:center}.round-table-actions{margin-top:6px;display:flex;justify-content:center}.round-table-readers{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.round-table-readers-label{font-size:var(--font-size-xs);color:var(--color-text-light);font-weight:500}.round-table-reader-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.round-table-reader-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;border-radius:var(--radius-md);background-color:var(--color-bg);border:2px solid var(--color-border);min-width:60px;transition:transform .2s}.round-table-reader-card:hover{transform:translateY(-2px)}.round-table-avatar-small{width:30px;height:30px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xs)}.round-table-reader-name{font-size:10px;color:var(--color-text);text-align:center;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-table-reader-tag{font-size:9px;color:#92400e;background:#fef3c7;padding:1px 5px;border-radius:6px}.round-table-reader-self{background-color:#10b9810f;border-color:#10b98159}.round-table-reader-pending{background-color:#f59e0b0f;border-color:#f59e0b59}.round-table-reader-empty{font-size:var(--font-size-xs);color:var(--color-text-light)}.share-option-modal-content{gap:var(--spacing-md)}.share-option-list{display:flex;flex-direction:column;gap:0}.share-option-divider{height:1px;margin:var(--spacing-sm) 0;background:linear-gradient(90deg,transparent 0%,rgba(26,54,93,.2) 50%,transparent 100%)}.share-option-card{width:100%;text-align:left;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:normal;overflow-wrap:anywhere}.share-option-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #1a365d14;transform:translateY(-1px)}.share-option-card-recommended{border-color:#1a365d47;background:linear-gradient(135deg,#fffbf5,#fff7e6)}.share-option-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:normal;word-break:break-word;line-height:1.45}.share-option-desc{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-light);white-space:normal;word-break:break-word}.share-option-link-text{margin-top:var(--spacing-sm);padding:10px 12px;border-radius:var(--radius-sm);background:#1a365d0f;color:var(--color-primary);font-size:var(--font-size-xs);line-height:1.6;white-space:normal;word-break:break-all;user-select:all;-webkit-user-select:all}.cloud-enabled{display:flex;flex-direction:column;gap:var(--spacing-md)}.backup-count{color:var(--color-text-light);font-size:var(--font-size-sm)}.cloud-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.vip-lock-tip{margin:0;color:#92400e;font-size:var(--font-size-sm);line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.backup-version-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:min(48vh,360px);overflow-y:auto;padding-right:4px}.backup-version-item{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:var(--spacing-sm);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.backup-version-item:hover{border-color:var(--color-primary)}.backup-version-item.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #792f201f;background:#fffbf5}.backup-version-main{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:4px}.backup-version-meta{font-size:var(--font-size-xs);color:var(--color-text-light)}:root{--color-primary: #1a365d;--color-primary-light: #2c5282;--color-primary-dark: #0f2440;--color-accent: #d69e2e;--color-accent-light: #ecc94b;--color-accent-dark: #b7791f;--color-bg: #f7f5f0;--color-bg-card: #ffffff;--color-bg-dark: #1a202c;--color-text: #2d3748;--color-text-light: #718096;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-dark: #cbd5e0;--color-success: #38a169;--color-error: #e53e3e;--color-warning: #dd6b20;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--button-min-size: 44px}.font-large{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 36px}.font-xlarge{--font-size-xs: 16px;--font-size-sm: 18px;--font-size-md: 20px;--font-size-lg: 24px;--font-size-xl: 28px;--font-size-2xl: 32px;--font-size-3xl: 42px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;min-height:100%;position:relative}html{min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-light{color:var(--color-text-light)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #0000000d;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) 0;color:var(--color-text-light);text-decoration:none;transition:color .2s ease;min-height:56px}.tab-item.active{color:var(--color-primary)}.tab-item:active{background-color:var(--color-bg)}.tab-item span{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}