:root{--profile-ink:#343d38;--profile-muted:#777b70;--profile-line:#97896e42;--profile-title:'KaiTi','STKaiti','Songti SC','SimSun',serif}
*,*::before,*::after{box-sizing:border-box}.record-relation.partner{color:#4a6a79}.archive-empty h3{font:25px/1.7 var(--profile-title);color:#4d5c50}.record-top{flex-wrap:wrap}
html{background:#f8f5ed}body.profile-body{margin:0;color:var(--profile-ink);background:url('./assets/antique-paper-fibers.svg') center top/700px auto repeat,#f8f5ed;font:15px/1.7 'Microsoft YaHei',sans-serif}
.profile-page{max-width:640px;margin:auto;padding:38px 22px 125px}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a77942;outline-offset:4px}[hidden]{display:none!important}
.overline{font:12px/1.6 var(--profile-title);letter-spacing:.24em;color:var(--profile-muted)}.profile-heading{display:flex;justify-content:space-between;align-items:center;padding:0 5px 29px}.profile-heading h1{font:46px/1.5 var(--profile-title);letter-spacing:.12em}.profile-heading #my-identity{font:16px/1.6 var(--profile-title);color:#6a7165}.profile-seal{font:20px/1.1 var(--profile-title);border:2px solid #9d5b4c;outline:1px solid #9d5b4c;outline-offset:3px;color:#9d5b4c;padding:7px;transform:rotate(4deg);margin-right:8px}
.access-card{position:relative;isolation:isolate;padding:25px 24px 23px;color:#f2e8d2;background:radial-gradient(ellipse at 100% 0,#6b67515c,transparent 65%),linear-gradient(125deg,#263e3c,#192e30);border:1px solid #7d8065;border-radius:3px;box-shadow:0 12px 28px #1d34211b}.access-card:before{content:'';position:absolute;inset:6px;border:1px solid #d1b98238;z-index:-1;pointer-events:none}.access-card:after{content:'缘';position:absolute;right:4px;top:30px;font:165px/1 var(--profile-title);opacity:.045;z-index:-1;pointer-events:none}.access-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.access-card .overline{color:#c3b68f}#access-state{font-size:11px;border:1px solid #c1b89266;padding:1px 8px}.access-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 22px}.access-heading h2{font:31px/1.5 var(--profile-title);letter-spacing:.08em}.access-heading p:not(.price){font-size:12px;color:#c1c6b8;margin-top:6px}.price{font:48px/1.2 Georgia,serif;white-space:nowrap;color:#f4db9d}.price small{font-size:21px;margin-right:4px}.price em{font-size:31px;font-style:normal}
.gold-button,.ink-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 17px;border:1px solid #8e764f;border-radius:2px;text-decoration:none;font:19px/1.4 var(--profile-title)}.gold-button{width:100%;background:linear-gradient(110deg,#e3c58a,#f0ddb4);color:#393c31;box-shadow:inset 0 0 0 3px #f8edca66}.gold-button span{margin-left:auto}.ink-button{background:#344c46;color:#fcf4e0;border-color:#344c46;box-shadow:inset 0 0 0 3px #fff2}.invite-section{margin-top:24px;padding-top:20px;border-top:1px solid #c8be9740}.invite-heading,.invite-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.invite-heading h3{font:22px/1.5 var(--profile-title)}#invite-count{font:18px Georgia,serif;color:#e6cb93;white-space:nowrap}.invite-section p{font-size:12px;color:#bbc4b6;margin:7px 0 17px}.invite-lights{display:flex;justify-content:space-between;padding:0;margin:15px 0 22px;list-style:none;position:relative}.invite-lights:before{content:'';position:absolute;height:1px;left:10%;right:10%;top:50%;background:#c4b98c45;z-index:-1}.invite-lights li{display:grid;place-items:center;width:39px;height:43px;border:1px solid #a6aa8c66;background:#263c3a;color:#9fae9d;font:20px var(--profile-title);border-radius:13px 3px 13px 3px}.invite-lights li.is-lit{background:#e4c68b;color:#384137;border-color:#eadab0;box-shadow:0 0 15px #ecd69e30}.invite-footer{font-size:12px;color:#bdc8b9}.invite-footer button{padding:8px 10px;color:#f1d8a0;background:transparent;border:1px solid #b9a47888;font:18px var(--profile-title);white-space:nowrap}#enter-hall{margin-top:20px}
.archive-section{padding:34px 3px 0}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.archive-heading h2{font:30px/1.6 var(--profile-title)}.archive-heading h2 small{font:13px Georgia,serif;color:#9a7552}.archive-heading .ink-button{font-size:16px;padding:8px 12px;min-height:43px}.archive-intro{margin:8px 0 22px;font-size:13px;color:var(--profile-muted);line-height:1.9}.archive-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:17px;border-bottom:1px solid var(--profile-line)}.archive-filters{display:flex;gap:5px}.archive-filters button{min-height:40px;padding:6px 13px;background:transparent;border:1px solid transparent;color:#777b70;font:18px var(--profile-title)}.archive-filters button[aria-pressed=true]{background:#e9e7dc;color:#334e43;border-color:#87958166;box-shadow:inset 0 -2px #637966}.archive-search{display:flex;align-items:center;gap:8px;font-size:12px;color:#777b70;flex:1;min-width:130px;max-width:180px}.archive-search input{min-width:0;width:100%;border:0;border-bottom:1px solid #a19a8377;background:transparent;padding:8px 3px;font-size:13px;border-radius:0}
.archive-entry{padding:21px 0;border-bottom:1px solid var(--profile-line)}.archive-entry a{display:block;text-decoration:none}.record-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.record-top h3{font:26px/1.5 var(--profile-title);overflow-wrap:anywhere}.record-top small{font-size:11px;color:#8b7760;white-space:nowrap}.record-relation{font:21px/1.6 var(--profile-title);color:#965347;margin-top:7px}.archive-entry[data-mode=partner] .record-relation{color:#4a6a79}.record-meta{font-size:12px;color:#777b70;margin:5px 0;overflow-wrap:anywhere}.record-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:11px;color:#8d8b7d}.record-bottom button{border:0;background:none;color:#8d776c;font-size:12px;padding:5px 0}.record-arrow{float:right;color:#947854}.archive-empty{text-align:center;padding:40px 10px;color:#827d6d}.archive-empty strong{display:block;font:25px/1.7 var(--profile-title);color:#4d5c50}.archive-empty p{font-size:13px;margin:9px 0 20px}.local-note{font-size:11px;color:#8c8d80;text-align:center;margin-top:23px}
.profile-body .primary-nav{background:linear-gradient(#f8f5edec,#f8f5ed);width:min(calc(100% - 20px),430px);box-shadow:0 -12px 22px #f8f5ed;border-radius:3px}
dialog{width:min(430px,calc(100% - 30px));max-height:85svh;overflow-y:auto;padding:25px;background:url('./assets/antique-paper-fibers.svg') center/cover,#f8f5ed;color:#34463c;border:1px solid #948568;border-radius:3px;box-shadow:0 25px 80px #0006}dialog::backdrop{background:#102626a6}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-header h2{font:29px/1.6 var(--profile-title)}.dialog-header button{border:0;background:none;font-size:26px;color:#676d5e;min-width:40px;min-height:40px}dialog label{display:block;font-size:14px;margin:15px 0}dialog label>input:not([type=radio]):not([type=checkbox]),dialog select{display:block;width:100%;min-height:44px;padding:8px 10px;margin-top:7px;border:1px solid #aaa18b;background:#fffaf166;color:#34463c;border-radius:2px;min-width:0}dialog label small{color:#858171;margin-left:8px}dialog fieldset{border:0;margin:22px 0 12px;padding:0;display:flex;gap:25px}dialog legend{font-size:14px;margin-bottom:6px}dialog fieldset label{margin:5px 0}dialog input[type=radio],dialog input[type=checkbox]{accent-color:#3b6254;width:17px;height:17px;vertical-align:middle;margin-right:8px}.manual-toggle{color:#6f7767}.submit-person{width:100%;margin-top:10px}.form-error{color:#9a4636;font-size:13px}#invite-dialog>p{font-size:14px;line-height:1.9}#invite-message{margin-top:18px;color:#93634b}#profile-status{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);z-index:60;max-width:90%;padding:10px 18px;background:#243c36;color:#fff4db;border-radius:3px;font-size:13px;display:none}#profile-status.is-visible{display:block}
@media(max-width:380px){.profile-page{padding-left:16px;padding-right:16px}.access-card{padding:22px 18px}.access-heading{gap:8px}.access-heading h2{font-size:28px}.price{font-size:40px}.invite-heading h3{font-size:20px}.archive-tools{gap:14px}.archive-search{max-width:none}.archive-heading h2{font-size:28px}}

.products-entrance{display:flex;align-items:center;gap:20px;position:relative;margin:0 0 26px;padding:30px 24px;min-height:162px;color:#f6e8c8;text-decoration:none;background:radial-gradient(ellipse at top right,#8f795c55,transparent 65%),#29463f;border:1px solid #8e7b54;box-shadow:inset 0 0 0 5px #29463f,inset 0 0 0 6px #cbb17b55,0 9px 22px #243a3020;border-radius:3px}
.products-entrance:focus-visible{outline:3px solid #997744;outline-offset:4px}.products-entrance:hover{background-color:#34534a}
.products-seal{border:1px solid #cbb17b99;padding:10px 7px;font:24px/1.25 var(--profile-title);color:#e7c991}
.products-copy{display:grid;gap:5px}.products-copy strong{font:34px/1.4 var(--profile-title);letter-spacing:.08em}.products-copy>span{font:19px/1.6 var(--profile-title)}.products-copy em{font-size:15px;font-style:normal;color:#d1d4bf}.products-arrow{margin-left:auto;font-size:28px;color:#e7c991}
@media(max-width:380px){.products-entrance{padding:25px 18px;gap:13px}.products-copy strong{font-size:30px}.products-copy em{font-size:14px}}

/* Clan identity first; the poster uses the same ink, paper and bronze palette. */
.profile-heading{padding:0 5px 26px;gap:20px}
.profile-heading #my-identity{font:36px/1.4 var(--profile-title);color:#31483f;letter-spacing:.04em}
#my-nickname{margin-top:8px;color:#756d5b;font-size:16px;overflow-wrap:anywhere}
.products-entrance{min-height:132px;padding:24px;gap:17px}
.products-copy strong{font-size:30px}.products-copy em{font-size:14px}
.past-life-section{margin:0 0 30px}
.past-life-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}
.past-life-heading h2{font:29px/1.5 var(--profile-title)}
.past-life-heading>span{font-size:14px;color:#7b725f}
.past-life-preview{display:block;border:1px solid #b8a580;box-shadow:0 12px 26px #40392115;aspect-ratio:900 / 1538;overflow:hidden;background:#f4efdf}
.past-life-preview img{display:block;width:100%;height:auto}
.past-life-actions{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a79673;border-top:0;background:#eee7d7}
.past-life-actions a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px;text-decoration:none;color:#3e5145;font:20px/1.5 var(--profile-title)}
.past-life-actions a+a{border-left:1px solid #b4a58780}
.past-life-actions a:hover{background:#e5ddc9}
@media(max-width:380px){.profile-heading #my-identity{font-size:32px}.past-life-heading{align-items:center}.past-life-heading>span{font-size:13px}.products-entrance{padding:22px 18px}}