/* Account page (account.js). Signed out: a centred card with the logo and a 登录 / 注册 switch.
   Signed in: who you are, then soft cards. No hairline boxes, no left bars. */
#account-view{max-width:880px;margin:0 auto;color:var(--ink)}
#account-view :is(h1,h2,p,ul){margin:0}

/* ---- Signed out ---- */
#account-view .acc-auth{display:flex;flex-direction:column;align-items:stretch;max-width:400px;margin:24px auto 0;padding:36px 32px 28px;border-radius:28px;background:color-mix(in srgb,var(--ink) 3%,var(--bg))}
#account-view .acc-brand{display:flex;justify-content:center;margin:0 0 18px}
#account-view .acc-brand .neo-brand{flex-direction:column;gap:12px}
#account-view .acc-brand .neo-mark{width:52px;height:52px}
#account-view .acc-brand .neo-name{display:none}
#account-view .acc-auth h1{margin:0 0 6px;font-size:24px;font-weight:650;letter-spacing:-.02em;text-align:center}
#account-view .acc-sub{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--muted);text-align:center}
#account-view .acc-status{font-size:14px;color:var(--muted);text-align:center}
#account-view .acc-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0 0 18px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,var(--bg))}
#account-view .acc-switch button{height:36px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
#account-view .acc-switch button[aria-selected=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
#account-view .acc-notice{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#7532d6 10%,var(--bg));font-size:13px;line-height:1.6;color:var(--ink)}
#account-view .acc-form{display:flex;flex-direction:column;gap:14px}
#account-view .acc-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:500}
#account-view .acc-label{color:var(--ink)}
#account-view .acc-input{position:relative;display:flex;align-items:center;height:50px;border-radius:14px;background:var(--bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);transition:box-shadow .15s ease}
#account-view .acc-input:focus-within{box-shadow:0 0 0 2px #7532d6,0 0 0 6px color-mix(in srgb,#7532d6 14%,transparent)}
#account-view .acc-input input{flex:1;width:100%;min-width:0;height:100%;margin:0;padding:0 16px;border:0;border-radius:14px;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;box-shadow:none}
#account-view .acc-reveal{display:grid;place-items:center;flex:none;width:40px;height:40px;margin:0 5px 0 0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
#account-view .acc-reveal:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
#account-view .acc-reveal[aria-pressed=true]{color:#7532d6}
#account-view .acc-reveal svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#account-view .acc-hint{font-size:12px;font-weight:500;color:var(--muted);transition:color .2s ease}
#account-view .acc-hint.is-ok{color:#1e7a3c}
#account-view .acc-error{margin:0;padding:10px 14px;border:0;border-radius:12px;background:#fff1e6;font-size:13px!important;color:#b4530b!important}
#account-view .acc-primary{display:inline-flex;align-items:center;justify-content:center;height:50px;margin:4px 0 0;padding:0 24px;border:0;border-radius:999px;background:var(--button);color:var(--button-ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease}
#account-view .acc-primary:hover{opacity:.86}
#account-view .acc-primary:active{transform:scale(.98)}
#account-view .acc-primary:disabled{opacity:.55;cursor:wait}
#account-view .acc-link{align-self:center;margin:14px 0 0;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
#account-view .acc-link:hover{color:var(--ink)}
#account-view .acc-owner{margin-top:8px;font-size:12px}

/* ---- Signed in ---- */
#account-view .acc-me{display:flex;align-items:center;gap:16px;margin:4px 0 24px}
#account-view .acc-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#7532d6;color:#fff;font-size:26px;font-weight:650}
#account-view .acc-who{min-width:0;flex:1}
#account-view .acc-who h1{overflow:hidden;font-size:26px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}
#account-view .acc-who p{margin:2px 0 0;overflow:hidden;font-size:14px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
#account-view .acc-quiet{flex:none;height:38px;margin:0;padding:0 16px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,var(--bg));color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
#account-view .acc-quiet:hover{background:color-mix(in srgb,var(--ink) 10%,var(--bg))}
#account-view .acc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#account-view .acc-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:22px 24px;border:0;border-radius:24px;background:color-mix(in srgb,var(--ink) 3.5%,var(--bg))}
#account-view .acc-card h2,#account-view .acc-card-head h2{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--muted)}
#account-view .acc-card-head{display:flex;align-items:baseline;justify-content:space-between;align-self:stretch;gap:12px}
#account-view .acc-big{font-size:24px;font-weight:650;letter-spacing:-.02em}
#account-view .acc-muted{font-size:14px;line-height:1.6;color:var(--muted)}
#account-view .acc-go{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}
#account-view .acc-go:hover{text-decoration:underline;text-underline-offset:3px}
#account-view .acc-card .acc-quiet{margin-top:6px}
#account-view .acc-card .acc-form{align-self:stretch;margin-top:6px}
#account-view .acc-row{display:flex;align-items:center;gap:8px}
#account-view .acc-row .acc-link{margin:4px 0 0}
#account-view .acc-thumbs{display:flex;gap:8px;margin-top:6px}
#account-view .acc-thumbs a{display:block;width:52px;height:52px;padding:4px;border-radius:12px;background:#f2f2f5;overflow:hidden}
#account-view .acc-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
#account-view .acc-bills{align-self:stretch;padding:0;list-style:none}
#account-view .acc-bills li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
#account-view .acc-bills li+li{border-top:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}
#account-view .acc-bills strong{display:block;font-size:15px}
#account-view .acc-bills small{font-size:12px;color:var(--muted)}
#account-view .acc-pill{padding:3px 10px;border-radius:999px;background:var(--bg);font-size:12px;font-weight:600}
#account-view .acc-admin{display:inline-block;margin:18px 4px 0;color:var(--muted)}
:root[data-theme=dark] #account-view :is(.acc-auth,.acc-card){background:#1c1c1e}
:root[data-theme=dark] #account-view .acc-input{background:#2c2c2e}
:root[data-theme=dark] #account-view .acc-switch button[aria-selected=true]{background:#3a3a3c}
:root[data-theme=dark] #account-view .acc-error{background:#3a2210;color:#ffb066!important}
:root[data-theme=dark] #account-view .acc-thumbs a{background:#e8e8ec}
@media(max-width:700px){
 #account-view .acc-auth{margin-top:4px;padding:28px 20px 22px;border-radius:24px}
 #account-view .acc-grid{grid-template-columns:1fr}
 #account-view .acc-me{flex-wrap:wrap}
 #account-view .acc-avatar{width:52px;height:52px;font-size:22px}
 #account-view .acc-who h1{font-size:22px}
}
@media(prefers-reduced-motion:reduce){#account-view *{transition:none!important}}
#account-view .acc-brand.is-drawn .neo-mark *{animation:none!important;stroke-dashoffset:0}
#account-view .acc-brand.is-drawn .neo-mark .neo-flow{opacity:0}
/* Signed in, the sidebar's account picture matches the page: a purple circle with the initial. */
#nav-account .account-avatar:not(:has(svg)){border:0;background:#7532d6;color:#fff;font-weight:650}
body .site-header .header-actions a[href$="#account"][aria-current=page]{background:rgba(255,255,255,.2)}

/* 会员方案 (#account/plans): the free plan beside each paid one. Prices not set yet read 价格待定. */
#account-view .acc-plans{display:flex;flex-direction:column}
#main #account-view .acc-back{align-self:flex-start;margin:0 0 12px;font-size:14px;color:var(--muted);text-decoration:none}
#main #account-view .acc-back:hover{color:var(--ink)}
#account-view .acc-plans h1{margin:0 0 6px;font-size:28px;font-weight:650;letter-spacing:-.02em}
#account-view .acc-plans .acc-sub{margin:0 0 24px;text-align:left}
#account-view .acc-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#account-view .acc-plan{gap:10px;padding:26px 26px 28px}
#account-view .acc-plan .acc-big{font-size:30px}
#account-view .acc-plan .acc-big small{margin-left:4px;font-size:15px;font-weight:500;color:var(--muted)}
#account-view .acc-plan .acc-muted{margin:0;font-size:14px;line-height:1.6}
#account-view .acc-perks{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6}
#account-view .acc-plan .acc-primary{align-self:stretch;margin-top:auto}
#account-view .acc-plan .acc-primary:disabled{cursor:default;opacity:1;background:color-mix(in srgb,var(--ink) 8%,var(--bg));color:var(--muted)}
#main #account-view .acc-plans-join{display:inline-flex;align-items:center;align-self:flex-start;height:44px;margin-top:20px;padding:0 20px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;transition:box-shadow .15s ease}
#main #account-view .acc-plans-join:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 45%,transparent)}
@media(max-width:640px){#account-view .acc-plan-grid{grid-template-columns:1fr}#account-view .acc-plans h1{font-size:26px}}