.brand-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:39% 42%;border:3px solid white;box-shadow:0 3px 14px #d56c982b;flex-shrink:0}
.account-nav{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:.94rem}.account-nav a{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-register-link{padding:8px 0}
.anon-welcome{position:relative;height:175px;overflow:hidden;border-radius:24px;margin:18px 0 24px;background:#ffe4ee}.anon-welcome>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.anon-welcome h1{position:absolute;right:6%;top:50%;transform:translateY(-50%);margin:0;font-size:1.35rem;line-height:1.6;color:#85224d;text-shadow:0 1px 8px #fff}.anon-welcome h1 span{font-size:1.8rem;font-weight:800}
.account-wrap{max-width:1100px;margin:40px auto 100px;padding:0 24px}.auth-layout{display:grid;grid-template-columns:.8fr 1fr;gap:32px;align-items:start}.auth-art{position:sticky;top:100px;overflow:hidden;border-radius:28px;background:#ffe5ef}.auth-art img{width:100%;height:340px;object-fit:cover;object-position:36% 45%}.auth-art p{font-size:1.65rem;line-height:1.65;padding:24px 32px;margin:0;color:#81274b;font-weight:700}.account-panel{background:var(--surface,#fff);border:1px solid var(--line,#eadde4);border-radius:24px;padding:32px;color:var(--text,#302936)}
.account-panel h1{font-size:1.85rem;margin:12px 0}.account-panel h2,.recovery-card h2{font-size:1.25rem;margin:0 0 12px}.account-panel p{line-height:1.7}.account-eyebrow{font-size:.875rem;color:var(--muted,#746b7d)}.account-intro{margin-bottom:24px;color:var(--muted,#746b7d)}.account-form{display:grid;gap:18px}.account-form>label{display:grid;gap:8px;font-size:.94rem;font-weight:600}.account-form [data-slot=input]{height:44px;font-size:1rem;background:#fff;border:1px solid #d6ccd4;border-radius:10px;color:#302936;padding:10px 12px}.account-form button{min-height:42px;font-size:.94rem}.account-form a,.account-panel a,.recovery-card a{color:var(--accent,#b43675);text-underline-offset:4px}.account-submit{width:100%;height:46px!important;background:var(--accent,#b43675)!important;color:var(--accent-ink,#fff)!important;border:0;font-weight:700;border-radius:12px}
.anime-captcha{min-width:0;border:1px solid #e4dce2;border-radius:16px;padding:14px}.anime-captcha legend{font-size:1rem;font-weight:700;padding:0 6px}.captcha-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.875rem;color:#756574;margin-bottom:8px}.anime-captcha>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f5eef3;border-radius:10px}.captcha-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.captcha-choices label{display:flex;align-items:center;gap:8px;border:1px solid #ded5dc;border-radius:10px;padding:10px;min-height:48px;font-size:.875rem;line-height:1.4;cursor:pointer;background:#fff;color:#40303c}.captcha-choices label.selected{border-color:var(--accent,#b43675);background:var(--soft,#fff0f7)}.captcha-choices input{accent-color:var(--accent,#b43675);flex-shrink:0}.captcha-unavailable{display:grid;place-items:center;min-height:140px;background:#faf2f6;border-radius:12px;padding:20px}.account-form-links{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;gap:12px}.account-form-links label{display:flex;gap:8px;align-items:center}.account-error{background:#fff0f1;border:1px solid #eab6bd;padding:12px 14px;border-radius:10px;color:#902436!important;line-height:1.5}.account-switch{font-size:.94rem;text-align:center;margin-top:20px}.account-switch a{margin-left:6px}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px}.account-actions button{min-height:40px;padding:8px 16px}.account-center{display:grid;gap:24px;max-width:760px;margin:auto}.account-badge{display:inline-flex;padding:5px 12px;border-radius:999px;background:var(--soft,#fff0f7);color:var(--accent,#b43675);font-size:.875rem}.recovery-card{padding:24px;border-radius:18px;background:#fff7df;border:1px solid #e8d296;color:#5c4423}.recovery-card code{display:block;overflow-wrap:anywhere;padding:16px;background:white;border-radius:10px;font-size:1.05rem;line-height:1.7;user-select:all}.user-list{display:grid;gap:12px}.user-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #e4dce2;border-radius:14px;padding:16px}.user-list article>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.user-list article span{font-size:.9rem}.user-list article small{font-size:.875rem;color:#746b7d}.user-list form{display:flex;align-items:end;gap:10px}.user-list label{display:grid;gap:5px;font-size:.875rem}.user-list select{background:#fff;color:#302936;min-height:40px;border:1px solid #d6ccd4;border-radius:8px;padding:6px}.user-list button{min-height:40px}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.account-wrap{margin:24px auto 80px;padding:0 16px}.account-panel{padding:24px 20px}.anon-welcome{height:150px}.anon-welcome h1{right:4%;font-size:1rem;background:#fff9;padding:12px;border-radius:16px}.anon-welcome h1 span{font-size:1.3rem}.account-nav{gap:10px}.account-nav a{max-width:6rem}.user-list article{align-items:start;flex-direction:column}.brand-avatar{width:44px;height:44px}}
@media(max-width:400px){.captcha-choices{grid-template-columns:1fr}.account-form-links{align-items:start;flex-direction:column}.topbar{flex-wrap:wrap}.account-nav{margin-left:auto}.account-panel h1{font-size:1.55rem}.anon-welcome h1 span{font-size:1.1rem}}

@font-face{font-family:'Classroom Cute';src:url('/fonts/classroom-title.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.brand-name,.anon-welcome h1{font-family:'Classroom Cute','Yu Gothic UI','Microsoft YaHei','Noto Sans SC',sans-serif!important;font-weight:400!important;letter-spacing:.025em}.brand-name{font-size:1.25rem!important;line-height:1.25!important}.anon-welcome h1 span{font-weight:400!important}
/* Crop the original picture at the left edge; retain its aspect ratio and right-hand background. */
.topbar,.cinema-catalog .topbar,.cinema-learning .topbar{align-items:center;gap:32px;height:88px;min-height:0;flex-wrap:nowrap}
.topbar>.brand{position:relative;display:block;flex:0 0 196px;width:196px;height:68px;min-width:0;max-width:196px;margin:0;padding:0;overflow:hidden;border:0;border-radius:10px;background:none}
.topbar .brand-avatar{position:absolute;top:0;bottom:0;left:-30%;right:auto;display:block;width:130%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 44%;border:0;border-radius:0;box-shadow:none}
html[data-classroom-theme] .topbar .brand strong.brand-name{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;margin:0;font-size:18px!important;line-height:1.25!important;letter-spacing:0!important;text-align:left;color:#75294c;text-shadow:0 0 3px #fff,0 1px 5px #fff;white-space:nowrap}
html[data-classroom-theme] .topbar .brand-name span:first-child{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}
.topbar>nav{align-self:stretch;flex:0 0 auto;margin-left:0}.topbar>.account-nav{margin-left:auto}
@media(max-width:760px){.topbar,.cinema-catalog .topbar,.cinema-learning .topbar{height:auto;min-height:78px;flex-wrap:wrap;column-gap:16px;row-gap:8px;padding-top:8px;padding-bottom:8px}.topbar>.brand{flex-basis:176px;width:176px;max-width:176px;height:60px}html[data-classroom-theme] .topbar .brand strong.brand-name{font-size:16px!important;right:8px}.topbar>nav{margin-left:0;min-height:44px}.topbar>.account-nav{margin-left:auto}}

.fan-trial{scroll-margin-top:90px}.trial-proof,.trial-review{padding:20px;border:1px solid var(--border,#ead5de);border-radius:16px;margin:18px 0;background:var(--theme-soft,#fff4f8)}.trial-proof code,.trial-review code{display:inline-block;padding:8px 12px;border-radius:8px;background:var(--surface,#fff);font-size:16px;overflow-wrap:anywhere}.trial-proof ol{padding-left:22px;line-height:1.9}.trial-proof small{display:block;margin-top:12px}.account-form .trial-check{display:flex;align-items:flex-start;gap:10px}.trial-check input{width:18px;height:18px;flex:none;margin-top:3px}.trial-status{font-weight:700;color:var(--accent,#b62e69)}.trial-review h2{margin:0}.trial-review textarea{width:100%;border:1px solid var(--border,#ead5de);padding:10px;border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}

.auth-layout>.account-panel{border:0;border-radius:0;background:transparent;padding-top:12px}