:root{--ink:#09040d;--ink-1:#130719;--ink-2:#210b2a;--veil:#1f0a28c7;--violet:#4b2e6b;--violet-glow:#7b4fa8;--gold:#cda75d;--gold-bright:#f0d797;--gold-line:#dab15e57;--gold-faint:#dab15e1c;--gold-glow:#e2b55947;--paper:#ece5db;--paper-dim:#a195ab;--paper-mute:#6b6076;--lu:#5fb98f;--quan:#d97a5a;--ke:#6e9bd8;--ji:#8a8394;--serif:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--read-width:34rem}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{background-image:linear-gradient(#05020847,#120517a3 48%,#060309d1),url(/images/relationship/ziwei-starfield-v1.png),linear-gradient(#09040d 0%,#16061d 58%,#0b050f 100%);background-position:50%,top,50%;background-repeat:no-repeat;background-size:cover,cover,cover;background-attachment:fixed;min-height:100dvh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.34;mix-blend-mode:screen;background-image:radial-gradient(circle at 14% 19%,#f0d79799 0 1px,#0000 1.5px),radial-gradient(circle at 84% 13%,#f0d79780 0 1px,#0000 1.5px),radial-gradient(circle at 76% 64%,#f0d79773 0 1px,#0000 1.5px),radial-gradient(circle at 22% 71%,#f0d79766 0 1px,#0000 1.5px);background-size:210px 240px,290px 230px,270px 310px,320px 280px;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 35% at 50% 18%,#69367e1f,#0000 72%),linear-gradient(90deg,#03010580,#0000 22% 78%,#03010580);position:fixed;inset:0}::selection{color:var(--paper);background:#c9a06347}.shell{max-width:var(--read-width);margin:0 auto;padding:0 1.5rem;position:relative}.wide{max-width:46rem}h1,h2,h3{font-family:var(--serif);letter-spacing:.08em;margin:0;font-weight:400}h1{font-size:2rem;line-height:1.5}h2{font-size:1.25rem;line-height:1.6}.kicker{font-family:var(--serif);letter-spacing:.42em;text-indent:.42em;color:var(--gold);text-transform:uppercase;font-size:.75rem}.dim{color:var(--paper-dim)}.mute{color:var(--paper-mute)}.mono{letter-spacing:.02em;font-family:ui-monospace,SF Mono,JetBrains Mono,monospace;font-size:.8125rem}.prose p{letter-spacing:.012em;color:var(--paper);text-align:justify;hanging-punctuation:allow-end;margin:0 0 1.75em;font-size:1.09rem;line-height:1.95}.prose p:last-child{margin-bottom:0}@media (max-width:480px){.shell{padding:0 1.25rem}.prose p{font-size:1rem;line-height:1.9}}.rule{background:linear-gradient(90deg, transparent, var(--gold-line) 20%, var(--gold-line) 80%, transparent);border:0;height:1px;margin:2.5rem 0}.field{margin-bottom:1.5rem}.label{letter-spacing:.2em;color:var(--paper-dim);margin-bottom:.6rem;font-size:.75rem;display:block}.input,.select,.textarea{border:0;border-bottom:1px solid var(--gold-line);width:100%;color:var(--paper);font-family:var(--sans);background:0 0;outline:none;padding:.6rem .1rem;font-size:1rem;transition:border-color .35s,box-shadow .35s}.input:focus,.select:focus,.textarea:focus{border-bottom-color:var(--gold);box-shadow:0 1px 0 0 var(--gold)}.input::placeholder,.textarea::placeholder{color:var(--paper-mute)}.select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);background-position:right 8px center,right 3px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.select option{background:var(--ink-2);color:var(--paper)}.textarea{resize:vertical;min-height:5.5rem;line-height:1.7}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-webkit-appearance:textfield;appearance:textfield}.row{gap:1rem;display:flex}.row>*{flex:1;min-width:0}.btn{color:#fff0bd;font-family:var(--serif);letter-spacing:.28em;text-indent:.28em;cursor:pointer;text-shadow:0 0 12px #ffe7aa9e;background:linear-gradient(#ffe5a42b 0 4%,#0000 4% 100%),linear-gradient(#805325c7,#311b12eb);border:1px solid #f0d797b3;border-radius:5px;justify-content:center;align-items:center;gap:.6em;padding:.95rem 2.4rem;font-size:.95rem;transition:border-color .4s,color .4s,box-shadow .4s,transform .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffefc547,inset 0 -4px #1f0f0b94,0 5px #2a1711,0 9px 18px #00000070,0 0 27px #e2b55929}.btn:after{content:"";background:linear-gradient(90deg,#0000,#c9a06329,#0000);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:not(:disabled):after{transform:translate(100%)}.btn:hover:not(:disabled){border-color:var(--gold-bright);color:#fff5d6;box-shadow:inset 0 1px #ffefc559, inset 0 -4px #1f0f0b85, 0 6px 0 #2a1711, 0 13px 24px #00000075, 0 0 30px var(--gold-glow);transform:translateY(-2px)}.btn:active:not(:disabled){transition-duration:80ms;transform:translateY(3px);box-shadow:inset 0 1px #ffefc53d,inset 0 -2px #1f0f0b8c,0 2px #2a1711,0 5px 11px #00000070,0 0 20px #e2b55933}.btn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.btn-quiet{border:1px solid var(--gold-faint);color:var(--gold-bright);font-family:var(--sans);letter-spacing:.06em;cursor:pointer;text-shadow:0 0 9px #ffe7aa47;background:linear-gradient(#cda75d1c,#221418a3);border-radius:4px;padding:.55rem .85rem;font-size:.8125rem;transition:color .3s,border-color .3s,box-shadow .3s,transform .3s;box-shadow:inset 0 1px #ffebbb14,inset 0 -2px #00000042,0 3px #150b0ed9,0 8px 15px #0003}.btn-quiet:hover{color:#fff2c8;border-color:var(--gold-line);transform:translateY(-1px);box-shadow:inset 0 1px #ffebbb21,inset 0 -2px #0000003d,0 4px #150b0ed9,0 10px 18px #00000045,0 0 15px #e2b55921}.btn-quiet:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffebbb1a,0 1px #150b0ed9,0 4px 9px #00000040}.mutagen{vertical-align:.12em;opacity:.9;border:1px solid;border-radius:2px;margin-left:.35em;padding:.28em .5em;font-size:.6875rem;line-height:1;display:inline-block}.m-禄{color:var(--lu)}.m-权{color:var(--quan)}.m-科{color:var(--ke)}.m-忌{color:var(--ji)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:.7s cubic-bezier(.22,1,.36,1) both rise}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}