:root{--navy-900: #000000;--navy-800: #1d1d1f;--navy-700: #1d1d1f;--navy-600: #333336;--logo-blue: #1172d6;--brand-600: #0071e3;--brand-500: #0077ed;--brand-400: #2997ff;--brand-100: #e8f2ff;--brand-50: #f5f9ff;--gold-600: #0077ed;--gold-500: #0071e3;--gold-300: #2997ff;--gold-100: #dbeeff;--ink-900: #1d1d1f;--ink-700: #424245;--ink-500: #6e6e73;--ink-400: #86868b;--ink-300: #aeaeb2;--line-200: #d2d2d7;--line-100: #e8e8ed;--surface-0: #ffffff;--surface-1: #f5f5f7;--surface-2: #f5f5f7;--success-600: #1d8f4e;--success-100: #e3f7ec;--warn-600: #9a6a00;--warn-100: #fbf1d9;--danger-600: #d70015;--danger-700: #a3000f;--danger-100: #ffe5e7;--bg: #ffffff;--surface: var(--surface-0);--surface-alt: var(--surface-1);--text: var(--ink-900);--text-muted: var(--ink-500);--text-inverse: #f5f5f7;--border: var(--line-200);--primary: var(--navy-700);--primary-hover: #000000;--link: #0066cc;--accent: var(--brand-600);--accent-hover: var(--brand-500);--focus: var(--brand-600);--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;--fs-xs: clamp(.75rem, .73rem + .1vw, .8125rem);--fs-sm: clamp(.875rem, .85rem + .15vw, .9375rem);--fs-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--fs-md: clamp(1.125rem, 1.06rem + .32vw, 1.25rem);--fs-lg: clamp(1.3rem, 1.18rem + .6vw, 1.6rem);--fs-xl: clamp(1.6rem, 1.36rem + 1.2vw, 2.2rem);--fs-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);--fs-3xl: clamp(2.5rem, 1.9rem + 3vw, 4rem);--lh-tight: 1.12;--lh-snug: 1.3;--lh-normal: 1.62;--tracking-display: -.032em;--tracking-h2: -.021em;--tracking-h3: -.012em;--tracking-tight: -.02em;--tracking-body: 0;--tracking-label: .09em;--tracking-wide: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-section: clamp(3rem, 2rem + 5vw, 7rem);--container-max: 1200px;--container-pad: clamp(1rem, .5rem + 3vw, 2.5rem);--tap-min: 44px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 4px rgba(0, 113, 227, .35);--dur-fast: .14s;--dur-normal: .26s;--dur-slow: .52s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.32, .58, 1);--ease-press: cubic-bezier(.16, 1, .3, 1);--dur-press: .11s;--z-header: 100;--z-overlay: 200;--z-modal: 300}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-optical-sizing:auto;letter-spacing:var(--tracking-body);min-height:100vh}img,svg,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}ul[role=list],ol[role=list]{list-style:none;padding:0}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--navy-800);font-optical-sizing:auto;text-wrap:balance}h1{font-size:var(--fs-3xl);line-height:1.05;letter-spacing:var(--tracking-display)}h2{font-size:var(--fs-2xl);line-height:1.1;letter-spacing:var(--tracking-h2)}h3{font-size:var(--fs-lg);line-height:1.16;letter-spacing:var(--tracking-h3)}h4{font-size:var(--fs-md);line-height:1.25;letter-spacing:-.006em}p{line-height:var(--lh-normal);text-wrap:pretty}.skip-link{position:absolute;left:-999px;top:0;z-index:var(--z-modal);background:var(--navy-800);color:#fff;padding:12px 18px;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{left:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.container--narrow{max-width:760px}.section{padding-block:var(--space-section)}.section--tight{padding-block:var(--space-7)}.stack>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand-600)}.section-head{max-width:640px;margin-bottom:var(--space-6)}.section-head .eyebrow{margin-bottom:var(--space-3)}.section-head p{color:var(--text-muted);font-size:var(--fs-md);margin-top:var(--space-3)}.text-muted{color:var(--text-muted)}.center{text-align:center}.center.section-head{margin-inline:auto}.grid{display:grid;gap:var(--space-5)}@media (min-width: 640px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:.7em 1.4em;font-weight:600;font-size:var(--fs-sm);border-radius:var(--radius-pill);border:1.5px solid transparent;transition:transform var(--dur-press) var(--ease-press),background var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast);text-decoration:none;white-space:nowrap;touch-action:manipulation}.btn:hover{text-decoration:none}.btn:active{transform:scale(.96)}.btn--primary{background:var(--navy-700);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--navy-800);box-shadow:var(--shadow-md)}.btn--accent{background:var(--brand-600);color:#fff;box-shadow:0 4px 14px #0071e347}.btn--accent:hover{background:var(--gold-600);color:#fff;transform:translateY(-1px)}.btn--brand{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-sm)}.btn--brand:hover{background:var(--brand-500);box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;color:var(--navy-700);border-color:var(--line-200)}.btn--ghost:hover{border-color:var(--navy-700);background:var(--brand-50)}.btn--on-dark{background:#ffffff1a;color:#fff;border-color:#ffffff59}.btn--sm{min-height:30px;padding:3px 10px;font-size:var(--fs-sm)}.btn--danger{background:var(--danger-600, #b3261e);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn--danger:hover{background:var(--danger-700, #8c1d18);box-shadow:var(--shadow-md)}.btn--on-dark:hover{background:#fff3}.btn--lg{font-size:var(--fs-base);padding:.85em 1.7em}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:var(--fs-xs);font-weight:700;border-radius:var(--radius-pill);background:var(--brand-100);color:var(--navy-700);letter-spacing:.01em}.badge--gold{background:var(--gold-100);color:var(--gold-600)}.badge--green{background:var(--success-100);color:var(--success-600)}.badge--muted{background:var(--surface-2);color:var(--ink-500)}.badge--danger{background:var(--danger-100);color:var(--danger-600)}.card{background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal),border-color var(--dur-normal)}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-100)}.card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:26px;background:linear-gradient(140deg,var(--brand-100),var(--brand-50));margin-bottom:var(--space-4)}.card h3{margin-bottom:var(--space-2)}.card p{color:var(--text-muted);font-size:var(--fs-sm)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:#ffffffad;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(11,29,58,.06)}.site-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;pointer-events:none;background:linear-gradient(rgba(11,29,58,.05),transparent)}.site-header__inner{display:flex;align-items:center;gap:var(--space-5);min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;color:var(--navy-800);font-size:var(--fs-md)}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;color:var(--logo-blue)}.brand__mark svg{display:block;width:auto;height:28px}.brand small{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:.14em;color:var(--ink-400);text-transform:uppercase;font-weight:700}.site-nav{display:none;align-items:center;gap:var(--space-2);margin-left:auto}.site-nav a{color:var(--ink-700);font-weight:600;font-size:var(--fs-sm);padding:8px 12px;border-radius:var(--radius-sm)}.site-nav a:hover{color:var(--navy-700);background:var(--brand-50);text-decoration:none}.site-nav a.active{color:var(--brand-600)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:38px;padding:0 12px;border:1.5px solid var(--line-200);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-sm);color:var(--navy-700);transition:border-color var(--dur-fast),background var(--dur-fast)}.lang-toggle:hover{border-color:var(--navy-700);background:var(--brand-50)}.header-actions{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 940px){.site-nav{display:flex}.header-actions{display:flex;margin-left:0}}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;border-radius:var(--radius-sm);color:var(--navy-700)}@media (min-width: 940px){.nav-toggle{display:none}}.mobile-nav{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--container-pad) var(--space-5);border-bottom:1px solid var(--line-100);background:var(--surface)}.mobile-nav a{padding:12px;border-radius:var(--radius-sm);font-weight:600;color:var(--ink-700)}.mobile-nav a:hover{background:var(--brand-50);text-decoration:none}@media (min-width: 940px){.mobile-nav{display:none}}.hero{position:relative;overflow:hidden;color:var(--ink-900);background:linear-gradient(180deg,#fff,#f5f5f7)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 55% at 88% 2%,rgba(0,113,227,.06),transparent 60%)}.hero__inner{position:relative;display:grid;gap:var(--space-7);padding-block:clamp(3.5rem,2rem + 7vw,7rem)}@media (min-width: 940px){.hero__inner{grid-template-columns:1.05fr .95fr;align-items:center}}.hero__eyebrow{color:var(--brand-600)}.hero h1{color:var(--ink-900);font-size:var(--fs-3xl)}.hero__lead{color:var(--text-muted);font-size:var(--fs-md);margin-top:var(--space-4);max-width:36ch}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero .btn--on-dark{background:transparent;color:var(--brand-600);border-color:var(--line-200)}.hero .btn--on-dark:hover{background:var(--brand-50);border-color:var(--brand-100)}.hero__trust{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-7)}.hero__trust div{line-height:1.15}.hero__trust b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;color:var(--ink-900);letter-spacing:-.01em}.hero__trust span{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.hero__panel{background:#fff;border:1px solid var(--line-100);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.hero__panel h3{color:var(--ink-900)}.hero__panel .hero__panel-sub{color:var(--text-muted)!important}.hero__panel .assess-preview{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.hero__panel .q{background:var(--surface-1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);color:var(--ink-700)}.hero__panel .q b{color:var(--brand-600)}.statband{background:var(--surface);border-block:1px solid var(--line-100)}.statband .grid{text-align:center}.statband b{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--navy-700)}.statband span{color:var(--text-muted);font-size:var(--fs-sm)}.course{display:flex;flex-direction:column;overflow:hidden;padding:0}.course__top{padding:var(--space-5);background:var(--surface-1);color:var(--ink-900);border-bottom:1px solid var(--line-100)}.course--gold .course__top,.course--brand .course__top{background:var(--surface-1);color:var(--ink-900)}.course__top h3{color:var(--ink-900)}.course__grade{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-600)}.course__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.course__body ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.course__body li{display:flex;gap:var(--space-2);font-size:var(--fs-sm);color:var(--ink-700)}.course__body li:before{content:"✓";color:var(--success-600);font-weight:800}.course__foot{margin-top:auto;padding-top:var(--space-3)}.teacher{text-align:center}.teacher img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto var(--space-3);border:3px solid var(--brand-100)}.teacher h4{margin-bottom:2px}.teacher .role{color:var(--brand-600);font-size:var(--fs-sm);font-weight:600}.teacher p{margin-top:var(--space-2)}.quote{background:var(--surface);border-left:4px solid var(--gold-500)}.quote p{color:var(--ink-700);font-size:var(--fs-md);font-style:italic}.quote footer{margin-top:var(--space-3);font-size:var(--fs-sm);font-weight:700;color:var(--navy-700);font-style:normal}.ctaband{background:linear-gradient(180deg,#ffffff,var(--surface-1));color:var(--ink-900);border:1px solid var(--line-100);border-radius:var(--radius-xl);padding:clamp(2.5rem,1rem+5vw,4.5rem);text-align:center}.ctaband h2{color:var(--ink-900)}.ctaband p{color:var(--text-muted);max-width:52ch;margin:var(--space-3) auto var(--space-6)}.ctaband .btn--on-dark{background:transparent;color:var(--brand-600);border-color:var(--line-200)}.ctaband .btn--on-dark:hover{background:var(--brand-50)}.site-footer{background:var(--surface-1);color:var(--ink-500);margin-top:var(--space-8);border-top:1px solid var(--line-200)}.site-footer .grid{padding-block:var(--space-7)}.site-footer .brand span,.site-footer .brand{color:var(--ink-900)!important}.site-footer .brand__mark{background:none!important;color:var(--logo-blue)!important}.site-footer h4{color:var(--ink-500);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:var(--space-3)}.site-footer a{color:var(--ink-700);font-size:var(--fs-sm);display:block;padding:3px 0}.site-footer a:hover{color:var(--brand-600);text-decoration:none}.site-footer p{color:var(--ink-500)!important}.site-footer__bar{border-top:1px solid var(--line-200);padding-block:var(--space-4);font-size:var(--fs-xs);color:var(--ink-500);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-700)}.field input,.field select,.field textarea{width:100%;padding:.7em .9em;border:1.5px solid var(--line-200);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.field--error input{border-color:var(--danger-600)}.form-error{background:var(--danger-100);color:var(--danger-600);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--fs-sm)}.form-ok{background:var(--success-100);color:var(--success-600);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--fs-sm)}.auth-wrap{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:var(--space-6) var(--container-pad);background:radial-gradient(90% 90% at 100% 0%,var(--brand-50),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.auth-card h1{font-size:var(--fs-xl)}.auth-tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:var(--radius-pill);margin-bottom:var(--space-5)}.auth-tabs button{flex:1;padding:8px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--fs-sm);color:var(--ink-500)}.auth-tabs button.active{background:var(--surface);color:var(--navy-700);box-shadow:var(--shadow-sm)}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-400);font-size:var(--fs-xs);margin:var(--space-4) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line-200)}.app-shell{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 68px)}@media (min-width: 900px){.app-shell{grid-template-columns:250px 1fr}}.app-shell>*{min-width:0}.app-side{background:var(--surface);border-right:1px solid var(--line-100);padding:var(--space-5) var(--space-4)}.app-side .who{display:flex;align-items:center;gap:10px;padding:var(--space-3);background:var(--brand-50);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.app-side .who small{display:block;color:var(--text-muted);font-size:var(--fs-xs);text-transform:capitalize}.app-nav{display:flex;flex-direction:column;gap:2px}.app-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--ink-700);font-weight:600;font-size:var(--fs-sm)}.app-nav a:hover{background:var(--surface-2);text-decoration:none}.app-nav a.active{background:var(--brand-50);color:var(--brand-600)}.app-nav .nav-group{display:flex;flex-direction:column;gap:2px}.app-nav .nav-group+.nav-group{margin-top:6px}.app-nav .nav-group__head{display:flex;align-items:center;gap:6px;padding:8px 12px;border:0;background:none;width:100%;text-align:left;cursor:pointer;color:var(--ink-500);font-weight:700;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.app-nav .nav-group__head:hover{color:var(--ink-700)}.app-nav .nav-group a{padding-left:26px}.app-main{padding:var(--space-6) var(--container-pad);background:var(--bg)}.app-main>header{margin-bottom:var(--space-6)}.app-main table.data tr,.app-main .card,.app-main [id]{scroll-margin-top:84px}.app-sticky-top{position:sticky;top:0;z-index:40;margin:calc(var(--space-6) * -1) calc(var(--container-pad) * -1) var(--space-5)}.app-sticky-top:empty{display:none;margin:0}.app-topbar{display:flex;justify-content:flex-end;gap:10px;padding:10px var(--container-pad);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-200)}.app-main>header h1{font-size:var(--fs-xl)}.stat-tiles{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tile{background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:var(--space-5)}.tile b{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--navy-700);line-height:1}.tile span{color:var(--text-muted);font-size:var(--fs-sm)}.tile--accent{background:linear-gradient(150deg,var(--brand-600),var(--brand-500));border:0;color:#fff}.tile--accent b{color:#fff}.tile--accent span{color:#ffffffd9}.tile--warn{background:var(--gold-100);border-color:var(--gold-600)}.tile--warn b{color:var(--gold-600)}.table-wrap{overflow-x:auto;border:1px solid var(--line-200);border-radius:var(--radius-lg);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:640px}table.data th,table.data td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-100)}table.data th{background:var(--surface-2);font-weight:700;color:var(--ink-700);white-space:nowrap}table.data tr:last-child td{border-bottom:0}table.data tr:hover td{background:var(--brand-50)}.table-wrap--sticky{overflow:auto}@media (min-width: 900px){.table-wrap--sticky{max-height:calc(100vh - 230px)}.table-wrap--sticky table.data thead th{position:sticky;top:0;z-index:3}.table-wrap--sticky table.data .sticky-col{position:sticky;left:0;z-index:2;background:var(--surface);box-shadow:1px 0 0 var(--line-100)}.table-wrap--sticky table.data thead th.sticky-col{z-index:4;background:var(--surface-2)}.table-wrap--sticky table.data tr:hover td.sticky-col,.table-wrap--sticky table.data tr.is-open td.sticky-col{background:var(--brand-50)}}.hscroll-bar{display:flex;align-items:center;gap:6px;margin-bottom:6px}.hscroll-top{flex:1;overflow-x:auto;overflow-y:hidden;height:14px}.hscroll-btn{border:1.5px solid var(--line-200);background:var(--surface);border-radius:8px;min-width:34px;height:28px;cursor:pointer;color:var(--ink-700);font-size:12px}.hscroll-btn:hover:not(:disabled){background:var(--brand-50)}.hscroll-btn:disabled{opacity:.4;cursor:default}.trial-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:var(--fs-xs);color:var(--ink-500);margin-bottom:8px}.trial-legend span{display:inline-flex;align-items:center;gap:6px}.trial-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.tone-pending{--tone: #d79a1e;--tone-bg: #fff6e0}.tone-upcoming{--tone: #2f6fd6;--tone-bg: #e8f0fd}.tone-done{--tone: #23935a;--tone-bg: #e4f5ec}.tone-off{--tone: #8a94a3;--tone-bg: #eef0f3}.tone-missed{--tone: #d14343;--tone-bg: #fde9e9}.trial-legend i{background:var(--tone)}table.data tr.trial-row>td.sticky-col{box-shadow:inset 4px 0 0 var(--tone, transparent),1px 0 0 var(--line-100)}.badge.badge--tone{background:var(--tone-bg);color:var(--tone);font-weight:700}select.status-tone{border-color:var(--tone)!important;background:var(--tone-bg);color:var(--tone);font-weight:700}.assess-shell{max-width:820px;margin-inline:auto}.assess-bar{position:sticky;top:68px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.assess-bar .progress{flex:1;height:8px;background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.assess-bar .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-500),var(--brand-600));transition:width var(--dur-normal) var(--ease-out)}.timer{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-md);color:var(--navy-700);display:flex;align-items:center;gap:6px}.timer--low{color:var(--danger-600)}.question{background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:var(--space-6);scroll-margin-top:140px}.question__meta{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.question__stem{font-size:var(--fs-md);font-weight:600;color:var(--navy-800);margin-bottom:var(--space-5)}.choices{display:flex;flex-direction:column;gap:var(--space-3)}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--line-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.choice:hover{border-color:var(--brand-400);background:var(--brand-50)}.choice input{accent-color:var(--brand-600);width:18px;height:18px}.choice.selected{border-color:var(--brand-600);background:var(--brand-50)}.choice .key{width:26px;height:26px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm);color:var(--ink-700)}.choice.selected .key{background:var(--brand-600);color:#fff}.assess-foot{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.qnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-5)}.qnav button{width:38px;height:38px;border-radius:var(--radius-md);border:1.5px solid var(--line-200);font-weight:700;font-size:var(--fs-sm);color:var(--ink-500)}.qnav button.answered{border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}.qnav button.current{background:var(--navy-700);color:#fff;border-color:var(--navy-700)}.score-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;margin-inline:auto;background:conic-gradient(var(--brand-600) calc(var(--pct) * 1%),var(--surface-2) 0)}.score-ring .inner{width:128px;height:128px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center}.score-ring .inner b{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--navy-700);line-height:1}.score-ring .inner span{font-size:var(--fs-xs);color:var(--text-muted)}.topic-row{display:flex;align-items:center;gap:var(--space-3)}.topic-row .bar{flex:1;height:10px;background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.topic-row .bar i{display:block;height:100%;border-radius:var(--radius-pill)}.topic-row .val{width:44px;text-align:right;font-weight:700;font-size:var(--fs-sm)}.spinner{width:20px;height:20px;border:2.5px solid var(--brand-100);border-top-color:var(--brand-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-full{min-height:60vh;display:grid;place-items:center}[hidden]{display:none!important}.reveal{opacity:1}.reveal[data-revealed],.reveal.in{animation:revealIn var(--dur-slow) var(--ease-out) both}@keyframes revealIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reveal[data-revealed],.reveal.in{animation:none}}.card--hover{transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal),border-color var(--dur-normal)}.card--hover:active{transform:translateY(-2px) scale(.994)}.choice{transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-press) var(--ease-press)}.choice:active{transform:scale(.99)}.tile{transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal)}.app-nav a,.site-nav a,.mobile-nav a{transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-press) var(--ease-press)}.app-nav a:active,.mobile-nav a:active,.qnav button:active,.auth-tabs button:active{transform:scale(.98)}.lang-toggle:active,.nav-toggle:active{transform:scale(.94)}table.data,.tile b,.hero__trust b,.statband b,.score-ring .inner b{font-variant-numeric:tabular-nums}@keyframes materialize{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.mobile-nav{background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom-color:#0b1d3a0f;transform-origin:top center;animation:materialize var(--dur-normal) var(--ease-out) both}.auth-card{transform-origin:center;animation:materialize var(--dur-slow) var(--ease-out) both}.app-side{background:linear-gradient(var(--surface),var(--surface-2))}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);margin:0 auto;max-width:460px;width:100%;background:#ffffffeb;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-radius:22px 22px 0 0;border:1px solid var(--line-100);border-bottom:0;box-shadow:0 -12px 48px #0000002e;padding:10px var(--container-pad) calc(var(--space-6) + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;touch-action:pan-y}.sheet-grabber{width:40px;height:5px;border-radius:999px;background:var(--line-200);margin:4px auto 14px}.sheet-nav{display:flex;flex-direction:column;gap:4px}.sheet-nav a{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--ink-900);font-size:var(--fs-md)}.sheet-nav a:hover{background:var(--surface-1);text-decoration:none}.console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.console-head .lede{color:var(--text-muted);font-size:var(--fs-sm);margin-top:4px;max-width:60ch}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:10px 12px;box-shadow:var(--shadow-sm);margin-bottom:16px}.toolbar .spacer{margin-left:auto}.toolbar .count{color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.ctl{padding:8px 12px;border:1.5px solid var(--line-200);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-sm);color:var(--ink-900)}.ctl:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--shadow-focus)}.seg{display:inline-flex;gap:2px;background:var(--surface-1);border-radius:var(--radius-pill);padding:3px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:6px 13px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;color:var(--ink-500);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.seg button:hover{color:var(--ink-900)}.seg button.on{background:var(--surface);color:var(--navy-800);box-shadow:var(--shadow-sm)}.sec-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin:30px 0 12px}.sec-label:first-child{margin-top:0}@media (prefers-reduced-transparency: reduce){.sheet{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-transparency: reduce){.site-header,.mobile-nav{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.hero__panel{background:#ffffff1f;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast: more){.site-header,.mobile-nav{background:#fff;border-bottom:1px solid var(--ink-500)}.card,.tile,.btn--ghost{border-color:var(--ink-400)}}@media (prefers-reduced-motion: reduce){.mobile-nav,.auth-card{animation:none}.card--hover:active,.choice:active,.btn:active,.app-nav a:active,.mobile-nav a:active,.qnav button:active,.auth-tabs button:active,.lang-toggle:active,.nav-toggle:active{transform:none}}.modal{width:100%;max-width:100%;max-height:100%;height:100%;margin:0;padding:max(3vh,16px) var(--container-pad);border:0;background:transparent;overflow-y:auto;overscroll-behavior:contain}.modal::backdrop{background:#1018288c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__panel{max-width:940px;margin:0 auto}.modal__panel>.card,.modal__panel>section.card{margin-top:0!important;margin-bottom:0;box-shadow:0 24px 64px #10182847}@media (max-width: 640px){.modal{padding:0}.modal__panel>.card,.modal__panel>section.card{border-radius:0;min-height:100vh}}@media (prefers-reduced-motion: reduce){.modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-100);box-shadow:0 -6px 18px #10182814}.mobile-cta__btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border-radius:10px;font-weight:700;font-size:var(--fs-sm);color:var(--navy-700);background:var(--surface-1);border:1px solid var(--line-100);text-decoration:none;cursor:pointer;white-space:nowrap}.mobile-cta__btn:hover{text-decoration:none}.mobile-cta__btn--primary{background:var(--gold-500);border-color:var(--gold-500);color:#1c1300}@media (min-width: 940px){.mobile-cta{display:none}}@media (max-width: 939px){body:has(.mobile-cta){padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (prefers-reduced-transparency: reduce){.mobile-cta{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}.course-facts{display:grid;gap:8px;margin:14px 0 4px}.course-facts>div{display:grid;grid-template-columns:5.5em 1fr;gap:10px;align-items:baseline}.course-facts dt{font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);text-transform:none}.course-facts dd{margin:0;font-size:var(--fs-sm);color:var(--ink-800, var(--ink-900))}.process{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 640px){.process{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.process{grid-template-columns:repeat(5,1fr)}}.process h3{font-size:var(--fs-md)}.process p{font-size:var(--fs-sm);color:var(--text-muted)}.advantage__icon{font-size:28px;line-height:1;margin-bottom:10px}.wechat-dialog{gap:14px}.site-header .brand{flex-shrink:0}@media (min-width: 940px) and (max-width: 1279px){.site-header__inner{gap:var(--space-3)}.site-nav a{padding:8px}.header-actions{gap:6px}.header-actions .btn{padding-inline:12px;font-size:var(--fs-sm)}.brand small{display:none}}@media (min-width: 940px) and (max-width: 1023px){.site-nav,.header-actions{display:none}.nav-toggle,.mobile-cta{display:grid}body:has(.mobile-cta){padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.testimonials{background:linear-gradient(180deg,#fff8f1,#fffdf9)}.testimonial-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 700px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.testimonial-grid{grid-template-columns:repeat(4,1fr)}}.testimonial{margin:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:2.5px solid #ffcf8f;border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.testimonial:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.testimonial__who{display:flex;align-items:center;gap:12px}.testimonial__who b{display:block;color:var(--ink-900)}.testimonial__who small{display:block;color:var(--text-muted);font-size:var(--fs-xs)}.testimonial__avatar{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;color:#9a4b00;background:linear-gradient(140deg,#ffe2bd,#fff3e3)}.testimonial blockquote{margin:0;flex:1;color:var(--ink-700);font-size:var(--fs-sm);line-height:1.7}.testimonial__note{margin:0;font-size:var(--fs-xs);color:var(--text-muted)}.testimonial__proofs{display:flex;gap:8px;flex-wrap:wrap}.proof-thumb{padding:0;border:1px solid var(--line-200);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-1);cursor:zoom-in;transition:border-color var(--dur-fast),transform var(--dur-fast)}.proof-thumb:hover,.proof-thumb:focus-visible{border-color:#f0a040;transform:translateY(-2px)}.proof-thumb img{display:block;width:56px;height:72px;object-fit:cover;object-position:top}.feedback-samples{margin-top:var(--space-7, 56px);text-align:center}.feedback-samples h3{margin:0 0 6px}.feedback-samples__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-top:var(--space-5)}@media (min-width: 700px){.feedback-samples__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.feedback-samples__grid{grid-template-columns:repeat(5,1fr)}}.sample{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--line-200);border-radius:var(--radius-lg);background:var(--surface);cursor:zoom-in;font-size:var(--fs-sm);font-weight:600;color:var(--ink-700);transition:box-shadow var(--dur-fast),transform var(--dur-fast)}.sample:hover,.sample:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sample img{display:block;width:100%;height:auto;aspect-ratio:7 / 9;object-fit:cover;object-position:top;border-radius:var(--radius-md)}.proof-view img{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;border-radius:var(--radius-md);border:1px solid var(--line-100)}.wechat-qr{display:block;margin:0 auto;width:220px;height:220px;padding:12px;background:#fff;border-radius:12px;border:1px solid var(--line-100);box-sizing:content-box}.course-highlights{margin:10px 0 0;font-size:var(--fs-sm);font-weight:700;color:var(--brand-600)}.course-topics{margin:8px 0 0;padding-left:1.2em;color:var(--ink-700);font-size:var(--fs-sm)}.course-levels{display:grid;gap:var(--space-3);grid-template-columns:1fr;margin-top:10px}@media (min-width: 760px){.course-levels{grid-template-columns:repeat(3,1fr)}}.course-levels>div{border:1px solid var(--line-200);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-1)}.course-levels b{display:block;color:var(--brand-600);font-size:var(--fs-xs);letter-spacing:.02em}.course-levels h4{margin:4px 0}.course-levels p{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.modal__panel>.card.wechat-dialog{max-width:420px;margin-inline:auto;padding:var(--space-6) var(--space-5)}.modal__panel>.card.proof-view{max-width:560px;margin-inline:auto}.roster-import{max-width:1040px}.roster-import__file{display:flex;align-items:center;gap:12px;padding:18px;border:1.5px dashed var(--line-200);border-radius:var(--radius-md);cursor:pointer;background:var(--surface-2)}.roster-import__file input{font-size:var(--fs-sm)}.roster-import__notes{margin:0;padding-left:18px;font-size:var(--fs-sm);color:var(--ink-700)}.roster-import__table{max-height:46vh;overflow:auto}.roster-import__table tr.is-muted td{opacity:.55}.package-lessons{max-width:860px}.package-lessons__add{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.package-lessons__add label{margin:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}.roster-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.month-stats{display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:26px}@media (min-width: 1000px){.month-stats{grid-template-columns:1fr 1fr}}.month-stats h3{margin:0 0 4px}.month-stats .basis{font-size:var(--fs-xs);color:var(--ink-500);margin:0 0 10px}.month-stats td.num,.month-stats th.num{text-align:right;font-variant-numeric:tabular-nums}.month-stats tr.total td{font-weight:700;background:var(--surface-2)}.th-sort{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;white-space:nowrap}.link-btn{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--navy-700);text-align:left;text-decoration:underline;text-underline-offset:3px}.roster-import__people{border:1px solid var(--line-200);border-radius:var(--radius-md);padding:10px 14px;background:var(--surface)}.roster-import__people summary{cursor:pointer;font-weight:700}.roster-import__people-grid{display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.roster-import__people-grid label{margin:0;display:flex;flex-direction:column;gap:3px;font-size:var(--fs-sm)}.print-only{display:none}@media print{@page{size:A4;margin:16mm}html,body{background:#fff!important;color:#111!important;min-height:0!important}body{font-size:10.5pt;line-height:1.45}h1,h2,h3,h4,b,strong{color:#000!important}h1{font-size:19pt;line-height:1.15}h2{font-size:15pt}h3{font-size:12.5pt}p,span,div,li{color:inherit}.text-muted,.card p,.score-ring .inner span{color:#444!important}a{color:#111!important;text-decoration:none!important}.site-header,.site-footer,.mobile-nav,.sheet,.sheet-scrim,.sheet-grabber,.app-side,.app-nav,.site-nav,.header-actions,.nav-toggle,.lang-toggle,.skip-link,.spinner,.loading-full,.toolbar,.no-print{display:none!important}nav,.report-doc footer:not(.print-only),.report-doc button,.report-doc .btn{display:none!important}.print-only{display:block!important}main,#main,#root{display:block!important;margin:0!important;padding:0!important}.section,.section--tight{padding-block:0!important}.container,.assess-shell{max-width:none!important;width:auto!important;margin-inline:0!important;padding-inline:0!important}.report-doc,.report-doc section,.report-doc div,.report-doc p{overflow:visible!important;max-height:none!important}.report-doc .topic-row .bar{overflow:hidden!important}.reveal,.reveal.in,.reveal[data-revealed]{animation:none!important;opacity:1!important;transform:none!important}.card{background:#fff!important;border:1px solid #bbb!important;box-shadow:none!important;transform:none!important;padding:10pt 12pt!important;margin-top:10pt!important}.grid,.grid--2{display:block!important}.grid>*+*{margin-top:10pt}.report-reco,.report-reco *{background:#fff!important;color:#111!important}.report-reco{border:1px solid #bbb!important}.report-reco h3{color:#000!important}.score-ring,.score-ring .inner,.topic-row .bar,.topic-row .bar i,.badge,.review-choice{-webkit-print-color-adjust:exact;print-color-adjust:exact}.score-ring{width:34mm!important;height:34mm!important}.score-ring .inner{width:27mm!important;height:27mm!important;background:#fff!important;padding:0 2mm}.score-ring .inner b{font-size:17pt!important}.score-ring .inner span{font-size:7.5pt!important;line-height:1.25}.topic-row .bar{height:8px!important;background:#e6e6e6!important}.badge{border:1px solid #ccc}h1,h2,h3,h4,.eyebrow,.section-head{break-after:avoid;page-break-after:avoid}.topic-row,.review-item,.review-choice,.report-score-card,.report-reco,tr,.card__row{break-inside:avoid;page-break-inside:avoid}.report-review{break-inside:auto;page-break-inside:auto}.report-print-header{break-after:avoid;page-break-after:avoid}.report-print-footer{break-before:avoid;page-break-before:avoid}.report-print-header.print-only{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10pt;border-bottom:1.5pt solid #111;padding-bottom:6pt;margin-bottom:12pt}.report-print-header .school{font-size:13pt;font-weight:700;letter-spacing:-.01em}.report-print-header .meta{font-size:9pt;color:#444!important;margin-top:2pt}.report-print-header .doc-kind{font-size:9pt;letter-spacing:.08em;text-transform:uppercase;color:#444!important;white-space:nowrap}.report-print-footer{border-top:.75pt solid #999;margin-top:14pt;padding-top:6pt;font-size:8.5pt;color:#444!important}.report-print-footer span+span:before{content:" · "}.review-item{padding-top:8pt!important}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pub{--pub-blue: #1272d7;--pub-blue-600: #0f63bd;--pub-blue-50: #eef5fd;--pub-blue-100: #dceafb;--pub-yellow: #ffc93c;--pub-yellow-50: #fff6dc;--pub-coral: #f2735f;--pub-coral-50: #fdeeea;--pub-warm: #fffaf3;--pub-warm-2: #fbf3e7;--pub-ink: #2b2f36;--pub-ink-2: #545b66;--pub-ink-3: #7a818c;--pub-line: #ece3d6;--pub-font-en: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--pub-font-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--pub-display: clamp(2.1rem, 1.5rem + 2.6vw, 3.3rem);--pub-h2: clamp(1.65rem, 1.3rem + 1.4vw, 2.35rem);--pub-h3: 1.2rem;--pub-body: 1rem;--pub-small: .875rem;--pub-radius: 20px;--pub-radius-sm: 12px;--pub-shadow: 0 1px 2px rgba(43, 47, 54, .05), 0 8px 24px rgba(43, 47, 54, .06);--pub-shadow-hover: 0 2px 4px rgba(43, 47, 54, .06), 0 16px 36px rgba(18, 114, 215, .12);--brand-600: var(--pub-blue);--brand-500: var(--pub-blue-600);--brand-50: var(--pub-blue-50);--accent: var(--pub-blue);--link: var(--pub-blue);--text: var(--pub-ink);--text-muted: var(--pub-ink-2);--ink-900: var(--pub-ink);--ink-700: var(--pub-ink-2);--ink-500: var(--pub-ink-3);--navy-800: var(--pub-ink);--surface-1: var(--pub-warm-2);--surface-2: var(--pub-warm-2);--line-200: var(--pub-line);--line-100: #f3ece1;--font-display: var(--pub-font-en);--font-body: var(--pub-font-en);background:var(--pub-warm);color:var(--pub-ink);font-family:var(--pub-font-en);font-size:var(--pub-body);line-height:1.7;min-height:100vh}html[lang=zh] .pub{--font-display: var(--pub-font-zh);--font-body: var(--pub-font-zh);font-family:var(--pub-font-zh)}.pub h1,.pub h2,.pub h3,.pub h4{font-family:inherit;color:var(--pub-ink);letter-spacing:-.01em}html[lang=zh] .pub h1,html[lang=zh] .pub h2,html[lang=zh] .pub h3{letter-spacing:0}.pub h1{font-size:var(--pub-display);line-height:1.15;font-weight:750}.pub h2{font-size:var(--pub-h2);line-height:1.2;font-weight:700}.pub h3{font-size:var(--pub-h3);line-height:1.35;font-weight:650}.pub h4{font-size:var(--pub-body);line-height:1.4;font-weight:650}.pub p{color:var(--pub-ink-2)}.pub .icon{flex:none}.pub .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-size:.95rem;font-weight:650;line-height:1;white-space:nowrap;border:1.5px solid transparent;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;text-decoration:none}.pub .btn:hover{text-decoration:none}.pub .btn:active{transform:translateY(1px)}.pub .btn--lg{min-height:52px;padding:0 28px;font-size:1rem}.pub .btn--block{width:100%}.pub .btn--primary,.pub .btn--accent,.pub .btn--brand{background:var(--pub-blue);color:#fff;border-color:var(--pub-blue)}.pub .btn--primary:hover,.pub .btn--accent:hover,.pub .btn--brand:hover{background:var(--pub-blue-600);border-color:var(--pub-blue-600);box-shadow:0 6px 18px #1272d740}.pub .btn--ghost,.pub .btn--secondary,.pub .btn--on-dark{background:#fff;color:var(--pub-blue);border-color:var(--pub-blue-100)}.pub .btn--ghost:hover,.pub .btn--secondary:hover,.pub .btn--on-dark:hover{border-color:var(--pub-blue);background:var(--pub-blue-50)}.pub .btn--yellow{background:var(--pub-yellow);color:var(--pub-ink);border-color:var(--pub-yellow)}.pub .btn--yellow:hover{background:#f5bb22;border-color:#f5bb22}.pub .btn:focus-visible{outline:3px solid rgba(18,114,215,.35);outline-offset:2px;box-shadow:none}.pub .site-header{position:sticky;top:0;z-index:var(--z-header);background:#fffaf3eb;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--pub-line)}.pub .site-header__inner{display:flex;align-items:center;gap:24px;min-height:68px}.pub .brand{display:inline-flex;align-items:center;gap:10px;color:var(--pub-ink);font-weight:750;font-size:1.05rem;text-decoration:none}.pub .brand small{display:block;font-size:.68rem;font-weight:600;color:var(--pub-ink-3);letter-spacing:.04em;text-transform:uppercase}.pub .brand__mark{width:34px;height:34px;color:var(--pub-blue)}.pub .site-nav{display:none;gap:4px;margin-left:auto}.pub .site-nav a{padding:8px 14px;border-radius:999px;color:var(--pub-ink-2);font-weight:600;font-size:.95rem;text-decoration:none}.pub .site-nav a:hover{color:var(--pub-ink);background:var(--pub-warm-2)}.pub .site-nav a.active{color:var(--pub-blue);background:var(--pub-blue-50)}.pub .header-actions{display:none;align-items:center;gap:10px}.pub .lang-toggle{min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--pub-line);font-weight:650;font-size:.85rem;color:var(--pub-ink-2);background:#fff}.pub .lang-toggle:hover{border-color:var(--pub-blue);color:var(--pub-blue)}.pub .nav-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--pub-ink)}@media (min-width: 1040px){.pub .site-nav,.pub .header-actions{display:flex}.pub .nav-toggle{display:none}}.pub .sheet-nav a{display:block;padding:12px 6px;font-weight:600;color:var(--pub-ink);border-bottom:1px solid var(--pub-line);text-decoration:none}.pub-section{padding-block:clamp(3.5rem,2.5rem + 4vw,6rem)}.pub-section--white{background:#fff}.pub-section--blue{background:var(--pub-blue-50)}.pub-section--warm{background:var(--pub-warm-2)}.pub-head{max-width:46rem;margin-bottom:clamp(1.75rem,1.2rem + 2vw,2.75rem)}.pub-head--center{margin-inline:auto;text-align:center}.pub-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--pub-small);font-weight:700;color:var(--pub-blue);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}html[lang=zh] .pub-eyebrow{letter-spacing:.08em;text-transform:none}.pub-eyebrow:before{content:"";width:18px;height:3px;border-radius:3px;background:var(--pub-yellow)}.pub-lead{font-size:1.075rem;color:var(--pub-ink-2);margin-top:12px}.pub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pub-head--center .pub-actions{justify-content:center}.pub-hero{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem);background:radial-gradient(60% 70% at 92% 10%,var(--pub-blue-50),transparent 70%),radial-gradient(40% 50% at 0% 100%,var(--pub-coral-50),transparent 70%),var(--pub-warm)}.pub-hero__inner{display:grid;gap:clamp(2rem,1rem + 3vw,3.5rem);align-items:center}@media (min-width: 900px){.pub-hero__inner{grid-template-columns:1.08fr .92fr}}.pub-hero__slogan{color:var(--pub-ink)}.pub-hero__slogan em{font-style:normal;color:var(--pub-blue)}.pub-hero__courses{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}.pub-hero__courses li{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--pub-line);font-size:var(--pub-small);font-weight:600;color:var(--pub-ink-2)}.pub-hero__art{position:relative;margin:0}.pub-hero__art:before{content:"";position:absolute;top:8%;right:-4%;bottom:-4%;left:8%;border-radius:32px;background:var(--pub-yellow);opacity:.55;transform:rotate(3deg)}.pub-hero__art img{position:relative;width:100%;aspect-ratio:470 / 492;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px #1272d738}.pub-hero__art figcaption{position:relative;margin-top:12px;font-size:var(--pub-small);color:var(--pub-ink-3);text-align:center}.pub-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--pub-line);border-radius:var(--pub-radius);box-shadow:var(--pub-shadow);padding:24px;transition:box-shadow .2s,transform .2s,border-color .2s}.pub-card:hover{box-shadow:var(--pub-shadow-hover);border-color:var(--pub-blue-100)}.pub-card__foot{margin-top:auto;padding-top:20px;display:grid;gap:10px}.pub-grid{display:grid;gap:20px}@media (min-width: 640px){.pub-grid--2,.pub-grid--4,.pub-grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.pub-grid--3{grid-template-columns:repeat(3,1fr)}.pub-grid--4{grid-template-columns:repeat(4,1fr)}}.course-card__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;color:var(--pub-blue);background:var(--pub-blue-50)}.course-card--1 .course-card__icon{color:#c27a00;background:var(--pub-yellow-50)}.course-card--2 .course-card__icon{color:var(--pub-coral);background:var(--pub-coral-50)}.course-card--3 .course-card__icon{color:#13805a;background:#e6f6ee}.course-card h3{margin:0 0 14px}.course-card dl{margin:0;display:grid;gap:12px}.course-card dt{font-size:var(--pub-small);font-weight:700;color:var(--pub-ink-3)}.course-card dd{margin:2px 0 0;color:var(--pub-ink);font-size:.95rem}.intl{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start}@media (min-width: 960px){.intl{grid-template-columns:.9fr 1.1fr}}.intl__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.intl__badges span{padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--pub-blue-100);color:var(--pub-blue);font-weight:700;font-size:var(--pub-small)}.facts{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--pub-line);border-radius:var(--pub-radius);overflow:hidden;box-shadow:var(--pub-shadow)}.facts th,.facts td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--pub-line);font-size:.95rem}.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}.facts th{width:8.5em;color:var(--pub-ink-3);font-weight:700;background:var(--pub-warm);white-space:nowrap}html[lang=en] .facts th{width:10em;white-space:normal}.facts td{color:var(--pub-ink)}@media (max-width: 560px){.facts th,.facts td{display:block;width:auto}.facts th{border-bottom:0;padding-bottom:2px;background:#fff}}.teacher-card{padding:0;overflow:hidden}.teacher-card__photo{aspect-ratio:4 / 5;width:100%;object-fit:cover;background:var(--pub-blue-50)}.teacher-card__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}.teacher-card h3{margin:0}.teacher-card__dir{margin:4px 0 0;font-size:var(--pub-small);font-weight:700;color:var(--pub-blue);min-height:2.6em}.teacher-card__intro{margin:10px 0 0;font-size:.93rem;min-height:4.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.teacher-card .pub-card__foot{padding-top:16px}.teacher-detail{max-width:860px;margin-inline:auto;display:grid;gap:24px;padding:28px;border-radius:var(--pub-radius)}@media (min-width: 760px){.teacher-detail{grid-template-columns:260px 1fr}}.teacher-detail img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:16px}.teacher-detail h2{margin:0;font-size:1.6rem}.teacher-detail__bg{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--pub-blue-50);color:var(--pub-blue-600);font-weight:600;font-size:var(--pub-small)}.teacher-detail h3{margin:20px 0 8px;font-size:1rem}.tick-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tick-list li{display:flex;gap:10px;color:var(--pub-ink-2)}.tick-list .icon{color:var(--pub-blue);margin-top:3px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:step}@media (min-width: 860px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{position:relative}.steps__num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pub-yellow);color:var(--pub-ink);font-weight:750;font-size:.9rem;margin-right:8px}.steps__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.steps__top .icon{color:var(--pub-blue)}.steps h3{margin:0 0 6px}@media (min-width: 860px){.steps li:not(:last-child):after{content:"";position:absolute;top:38px;right:-14px;width:12px;height:12px;border-top:2px solid var(--pub-blue-100);border-right:2px solid var(--pub-blue-100);transform:rotate(45deg)}}.proof-pair{display:grid;gap:20px;margin-top:24px}@media (min-width: 860px){.proof-pair{grid-template-columns:1fr 1fr}}.proof-figure{margin:0}.proof-figure__frame{position:relative;border-radius:var(--pub-radius);overflow:hidden;border:1px solid var(--pub-line);background:#fff;aspect-ratio:4 / 3}.proof-figure__frame img{width:100%;height:100%;object-fit:cover;object-position:top}.proof-figure__frame--contain img{object-fit:contain;padding:18px;background:var(--pub-blue-50)}.proof-figure figcaption{margin-top:10px;font-size:var(--pub-small);color:var(--pub-ink-3)}.proof-figure button{all:unset;cursor:zoom-in;display:block;width:100%;height:100%}.proof-figure button:focus-visible{outline:3px solid rgba(18,114,215,.35);outline-offset:2px}.label-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:750;letter-spacing:.02em}.label-tag--parent{background:var(--pub-coral-50);color:#c2412b}.label-tag--teacher{background:var(--pub-blue-50);color:var(--pub-blue-600)}.parent-quote{position:relative}.parent-quote blockquote{margin:12px 0 0;font-size:1.02rem;color:var(--pub-ink);line-height:1.7}.parent-quote__who{margin-top:12px;font-size:var(--pub-small);color:var(--pub-ink-3)}.booking{display:grid;gap:24px;align-items:center;padding:clamp(1.75rem,1rem + 3vw,3rem);border-radius:28px;background:#fff;border:1px solid var(--pub-line);box-shadow:var(--pub-shadow)}@media (min-width: 900px){.booking{grid-template-columns:1.3fr 1fr}}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.contact-list a,.contact-list button{display:inline-flex;align-items:center;gap:10px;color:var(--pub-ink);font-weight:600;text-decoration:none}.contact-list .icon{color:var(--pub-blue)}.contact-list button{padding:0;background:none;border:0;cursor:pointer;font:inherit}.team-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-radius:var(--pub-radius);overflow:hidden}@media (min-width: 700px){.team-strip{grid-template-columns:repeat(9,1fr)}}.team-strip img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.value-card .icon{color:var(--pub-blue);margin-bottom:12px}.service-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.service-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--pub-line);font-weight:600;color:var(--pub-ink)}.service-list b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pub-blue-50);color:var(--pub-blue);font-size:.8rem}.course-block{scroll-margin-top:90px}.course-block__head{display:flex;gap:16px;align-items:flex-start}.course-block__head h2{margin:0;font-size:1.6rem}.course-block .facts{margin-top:18px;box-shadow:none}.course-block__note{margin-top:14px;padding:12px 16px;border-radius:12px;background:var(--pub-yellow-50);color:var(--pub-ink-2);font-size:.93rem}.course-highlight{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--pub-blue-50);color:var(--pub-blue-600);font-weight:650;font-size:.93rem}.pub .field{display:grid;gap:6px}.pub .field label{font-weight:650;font-size:.93rem;color:var(--pub-ink)}.pub .field input,.pub .field select,.pub .field textarea{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--pub-line);background:#fff;font-size:1rem}.pub .field textarea{min-height:96px}.pub .field input:focus,.pub .field select:focus,.pub .field textarea:focus{outline:none;border-color:var(--pub-blue);box-shadow:0 0 0 3px #1272d726}.pub .field [aria-invalid=true]{border-color:#d14343}.pub .req{color:#d14343;margin-left:2px}.pub .field-error{color:#c0392b;font-size:var(--pub-small)}.pub .field-hint{color:var(--pub-ink-3);font-size:var(--pub-small)}.form-grid{display:grid;gap:16px}@media (min-width: 640px){.form-grid--2{grid-template-columns:1fr 1fr}}.pub .site-footer{background:#fff;border-top:1px solid var(--pub-line);color:var(--pub-ink-2);padding-block:48px 24px}.pub .site-footer h4{color:var(--pub-ink);font-size:.95rem;margin-bottom:10px}.pub .site-footer a{display:block;color:var(--pub-ink-2);padding:3px 0;text-decoration:none}.pub .site-footer a:hover{color:var(--pub-blue)}.pub .site-footer__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:32px;padding-top:18px;border-top:1px solid var(--pub-line);font-size:var(--pub-small);color:var(--pub-ink-3)}.pub .mobile-cta{background:#fffffff5;border-top:1px solid var(--pub-line)}.pub .mobile-cta__btn{border-radius:999px;font-weight:650}.pub .mobile-cta__btn--primary{background:var(--pub-blue);color:#fff}.pub .announcement{background:var(--pub-yellow-50);color:var(--pub-ink)}.pub .site-footer{margin-top:0}.pub .footer-link{display:block;padding:3px 0;background:none;border:0;color:var(--pub-ink-2);font:inherit;cursor:pointer;text-align:left}.pub .footer-link:hover{color:var(--pub-blue)}.pub .mobile-cta{grid-template-columns:1.3fr 1fr}@media (min-width: 940px) and (max-width: 1039px){.pub .mobile-cta{display:grid}}@media (min-width: 1040px){.pub .mobile-cta{display:none}}@media (max-width: 1039px){body:has(.pub .mobile-cta){padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (min-width: 1024px) and (max-width: 1039px){.pub .site-nav,.pub .header-actions{display:none}.pub .nav-toggle{display:inline-flex}}.proof-pair{align-items:start}.parent-quote{height:auto}.pub .site-footer .brand__mark{color:var(--pub-blue)!important}@media (max-width: 639px){.teacher-grid{grid-template-columns:repeat(2,1fr);gap:12px}.teacher-card__body{padding:12px 12px 14px}.teacher-card h3{font-size:1.05rem}.teacher-card__dir{min-height:3.9em;font-size:.8rem}.teacher-card__intro{font-size:.85rem;min-height:6.4em;-webkit-line-clamp:4}.teacher-card .btn{min-height:40px;padding:0 10px;font-size:.85rem}}.team-strip img{height:auto}@media (min-width: 1000px){.teacher-grid.pub-grid--3{grid-template-columns:repeat(3,1fr);max-width:980px;margin-inline:auto}}.pub .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.25}.course-block__head>div{min-width:0}.pub h1,.pub h2,.pub h3{overflow-wrap:anywhere}html[lang=zh] .pub h1,html[lang=zh] .pub h2,html[lang=zh] .pub h3{overflow-wrap:normal;word-break:normal;line-break:strict}.contact-list a,.contact-list button{overflow-wrap:anywhere;text-align:left}.pub-contact-grid{grid-template-columns:minmax(0,1fr)}@media (max-width: 639px){.teacher-card .btn{padding:8px 10px}}.pub-hero{overflow:hidden}@media (min-width: 1000px){.proof-pair--3{grid-template-columns:repeat(3,1fr)}}.label-tag--class{background:var(--pub-yellow-50);color:#9a6400}.classroom-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--pub-line)}.classroom-mosaic img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.classroom-mosaic{grid-template-rows:repeat(2,minmax(0,1fr))}.classroom-mosaic img{min-height:0;min-width:0;object-position:center 22%}