body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{width:100%;max-width:400px;padding:20px}.login-card{border-radius:8px;box-shadow:0 4px 12px #00000026}.login-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:32px;color:#333}.family-tree-container{min-height:calc(100vh - 200px)}.tree-container-with-labels{display:flex;align-items:flex-start;position:relative;background:#fff;overflow-x:auto;overflow-y:hidden;width:100%}.generation-labels{position:sticky;left:0;z-index:10;background:#fff;padding:140px 0 80px;display:flex;flex-direction:column;border-right:2px solid #1890ff;min-width:120px}.generation-label{display:flex;align-items:center;justify-content:center;padding:20px 10px;position:relative}.generation-label:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#e8e8e8}.generation-label:last-child:after{display:none}.generation-label-content{writing-mode:vertical-rl;text-orientation:mixed;font-size:16px;font-weight:600;color:#1890ff;letter-spacing:4px;padding:10px 8px;background:linear-gradient(to right,#e6f7ff,#fff);border-radius:4px;border:1px solid #91d5ff}.tree-wrapper{flex:1;padding:80px 200px;min-height:600px;background:#fff}.tree-wrapper:before{content:"";display:block;height:60px}.tree-wrapper:after{content:"";display:block;height:60px}.tree-node-card{background:#fff;border:2px solid #1890ff;border-radius:8px;padding:12px 16px;min-width:180px;max-width:220px;width:200px;height:240px;max-height:240px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:inline-block;position:relative;overflow:hidden;vertical-align:top}.tree-node-card:hover{box-shadow:0 4px 16px #1890ff4d;border-color:#40a9ff;border-width:3px;padding:11px 15px}.node-header{font-size:16px;font-weight:600;color:#262626;margin-bottom:8px;text-align:center;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.node-content{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0;min-height:28px}.node-tag{margin:2px;font-size:12px}.node-stats{display:flex;justify-content:center;align-items:center;margin:8px 0;padding:8px 4px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;min-height:32px}.stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#595959;line-height:1.4;text-align:left;width:100%;flex-wrap:wrap}.stat-item .anticon{font-size:14px;flex-shrink:0;color:#1890ff}.node-footer{text-align:center;color:#8c8c8c;font-size:12px;margin-top:8px;padding-top:8px}.node-id{font-family:monospace}.tree-wrapper :global(ul),.tree-wrapper :global(li){list-style:none;margin:0;padding:0;position:relative}.tree-wrapper :global(>ul){display:flex;justify-content:center;align-items:flex-start}.tree-wrapper :global(li){display:flex;flex-direction:column;align-items:center;position:relative;padding:20px 10px 0}.tree-wrapper :global(ul ul){display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:nowrap}.tree-wrapper :global(li:only-child){padding-top:40px}.tree-wrapper :global(li:only-child:before){content:"";position:absolute;top:0;left:50%;width:2px;height:20px;background:#1890ff;transform:translate(-50%)}.tree-wrapper :global(li:only-child:after){content:"";position:absolute;top:20px;left:50%;width:60px;height:2px;background:#1890ff;transform:translate(-50%)}.tree-wrapper :global(svg){position:absolute;pointer-events:none;overflow:visible}.tree-wrapper :global(svg path){fill:none;stroke:#1890ff;stroke-width:2px}.tree-wrapper :global(li>div){position:relative;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.tree-node-card{min-width:140px;max-width:160px;width:150px;padding:8px 12px}.tree-node-card:hover{padding:7px 11px}.node-header{font-size:14px}.node-tag{font-size:11px}.tree-wrapper{padding:20px 10px}.tree-wrapper :global(ul ul){gap:10px;margin-top:30px}}.member-detail-container{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.member-detail-header{margin-bottom:16px}.member-detail-card{margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.member-detail-loading,.member-detail-error,.member-detail-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.member-relations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.member-relation-card{cursor:pointer;transition:all .3s}.member-relation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.member-relation-info{display:flex;align-items:center;gap:12px}.member-relation-icon{font-size:24px;color:#1890ff}.member-relation-name{font-size:16px;font-weight:500;color:#262626;margin-bottom:4px}.member-relation-detail{font-size:14px;color:#8c8c8c}.org-chart-container{padding:32px;background:#fafafa;border-radius:8px;overflow-x:auto}.org-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:32px;min-width:600px}.org-level{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.org-level-title-badge{font-size:13px;font-weight:600;color:#595959;padding:6px 16px;background:#fff;border-radius:16px;border:1px solid #d9d9d9;margin-bottom:8px}.org-nodes-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.org-nodes-row-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;position:relative}.org-node{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;background:#fff;border:2px solid #d9d9d9;border-radius:12px;cursor:pointer;transition:all .3s;min-width:120px;text-align:center;box-shadow:0 2px 8px #00000014}.org-node:hover{border-color:#1890ff;transform:translateY(-4px);box-shadow:0 4px 16px #1890ff4d}.org-node-current{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-color:#1890ff;border-width:3px;font-weight:600;min-width:140px}.org-node-current:hover{transform:translateY(-2px)}.org-node-parent{background:#f0f5ff;border-color:#597ef7}.org-node-sibling{background:#fff7e6;border-color:#ffa940}.org-node-child{background:#f9f0ff;border-color:#9254de}.org-node-name{font-size:16px;font-weight:500;color:#262626;margin-bottom:4px}.org-node-label{font-size:12px;color:#1890ff;margin-top:4px;font-weight:600}@media (max-width: 768px){.member-detail-container{padding:16px}.member-relations-list{grid-template-columns:1fr}.org-chart-container{padding:16px}.org-chart-wrapper{min-width:auto}.org-nodes-row,.org-nodes-row-center{flex-direction:column}.org-node{width:100%;max-width:300px}}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}