header.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:rgba(3,3,4,.86);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
header.nav .brand a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}header.nav .brand img{width:40px;height:40px;object-fit:contain}header.nav .brand .en{font:500 14px/1.1 Georgia,serif;letter-spacing:.18em;color:#f5f5f7}header.nav .brand .cn{margin-top:4px;font-size:11px;letter-spacing:.16em;color:#8f9299}header.nav .actions{display:flex;align-items:center;gap:8px}.nav-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#111214;color:#f5f5f7;font-size:13px;letter-spacing:.04em;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28);background:#191b1e}.nav-btn:active{transform:scale(.98)}.nav-btn.ghost{background:transparent;color:#a6a8ae}
.pf-wrap{position:relative;z-index:2;width:min(1080px,calc(100% - 40px));margin:0 auto;padding:48px 0 calc(88px + env(safe-area-inset-bottom))}.pf-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;min-height:186px;padding:30px 34px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#090a0c;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.42)}.pf-banner .cover{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 22%,rgba(128,153,181,.16),transparent 38%),linear-gradient(118deg,transparent 58%,rgba(255,255,255,.025));}.pf-banner::after{content:"";position:absolute;right:-2%;top:-90%;width:46%;height:240%;background:linear-gradient(108deg,transparent 35%,rgba(154,184,218,.08) 48%,transparent 55%);transform:rotate(12deg);pointer-events:none;animation:crest-refraction 9s ease-in-out infinite}.pf-crest{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.48));opacity:.94}.pf-id{min-width:0;flex:1}.pf-kicker{margin:0 0 10px;color:#858991;font:600 10px/1.3 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;letter-spacing:.24em}.pf-id .uname{margin:0;color:#f5f5f7;font:500 clamp(25px,3.2vw,38px)/1.15 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;letter-spacing:.02em}.pf-id .sid{margin-top:9px;color:#9da1a9;font-size:13px;letter-spacing:.06em}
.pf-identity{position:relative;display:grid;grid-template-columns:1.05fr 1fr 1fr auto;align-items:stretch;margin-top:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(180deg,#0c0d0f,#08090a);overflow:hidden}.identity-cell{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:22px 28px;border-right:1px solid rgba(255,255,255,.09)}.identity-label{margin-bottom:9px;color:#747880;font-size:10px;letter-spacing:.18em}.identity-cell strong{color:#eceef2;font-size:21px;font-weight:500;letter-spacing:.05em}.identity-cell small{margin-top:6px;color:#777b83;font-size:11px}.bloodline-mark{position:relative;width:92px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;overflow:hidden;background:#111318}.bloodline-mark span{position:relative;z-index:2;color:#eef3f8;font:600 31px/1 Georgia,serif;letter-spacing:.04em;text-shadow:0 0 16px rgba(151,192,231,.42)}.bloodline-mark--splus video{position:absolute;inset:-35%;width:170%;height:170%;object-fit:cover;opacity:.72;filter:saturate(.55) contrast(1.2) brightness(1.08);mix-blend-mode:screen}.bloodline-mark--splus::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.24) 48%,transparent 72%);transform:translateX(-130%);animation:splus-scan 4.8s ease-in-out infinite}.identity-spirit-icon{display:grid;place-items:center;width:92px;padding:14px}.identity-spirit-icon picture,.identity-spirit-icon img{width:58px;height:58px;object-fit:contain}.identity-action{grid-column:1/-1;padding:11px 20px;border-top:1px solid rgba(255,255,255,.08);color:#aebdcb;font-size:12px;text-decoration:none;text-align:center}.identity-action:hover{background:rgba(255,255,255,.035);color:#fff}.pf-identity-empty{grid-column:1/-1;padding:28px;color:#8b8f96;text-align:center;font-size:13px}
.pf-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}.pf-card{padding:30px 32px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#090a0c;box-shadow:0 18px 54px rgba(0,0,0,.28)}.pf-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.pf-section-head h2{margin:0;color:#f1f2f4;font-size:19px;font-weight:550;letter-spacing:.04em}.pf-section-head>p{margin:0;color:#6f737b;font-size:12px}.pf-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.field{min-width:0;margin:0}.field label{display:block;margin-bottom:8px;color:#848890;font-size:12px;letter-spacing:.04em}.pf-bio{grid-column:1/-1}.input,textarea{box-sizing:border-box;width:100%;min-height:46px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111216;color:#f2f2f5;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.input:focus,textarea:focus{outline:0;border-color:rgba(153,187,219,.58);background:#14161a;box-shadow:0 0 0 4px rgba(113,151,187,.1)}textarea{min-height:88px;resize:vertical}.readonly{color:#858991;background:#0d0e10;cursor:default}.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.seg button{min-height:46px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#111216;color:#858991;font:400 13px/1 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;cursor:pointer;transition:all .18s ease}.seg button:hover{border-color:rgba(255,255,255,.23);color:#d9dbe0}.seg button.on{border-color:rgba(149,182,214,.48);background:#171c22;color:#eff5fa;box-shadow:inset 0 0 20px rgba(117,151,186,.09)}
.pf-security{padding:0;overflow:hidden}.pf-security summary{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 30px;list-style:none;color:#e9eaed;font-size:15px;cursor:pointer}.pf-security summary::-webkit-details-marker{display:none}.pf-security summary small{display:block;margin-bottom:5px;color:#747880;font-size:9px;letter-spacing:.2em}.summary-hint{color:#757982;font-size:12px}.pf-security[open] .summary-hint{color:#b9bdc4}.security-body{padding:4px 30px 30px;border-top:1px solid rgba(255,255,255,.08)}.security-body .pf-basic-grid{margin:22px 0}.security-notice{margin:20px 0 0;padding:12px 14px;border:1px solid rgba(217,111,105,.26);border-radius:12px;background:rgba(112,24,25,.15);color:#e5c3c0;font-size:12px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#17181b;color:#f5f5f7;font-family:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:not(:disabled):hover{transform:translateY(-1px);background:#202226;border-color:rgba(255,255,255,.27)}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.48;cursor:not-allowed}.save-row{display:flex;align-items:center;gap:14px;margin-top:16px}.save-msg{color:#858991;font-size:12px}.save-msg.ok{color:#8fc8ad}.save-msg.err{color:#e1938d}
@keyframes splus-scan{0%,20%{transform:translateX(-135%)}55%,100%{transform:translateX(145%)}}@keyframes crest-refraction{0%,100%{transform:translateX(-16%) rotate(12deg);opacity:.55}50%{transform:translateX(22%) rotate(12deg);opacity:1}}
@media(max-width:760px){header.nav{padding:12px 14px}header.nav .brand .txt{display:none}header.nav .actions .nav-btn.ghost{display:none!important}header.nav .actions{margin-left:auto}.nav-btn{min-height:42px;padding:8px 12px}.pf-wrap{width:min(100% - 24px,680px);padding-top:20px}.pf-banner{align-items:flex-start;min-height:0;padding:22px 18px;border-radius:20px}.pf-crest{width:64px;height:64px}.pf-id .uname{font-size:25px}.pf-id .sid{font-size:11px}.pf-banner>.nav-btn{position:absolute;right:16px;bottom:16px;font-size:11px}.pf-identity{grid-template-columns:repeat(3,1fr)}.identity-cell{padding:18px 12px;text-align:center}.identity-cell strong{font-size:17px}.bloodline-mark{width:68px;height:42px;margin:0 auto}.bloodline-mark span{font-size:26px}.identity-spirit-icon{display:none}.pf-card{padding:22px 17px;border-radius:18px}.pf-section-head{align-items:flex-start;flex-direction:column;gap:4px}.pf-section-head>p{display:none}.pf-basic-grid{grid-template-columns:1fr;gap:16px}.pf-bio{grid-column:auto}.seg{grid-template-columns:repeat(2,1fr)}.pf-security summary{padding:0 18px}.security-body{padding:2px 18px 22px}.save-row{align-items:stretch;flex-direction:column}.save-row .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pf-banner::after,.bloodline-mark--splus::after{animation:none}.bloodline-mark--splus video{display:none}.nav-btn,.btn,.seg button{transition:none}}

/* 2026-08-26: restore the restrained archival S+ mark and compact profile fields. */
.bloodline-mark--splus{border-color:rgba(220,226,234,.38);background:linear-gradient(145deg,#15171a,#08090a)}
.bloodline-mark--splus::after,.bloodline-mark--splus video{display:none!important}
.bloodline-mark--splus span{color:#f3f5f7;text-shadow:0 0 18px rgba(185,204,224,.2)}
.gender-select{width:min(240px,100%);background-image:linear-gradient(45deg,transparent 50%,#8e929a 50%),linear-gradient(135deg,#8e929a 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none;-webkit-appearance:none}