:root{--red:#792e37;--gold:#b68d4e;--cream:#faf7f1;--ink:#292521;--line:#e7dfd3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px system-ui,'Noto Sans TC',sans-serif}header{height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--red);font-size:32px;font-family:Georgia,serif;display:flex;align-items:center;gap:12px}.brand span{font:700 17px Georgia,serif;letter-spacing:3px}.brand small{display:block;font:10px system-ui;letter-spacing:3px;color:var(--gold)}nav{display:flex;align-items:center;gap:18px}nav a{color:var(--red);font-weight:600;text-decoration:none}.hero{background:linear-gradient(115deg,#6e2833,#963f42);color:white;text-align:center;padding:78px 24px 70px;position:relative;overflow:hidden}.hero.small{padding:48px 24px}.hero .eyebrow{color:#ead1a2}.hero h1{font:normal clamp(38px,6vw,64px) Georgia,'Noto Serif TC',serif;margin:18px 0}.hero p{font-size:18px;color:#f6e5dd}.symbol{position:absolute;right:6%;top:-48px;font-size:280px;opacity:.07;font-family:serif}.eyebrow{letter-spacing:3px;font-size:12px;color:var(--gold);font-weight:700}main{max-width:1120px;margin:0 auto;padding:55px 24px 100px}.narrow{max-width:900px}.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.sectiontop h2{margin:7px 0;font:normal 36px Georgia,serif}input,select,textarea{font:inherit;padding:12px 13px;border:1px solid #d8cfc3;border-radius:8px;background:white;color:var(--ink);max-width:100%}#search{width:320px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:22px}.person{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 20px #38241809}.portrait{height:200px;background:#eee6da;display:grid;place-items:center;color:var(--gold);font:64px Georgia,serif}.portrait img{width:100%;height:100%;object-fit:cover}.details{padding:22px}.details h3{margin:0 0 6px;font:normal 24px Georgia,serif}.details p{margin:8px 0;color:#6f625b}.muted{color:#776f67}footer{text-align:center;border-top:1px solid var(--line);padding:30px;color:#7c7166}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:24px 0;box-shadow:0 5px 24px #2b1e1008}.panel h2{margin-top:0;font:normal 28px Georgia,serif}.panel h3{margin-top:30px}label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-weight:600;font-size:14px}label input,label select,label textarea{width:100%;font-weight:400}button{border:0;background:var(--red);color:white;padding:12px 18px;border-radius:8px;font:600 14px system-ui;cursor:pointer}button.outline{background:transparent;color:var(--red);border:1px solid var(--red)}button.danger{background:#a13333}button:disabled{opacity:.6}.hidden{display:none!important}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.item .actions{display:flex;gap:8px}.item button{padding:7px 10px}#message{color:var(--red);font-weight:600;overflow-wrap:anywhere}#inviteResult{overflow-wrap:anywhere;margin-top:16px}#inviteResult input{width:100%}@media(max-width:650px){header{height:70px;padding:0 15px}.brand span{font-size:12px}.brand small{font-size:8px}nav{gap:7px}nav select{width:112px}.sectiontop{align-items:stretch;flex-direction:column}#search{width:100%}.two{grid-template-columns:1fr}.item{align-items:flex-start;flex-direction:column}.panel{padding:18px}}

.tree-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:45px}.tree-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.tree-toolbar h2{font:normal 30px Georgia,serif;margin:8px 0}.tree-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.tree-controls label{margin:0}.tree-controls select{min-width:220px}.tree-area{display:grid;gap:22px;padding:12px 0}.tree-level{background:#faf7f1;border:1px solid #eee5d9;border-radius:12px;padding:18px;text-align:center;overflow-x:auto}.tree-level h3{color:#7a333b;letter-spacing:.04em;font-size:14px;text-transform:uppercase}.tree-row{display:flex;align-items:center;justify-content:center;gap:12px;min-width:max-content;margin:12px auto}.tree-row+.tree-row:before{content:'↓';display:block;position:absolute;margin-top:-96px;color:var(--gold)}.tree-person{display:flex;align-items:center;gap:12px;text-align:left;background:white;color:var(--ink);border:1px solid #d7c7b2;min-width:180px;max-width:270px;padding:10px;box-shadow:0 3px 10px #3020100b}.tree-person:hover,.tree-person:focus-visible,.tree-person.is-focus{border:2px solid var(--gold);outline-offset:2px}.tree-avatar{height:48px;width:48px;border-radius:50%;flex-shrink:0;background:#e9ddd0;color:#7a333b;display:grid;place-items:center;font:25px Georgia,serif;overflow:hidden}.tree-avatar img{width:100%;height:100%;object-fit:cover}.tree-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.tree-info small{font-size:11px;color:#776d63}.tree-heart{color:#8e3540;font-size:25px}@media(max-width:650px){.tree-panel{padding:15px}.tree-controls{width:100%}.tree-controls select{min-width:0;width:100%}.tree-controls label{width:100%}.tree-person{min-width:145px;max-width:195px}}