.account-main{padding-block:72px 100px;min-height:65vh}.page-loading{padding:100px 0;color:var(--muted);font-size:14px;letter-spacing:.06em}.account-form h2,.mail-sent h2{font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.035em}.form-description{color:var(--muted);font-size:12px;line-height:1.9;margin-top:13px;margin-bottom:27px}.form-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#d2cdc3;margin-top:19px}.form-field input,.form-field select{display:block;width:100%;min-height:48px;border:1px solid #f3f0e42e;border-radius:0;background:#0c0c0e;color:var(--ink);padding:11px 13px;font-size:14px;outline-offset:2px}.form-field input:hover,.form-field select:hover{border-color:#f3f0e466}.form-field input:focus,.form-field select:focus{border-color:var(--ink)}.form-field input::placeholder{color:#65615e;font-size:12px}.form-field small{color:#86817b;font-size:11px;line-height:1.8}.password-field{position:relative;display:block}.password-field input{padding-right:64px}.password-field button{position:absolute;right:0;top:0;bottom:0;width:60px;padding:0;font-size:11px;color:#aaa298}.password-field button:hover{color:var(--ink)}.text-button{font-size:12px;padding:0;color:#c8c1b6;text-align:left;text-decoration:none}.text-button:hover{color:var(--red)}.form-row{display:flex;align-items:center;gap:20px;margin-top:17px}.form-row.align-end{justify-content:flex-end}.form-submit{width:100%;margin-top:28px;min-height:50px}.form-footnote{margin-top:23px;text-align:center;font-size:11px;color:#89847c}.form-footnote .text-button{margin-left:5px;font-size:11px}.check-field{display:flex;gap:11px;align-items:flex-start;margin-top:23px;font-size:11px;line-height:1.85;color:#a49c91}.check-field input{accent-color:var(--red);width:15px;height:15px;flex-shrink:0;margin:3px 0 0}.check-field a{text-decoration:underline;text-underline-offset:3px;color:#d2c6b6}.form-back{margin-top:22px}.form-status{padding:14px 16px;margin:22px 0;border:1px solid #c88b4366;background:#5a361b25;font-size:12px;color:#e6c59e;line-height:1.8;overflow-wrap:anywhere}.form-status[data-tone=success]{background:#26473535;border-color:#527c6266;color:#b9d7c1}.form-status[data-tone=error]{background:#591c2b25;border-color:#bc425b66;color:#f3b6c1}.mail-sent{padding-top:30px}.mail-symbol{display:grid;place-items:center;width:55px;height:55px;border:1px solid #e91b3555;color:var(--red);font-size:30px;margin-bottom:27px}.mail-sent>p:not(.form-description){font-size:14px;line-height:1.9;color:#c8c0b4;margin-top:18px;overflow-wrap:anywhere}.mail-sent .site-button{width:100%;margin-top:12px}.local-mail-link{display:block;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:11px;color:#c09c76}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.account-heading .eyebrow{color:var(--muted);margin-bottom:24px}.account-heading h1{font-size:clamp(35px,4.5vw,60px);font-weight:500;line-height:1.25;letter-spacing:-.045em;overflow-wrap:anywhere}.account-heading h1 span{color:var(--red)}.account-heading p:not(.eyebrow){margin-top:20px;color:var(--muted);font-size:14px}.account-heading>button{flex-shrink:0;margin-bottom:5px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.account-profile{border:1px solid var(--line);padding:32px;background:#141415}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.panel-heading h2{font-size:21px;font-weight:500}.panel-heading .eyebrow{color:var(--muted);font-size:9px;margin-bottom:12px}.status-pill{display:inline-flex;font-size:10px;line-height:1.5;padding:5px 9px;border:1px solid #f3f0e433;color:#c6c0b7;white-space:nowrap}.status-pill[data-status=disabled]{border-color:#c6455d66;color:#e196a5}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:12px 0;border-top:1px solid #f3f0e411;font-size:12px}.detail-list dt{color:#8f8981}.detail-list dd{margin:0;color:#d7cfc1;overflow-wrap:anywhere}.detail-list .mono{font-family:monospace;font-size:11px}.profile-actions{display:flex;flex-wrap:wrap;gap:17px 25px;border-top:1px solid var(--line);padding-top:23px;margin-top:20px}.account-callout{padding:37px;background:linear-gradient(130deg,#551620,#241115 60%,#151113);border:1px solid #92283b;display:flex;flex-direction:column;align-items:flex-start}.account-callout .eyebrow{color:#cf929a;font-size:10px;margin-bottom:25px}.account-callout h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.04em}.account-callout>p:not(.eyebrow){font-size:13px;color:#bcaaa8;margin:23px 0 35px;line-height:1.9;max-width:330px}.account-callout .site-button{margin-top:auto;width:100%}.ownership-section{margin-top:60px}.ownership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ownership-card{border:1px solid var(--line);padding:27px;background:#131314}.ownership-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:19px}.ownership-card h3{font-size:19px;font-weight:500;overflow-wrap:anywhere}.ownership-card .ownership-version{color:#968f84;font-family:monospace;font-size:11px;margin-top:5px}.ownership-card .detail-list>div{grid-template-columns:90px 1fr;gap:12px;font-size:11px;padding-block:9px}.muted-label{font-size:11px;color:var(--muted)}.empty-state{grid-column:1/-1;padding:36px;border:1px dashed #f3f0e42b;color:#969086;font-size:13px;line-height:1.9}.empty-state h3{font-size:17px;color:#d0c6b6;font-weight:500;margin-bottom:9px}.empty-state a{display:inline-block;color:var(--ink);font-size:12px;border-bottom:1px solid var(--red);margin-top:17px}.account-dashboard>.form-status{margin-top:30px}.syatr-noscript{padding:20px;text-align:center;font-size:13px;color:#ddcfc0;background:#331921}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1.1fr 1fr}.account-callout{padding:28px}.account-profile{padding:27px}}
@media(max-width:780px){.account-main{padding-block:45px 65px}.dashboard-grid{grid-template-columns:1fr}.account-callout{padding:30px}.account-callout h2{font-size:40px}.account-callout>p:not(.eyebrow){max-width:440px}.account-callout .site-button{max-width:420px}.account-heading{align-items:flex-start;margin-bottom:32px}.account-heading>button{margin-top:7px;font-size:10px}.account-heading h1{font-size:36px}.account-heading .eyebrow{font-size:9px;margin-bottom:18px}.account-heading p:not(.eyebrow){font-size:12px}.ownership-grid{grid-template-columns:1fr}.ownership-section{margin-top:42px}}
@media(max-width:420px){.account-form h2,.mail-sent h2{font-size:24px}.account-profile{padding:23px 20px}.detail-list>div{grid-template-columns:77px 1fr;gap:13px;font-size:11px}.account-heading{flex-direction:column;gap:15px}.account-heading>button{margin-top:0}.ownership-card{padding:23px 20px}.account-callout{padding:27px 23px}.panel-heading h2{font-size:19px}.empty-state{padding:28px 22px}}

.education-form-fields{border:1px solid #343438;border-radius:12px;padding:20px;margin:20px 0}.education-form-fields legend{padding:0 8px;font-weight:600}.education-section{margin-top:30px}.education-section details{margin-top:20px}.education-section summary{cursor:pointer;padding:12px 0}.education-section .account-form{max-width:680px;padding-top:18px}.education-section input[type=file],.education-form-fields input[type=file]{font-size:13px;padding:12px;width:100%}.education-section .form-description{overflow-wrap:anywhere}.education-form-fields [hidden],.education-section [hidden]{display:none!important}


/* 账户入口：独立的星空展示区与表单，装饰始终裁切在左栏。 */
.account-accessible-title
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.auth-layout
{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    width: 100%;
    border: 1px solid #ffffff19;
    border-radius: 22px;
    overflow: clip;
    isolation: isolate;
    background: #111114;
    box-shadow: 0 30px 90px #0003;
}

.auth-intro
{
    position: relative;
    min-width: 0;
    min-height: 620px;
    overflow: clip;
    background:
        radial-gradient(ellipse at 38% 40%, #26203944, transparent 63%),
        radial-gradient(ellipse at 72% 78%, #5b182629, transparent 48%),
        #08090e;
}

.auth-scene
{
    position: sticky;
    top: 22px;
    width: 100%;
    height: 620px;
    max-height: calc(100svh - 44px);
    min-height: 500px;
    perspective: 1000px;
    user-select: none;
    contain: layout paint;
}

.auth-scene::after
{
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, transparent 38%, #08090e32 72%, #08090e88);
}

.auth-stars,
.auth-nebula
{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.auth-stars
{
    z-index: 1;
}

.auth-nebula
{
    z-index: 0;
    opacity: 0.8;
    background:
        radial-gradient(ellipse at 35% 37%, #5a244528, transparent 35%),
        radial-gradient(ellipse at 65% 63%, #36528a1f, transparent 43%),
        radial-gradient(circle at 50% 49%, #ed173310, transparent 34%);
}

.auth-orbit
{
    position: absolute;
    z-index: 2;
    top: 49%;
    left: 50%;
    width: 55%;
    max-width: 345px;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.auth-emblem-motion
{
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    will-change: transform;
}

.auth-aureole
{
    position: absolute;
    inset: 0;
    aspect-ratio: 1;
    border: 1px solid #e9ded25c;
    border-radius: 50%;
    background: radial-gradient(circle, #f3f0e403 48%, #d7847910 69%, transparent 70%);
    box-shadow: 0 0 34px #ed17330c, inset 0 0 35px #ed17330a;
}

.auth-aureole::before
{
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid #e6d7d015;
    border-radius: 50%;
}

.auth-aureole::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f7d6cc;
    box-shadow: 0 0 10px #ffb3a5, 0 0 24px #ed17336b;
}

.auth-emblem
{
    position: relative;
    width: 47%;
    height: auto;
    aspect-ratio: 1;
    filter: drop-shadow(0 8px 23px #ed17331c);
}

.auth-floating-icon
{
    position: absolute;
    z-index: 3;
    width: 19%;
    max-width: 132px;
    aspect-ratio: 1;
    transform-style: preserve-3d;
    pointer-events: none;
    will-change: transform;
}

.auth-floating-icon img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid #ffffff13;
    border-radius: 23%;
    box-shadow: 0 18px 36px #0007;
}

.auth-floating-icon-one
{
    top: 12%;
    left: 11%;
    transform: rotate(-13deg);
}

.auth-floating-icon-two
{
    top: 19%;
    right: 8%;
    width: 21%;
    transform: rotate(12deg);
}

.auth-floating-icon-three
{
    bottom: 16%;
    left: 8%;
    width: 22%;
    transform: rotate(8deg);
}

.auth-floating-icon-four
{
    bottom: 9%;
    right: 16%;
    transform: rotate(-11deg);
}

.auth-card
{
    position: relative;
    z-index: 5;
    min-width: 0;
    padding: 38px clamp(30px, 4vw, 62px) 42px;
    border-left: 1px solid #ffffff15;
    background: linear-gradient(145deg, #1a171b, #141417 52%, #111114);
}

.auth-tabs
{
    display: flex;
    align-items: center;
    gap: 34px;
    min-height: 53px;
    margin: 0 0 34px;
    padding: 0;
    border-bottom: 1px solid #ffffff20;
}

.auth-tabs button
{
    position: relative;
    align-self: stretch;
    min-width: 44px;
    padding: 0 0 22px;
    color: #99939d;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.auth-tabs button::after
{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent;
}

.auth-tabs button[aria-pressed="true"]
{
    color: var(--ink);
}

.auth-tabs button[aria-pressed="true"]::after
{
    background: var(--red);
}

.auth-tabs button:hover
{
    color: #fff;
}

.auth-card .form-field input,
.auth-card .form-field select
{
    background: #0d0d11;
}

.auth-card .local-mail-link
{
    color: #a99692;
}

@media (max-width: 1050px)
{
    .auth-layout
    {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
    }

    .auth-card
    {
        padding-inline: 30px;
    }

    .auth-orbit
    {
        width: 61%;
    }
}

@media (max-width: 780px)
{
    .auth-layout
    {
        grid-template-columns: 1fr;
        max-width: 560px;
        margin-inline: auto;
        border-radius: 18px;
    }

    .auth-intro
    {
        min-height: 280px;
    }

    .auth-scene
    {
        position: relative;
        top: 0;
        height: 280px;
        min-height: 0;
        max-height: none;
    }

    .auth-orbit
    {
        width: 36%;
        max-width: 190px;
    }

    .auth-floating-icon
    {
        width: 15%;
        max-width: 80px;
    }

    .auth-floating-icon-one
    {
        top: 14%;
        left: 15%;
    }

    .auth-floating-icon-two
    {
        top: 20%;
        right: 10%;
        width: 17%;
    }

    .auth-floating-icon-three
    {
        bottom: 13%;
        left: 9%;
        width: 17%;
    }

    .auth-floating-icon-four
    {
        bottom: 10%;
        right: 17%;
    }

    .auth-card
    {
        padding: 28px 32px 34px;
        border-top: 1px solid #ffffff15;
        border-left: 0;
    }
}

@media (max-width: 420px)
{
    .auth-intro,
    .auth-scene
    {
        height: 228px;
        min-height: 228px;
    }

    .auth-card
    {
        padding: 25px 22px 30px;
    }

    .auth-tabs
    {
        margin-bottom: 28px;
    }
}

@media (prefers-reduced-motion: reduce)
{
    .auth-emblem-motion,
    .auth-floating-icon
    {
        will-change: auto;
    }
}

body[data-page="account"] .account-main{position:relative;isolation:isolate}body[data-page="account"] .account-main::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,rgba(6,7,11,.20),rgba(6,7,11,.38)),url("/Assets/Account/starfield-20261030.png") center / cover no-repeat;filter:blur(7px);opacity:.85;clip-path:inset(0)}