:root{--color-primary:#8b4513;--color-primary-light:sienna;--color-primary-dark:#5d3a1a;--color-accent:#c0392b;--color-accent-light:#fdf0ef;--color-accent-dark:#922b21;--color-text-primary:#2f1b0e;--color-text-secondary:#6b5b4e;--color-text-tertiary:#9b8b7e;--color-text-placeholder:#b8a99a;--color-bg-main:#f5f0e8;--color-bg-light:#faf6ef;--color-bg-header:#f0e8d8;--color-paper:#fdf5e6;--color-paper-dark:#f5e6c8;--color-border:#d4c5a9;--color-border-light:#e8ddcd;--color-border-dark:#b8a080;--color-success:#27ae60;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--color-error-bg:#fdf0ef;--color-error-border:#f5b7b1;--color-male:#3b5d8f;--color-male-bg:#f0f4f8;--color-female:#c0392b;--color-female-bg:#fdf0ef;--color-highlight:#f39c12;--color-highlight-bg:#fef5e7;--color-selected:#e74c3c;--color-selected-bg:#fdf0ef;--font-kai:KaiTi, STKaiti, 华文楷体, 楷体, KaiTi_GB2312, serif;--font-song:SimSun, STSong, 宋体, 华文宋体, serif;--font-hei:SimHei, STHeiti, 黑体, 华文黑体, sans-serif;--font-base:-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-title:28px;--font-size-heading:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-base:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:40px;--spacing-huge:48px;--border-radius-sm:2px;--border-radius-base:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:50%;--shadow-sm:0 1px 2px #2f1b0e0f;--shadow-base:0 2px 4px #2f1b0e14;--shadow-md:0 4px 8px #2f1b0e1a;--shadow-lg:0 8px 16px #2f1b0e1f;--shadow-xl:0 12px 24px #2f1b0e29;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--genealogy-node-width:80px;--genealogy-node-min-height:60px;--genealogy-generation-gap:100px;--login-primary:#23275f;--login-primary-light:#3e447b;--login-accent:#f4a92f;--login-accent-hover:#e69712;--login-bg-soft:#f7f3ec;--login-gradient:linear-gradient(135deg, var(--login-primary) 0%, var(--login-primary-light) 100%);--login-bg-light:#fffffffa;--login-text-primary:#1c1d2e;--login-text-secondary:#5b6178;--login-text-tertiary:#8b91a8;--login-border:#e3e6ef;--login-shadow:0 25px 50px -12px #23275f40;--login-transition:.3s}*{box-sizing:border-box;outline:none;margin:0;padding:0;list-style:none}.tiny-select .tiny-input .tiny-input__suffix{height:100%!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-main);width:100vw;height:100vh;overflow:hidden}#app{width:100%;height:100%}a{color:var(--color-accent);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-accent-dark)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-dark);transition:background var(--transition-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:0 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.hidden{display:none!important}.visible-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite rotate;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-bg-light) 50%, var(--color-border-light) 75%);border-radius:var(--border-radius-base);background-size:200% 100%;animation:1.5s linear infinite shimmer}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-base), opacity var(--transition-base)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(10px)}@media (max-width:575px){html{font-size:14px}}@media print{body{background:#fff;overflow:visible}.no-print{display:none!important}}.main-card{height:auto}.search-page-main{max-height:100vh;padding:16px}