:root{color:#24211c;background:#f5f2eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%}body{margin:0}a{color:inherit;text-decoration:none}button,.action{border:0;background:#6f2f24;color:#fff;min-height:40px;padding:0 18px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button.secondary{background:#2f5949}button.danger{background:#8a3428}button.small{min-height:30px;padding:0 10px;font-size:12px}input,select,textarea{width:100%;min-height:40px;border:1px solid #cfc6b6;border-radius:6px;background:#fff;padding:8px 10px;font:inherit}textarea{min-height:96px;resize:vertical}label{display:grid;gap:6px;font-size:14px;color:#5a5146}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f5f2ebeb,#e6dfd2f5),url(/family-bg.svg) center/cover}.login-panel{width:min(440px,100%);background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:28px;box-shadow:0 18px 45px #352d221f;display:grid;gap:16px}.login-panel h1{font-size:24px;line-height:1.35;margin:0 0 8px;color:#34281f}.captcha{display:inline-flex;align-items:center;min-height:32px;color:#6f2f24;font-weight:700}.notice{margin:0;padding:10px 12px;border-radius:6px;background:#fff1db;color:#70410e;line-height:1.5}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;border-bottom:1px solid #ded5c7;background:#fffdf8;position:sticky;top:0;z-index:5}.brand{font-weight:800;color:#3a281f}.topbar nav{display:flex;align-items:center;gap:12px}.topbar nav a{color:#52483d}.topbar nav button{min-height:34px;background:#74695d}main{padding:26px}.page{max-width:1180px;margin:0 auto}.page-head,.profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}h2{margin:0 0 16px;font-size:26px;color:#33261e}h3{margin:0 0 12px;font-size:18px;color:#443226}.tree-page{max-width:none}.tree-wrap{max-width:100%;background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:28px;height:calc(100vh - 210px);min-height:560px;overflow:hidden}.tree-hscroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tree-canvas{min-width:100%;min-height:100%;padding:24px;position:relative;margin:0 auto}.tree-scale{width:max-content;position:absolute;top:24px;left:50%;transform-origin:top center;translate:-50% 0}.tree-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:visible;pointer-events:none}.tree-lines line{stroke-width:2;vector-effect:non-scaling-stroke;shape-rendering:crispEdges;stroke-linecap:square;stroke-linejoin:miter}.tree-lines .spouse-link-line{stroke-dasharray:0}.tree-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tree,.tree ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;gap:26px;min-width:max-content}.tree ul{position:relative;padding-top:44px}.tree li{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:0}.tree-family{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:0 8px}.tree-spouses{display:flex;align-items:stretch;gap:8px;max-width:min(390px,calc(var(--spouse-count, 1) * 118px))}.tree-spouse{width:clamp(104px,calc(140px - (var(--spouse-count, 1) * 8px)),128px);min-height:184px;display:grid;justify-items:center;align-content:start;gap:6px;border:1px dashed #b98774;background:#fff7ee;border-radius:8px;padding:9px 8px;text-align:center;box-shadow:0 8px 18px #3930240f}.tree-spouse img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e5dccd;border:2px solid #f0dfd5}.tree-spouse strong{max-width:100%;color:#6f2f24;line-height:1.2;overflow-wrap:anywhere}.tree-spouse small,.tree-spouse span{color:#7c6f60;font-size:12px;line-height:1.25}.spouse-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.spouse-badges i{font-style:normal;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.2}.spouse-badges i{background:#7b352a;color:#6f2f24;color:#fff}.tree-child-groups{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:42px;min-width:max-content;padding-top:44px}.tree-child-group{position:relative;display:grid;justify-items:center}.tree-child-group>ul{padding-top:0}.tree-card{position:relative;z-index:1;width:170px;height:226px;display:grid;grid-template-rows:1fr auto;gap:8px;justify-items:center}.tree-person{width:170px;min-height:188px;display:grid;justify-items:center;align-content:start;gap:7px;border:1px solid #d7cbbb;background:#fff;border-radius:8px;padding:12px 10px;box-shadow:0 8px 22px #39302414;text-align:center}.tree-person img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e5dccd;border:2px solid #efe7da}.tree-person strong{max-width:100%;overflow-wrap:anywhere;line-height:1.25}.tree-person small{color:#6f2f24;font-weight:700}.tree-person span{color:#7c6f60;font-size:12px;line-height:1.25;overflow-wrap:anywhere}em{font-style:normal;background:#32302d;color:#fff;border-radius:4px;padding:2px 6px;font-size:12px;margin-left:0}.toggle{width:56px;min-height:28px;padding:0;background:#2f5949;font-size:12px}.profile-head{background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:18px}.profile-head img{width:92px;height:92px;border-radius:6px;object-fit:cover;background:#e5dccd}.avatar-preview{flex:0 0 auto;width:92px;height:92px;min-height:0;padding:0;border-radius:6px;overflow:hidden;background:transparent}.avatar-preview img{width:100%;height:100%}.profile-head>div{flex:1;min-width:0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-head h2{margin:0 0 8px}.profile-head p{margin:4px 0;color:#60564c}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info,.summary,.spouse-panel{background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:18px}.info p{display:grid;grid-template-columns:96px 1fr;gap:12px;margin:9px 0}.info span{color:#817467}.info b{font-weight:500;display:flex;flex-wrap:wrap;gap:8px}.relation-panel{display:grid;gap:14px}.relation-block{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}.relation-block>span{color:#817467;padding-top:12px}.person-list{display:grid;gap:8px}.person-card{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #ded5c7;background:#fff;border-radius:8px;padding:8px}.person-card img,.spouse-main img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e5dccd}.person-card span,.spouse-main span{min-width:0;display:grid;gap:2px}.person-card strong,.spouse-main strong{color:#4d352a;overflow-wrap:anywhere}.person-card small,.spouse-main small{color:#74695d}.spouse-panel{margin-top:16px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section-head h3{margin:0}.section-head span{color:#70410e}.spouse-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.spouse-card{border:1px solid #ded5c7;border-radius:8px;padding:12px;background:#fff;display:grid;gap:8px}.spouse-main{display:flex;gap:10px;align-items:center;min-width:0}.spouse-card strong{color:#6f2f24}.spouse-card span{color:#70665b}.spouse-actions{display:flex;gap:8px;flex-wrap:wrap}.spouse-actions .action{min-height:34px;padding:0 12px;font-size:13px}.spouse-form{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.upload-row{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.upload-row label{background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:12px;min-width:220px}.upload-row span{color:#8a3e2e;font-size:13px}.media{margin-top:20px}.media-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-head h3{margin:0}.media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-actions label,.media-check{display:flex;align-items:center;gap:6px}.media-actions input,.media-check input{width:auto;min-height:auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}figure{margin:0;background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;overflow:hidden;position:relative}.media-check{position:absolute;top:8px;left:8px;z-index:2;background:#fffdf8eb;border:1px solid #ded5c7;border-radius:6px;padding:4px 7px}figure img,figure video{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#e4dccf}.photo-link{display:block;width:100%;min-height:0;padding:0;border-radius:0;background:transparent;line-height:0}.image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#141210db;display:grid;place-items:center;padding:18px}.image-preview-inner{position:relative;width:min(100%,1080px);height:min(100%,86vh);display:grid;place-items:center}.image-preview-inner img{max-width:100%;max-height:100%;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.image-preview-inner p{position:absolute;bottom:8px;left:50%;translate:-50% 0;margin:0;color:#fff;background:#0000006b;border-radius:999px;padding:4px 10px}.preview-close{position:absolute;top:0;right:0;z-index:1;background:#ffffff2e}.preview-nav{position:absolute;top:50%;translate:0 -50%;width:44px;min-height:64px;padding:0;font-size:34px;background:#ffffff2e}.preview-prev{left:0}.preview-next{right:0}figcaption{min-height:36px;padding:8px 10px;color:#6d6256}figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px}figcaption span{min-width:0;overflow-wrap:anywhere}.form-grid,.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.wide{margin-bottom:14px}.checks{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:auto;min-height:0}.result-list{display:grid;gap:10px;margin-top:16px}.result-card{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr .7fr;gap:10px;background:#fffdf8;border:1px solid #ded5c7;border-radius:8px;padding:14px;align-items:center}.result-card small{grid-column:1 / -1;color:#70665b}.summary{margin-top:16px;display:flex;gap:14px;flex-wrap:wrap}.summary p{width:100%;margin:0;color:#61574d}.empty{color:#74695d;margin:0}.upload-notice{margin:0 0 16px}.loading{min-height:100vh;display:grid;place-items:center}@media (max-width: 720px){.topbar{height:auto;min-height:58px;padding:12px;align-items:flex-start;flex-direction:column}.topbar nav{width:100%;overflow-x:auto;padding-bottom:4px}.brand{overflow-wrap:anywhere}main{padding:14px}.page{width:100%;max-width:100%}h2{font-size:22px}.page-head,.profile-head{align-items:stretch;flex-direction:column}.tree-tools{justify-content:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tree-tools>*{padding-left:8px;padding-right:8px;font-size:13px}.profile-actions{justify-content:stretch}.profile-actions>*{flex:1}.profile-head img,.avatar-preview{width:76px;height:76px}.info-grid,.form-grid,.filters,.spouse-form,.spouse-list{grid-template-columns:1fr}.tree-wrap{padding:14px;border-radius:0;margin:0 -14px;border-left:0;border-right:0;overflow:visible;min-height:calc(100vh - 190px);max-height:none}.tree-canvas{margin:0}.tree-scale{left:0;translate:0 0;transform-origin:top left}.tree,.tree ul{display:flex;justify-content:center;gap:18px;min-width:max-content;width:auto}.tree ul{padding-top:30px;padding-left:0;border-left:0}.tree ul:before{display:block;height:30px}.tree ul>li:before,.tree ul>li:after{display:block;top:-16px;height:16px}.tree li{align-items:center;width:auto;min-width:0}.tree-card{width:118px;height:158px;grid-template-columns:none;grid-template-rows:1fr auto;align-items:stretch;gap:8px}.tree-person{width:118px;height:126px;grid-template-columns:none;grid-template-rows:none;justify-items:center;text-align:center;align-items:start;padding:9px 8px}.tree-person img{width:50px;height:50px;grid-row:auto}.tree-spouse{height:126px}.tree-family:before{top:65px;left:66px}.tree-person strong,.tree-person span,.tree-person em{grid-column:auto}.toggle{width:48px}.upload-row{display:grid}.media-head{align-items:stretch;flex-direction:column}.relation-block{grid-template-columns:1fr;gap:6px}.relation-block>span{padding-top:0}.result-card{grid-template-columns:1fr 1fr}.result-card small{grid-column:1 / -1}}