:root{--ink:#172b3a;--sub:#536477;--blue:#196bd7;--blue-hover:#1053ad;--pale:#f1f7fe;--line:#dce4ed;--white:#fff;--header-layer:20;--modal-layer:30;color-scheme:light;font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}p,dd{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a85b00;outline-offset:5px}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.section{padding-block:96px}.mobile-break{display:none}.skip-link{position:fixed;top:10px;left:16px;padding:10px 18px;z-index:40;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:var(--header-layer);background:#fff;border-bottom:1px solid #edf1f5}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:22px;font-weight:750;letter-spacing:-.025em;line-height:1.2}.brand img{width:38px;height:38px}.brand-en{font-size:19px;letter-spacing:-.025em}.site-nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-nav a{padding-block:12px;white-space:nowrap}.site-nav a:hover,.login-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:20px}.login-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}.menu-toggle{display:none;min-height:44px;background:transparent;padding:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:11px 28px;border-radius:999px;font-size:16px;line-height:1.6;font-weight:600;transition:background-color .18s ease,transform .18s ease;color:var(--blue)}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-hover)}.secondary{border:1px solid var(--blue);background:transparent}.secondary:hover{background:#e5f0ff}.header-trial{min-height:42px;padding:9px 18px;font-size:14px;gap:10px}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:var(--blue);font-size:16px;font-weight:600}.text-link:hover{color:var(--blue-hover);text-decoration:underline;text-underline-offset:5px}
.hero{padding-top:52px}.hero-label{font-size:16px;font-weight:600;color:var(--blue);text-align:center}.hero h1{margin-top:18px;font-size:clamp(38px,4.45vw,60px);font-weight:750;line-height:1.28;letter-spacing:-.025em;text-align:center}.hero h1 span{color:var(--blue)}.hero-description{margin:20px auto 0;text-align:center;font-size:19px;color:var(--sub);max-width:700px}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-note{font-size:13px;color:var(--sub);margin-top:17px;text-align:center}.hero-note span{margin-inline:6px}.hero-figure{margin-top:38px}.hero-figure>img{width:100%;border-radius:12px;animation:picture-enter .55s cubic-bezier(.22,1,.36,1) both}.hero-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:var(--sub);font-size:13px}.hero-figure figcaption span:first-child{color:var(--ink)}
.section-heading{margin-bottom:34px}.section-heading h2,h2{font-size:clamp(30px,3.05vw,42px);font-weight:700;line-height:1.35;letter-spacing:-.025em}.section-heading p{margin-top:15px;font-size:17px;color:var(--sub)}.centered{text-align:center}.feature-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:36px}.feature-tabs button{position:relative;background:transparent;padding:12px 4px 17px;font-size:17px;color:var(--sub);line-height:1.5;min-height:50px;font-weight:600}.feature-tabs button[aria-selected=true]{color:var(--blue)}.feature-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue)}.feature-tabs button:hover{color:var(--blue)}.feature-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:center;min-height:434px}.feature-panel+.feature-panel{margin-top:50px}.feature-tabs:not([hidden])~.feature-panel{margin-top:0}.feature-copy h3{font-size:25px;line-height:1.45;letter-spacing:-.025em}.feature-copy>p{font-size:16px;color:var(--sub);margin-top:18px;line-height:1.9}.plain-list{padding:0;list-style:none;margin:24px 0 18px;font-size:14px;display:grid;gap:8px}.plain-list li{display:flex;align-items:baseline;gap:10px}.plain-list li::before{content:"✓";color:var(--blue);font-weight:700}.product-figure{min-width:0}.media-link{position:relative;display:flex;align-items:center;background:var(--pale);border-radius:12px;overflow:hidden;aspect-ratio:1.92;cursor:zoom-in}.media-link img{width:100%;height:100%;object-fit:contain}.expand-mark{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:24px;color:var(--ink)}.product-figure figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:var(--sub)}
.report-section{background:var(--pale);padding-block:76px}.report-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.report-figure{width:310px;max-width:100%;justify-self:center}.report-preview{display:block;border-radius:12px;overflow:hidden;transition:transform .22s ease}.report-preview:hover{transform:translateY(-4px)}.report-preview img{width:100%}.report-figure figcaption{text-align:center;color:var(--sub);font-size:12px;line-height:1.65;padding-top:13px}.report-figure figcaption span{display:block}.report-copy h2{line-height:1.5}.section-description{margin-top:20px;font-size:17px;line-height:1.85;color:var(--sub);max-width:530px}.report-points{display:grid;gap:23px;margin:28px 0 30px}.report-points dt{font-weight:700;font-size:17px;margin-bottom:5px}.report-points dd{font-size:14px;color:var(--sub);line-height:1.75}.report-note{font-size:12px;color:var(--sub);margin-top:12px}
.teacher-scene{min-width:0}.teacher-scene img{width:100%;height:auto;border-radius:12px}.feature-scene{max-width:260px;margin-top:24px}.report-with-scene{grid-template-columns:280px minmax(0,1fr) 190px;gap:44px}.report-scene{align-self:center}.faq-scene{max-width:400px;margin-top:30px}
.how-section{padding-block:90px}.steps{list-style:none;padding:0;margin:48px 0 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px}.steps li{position:relative;text-align:center}.step-number{display:block;font-family:"Segoe UI",sans-serif;font-size:44px;line-height:1.1;font-weight:500;color:var(--blue);margin-bottom:21px}.steps li:not(:last-child)::after{content:"";position:absolute;height:1px;width:calc(100% - 54px);left:calc(50% + 46px);top:24px;background:#bdcfea}.steps h3{font-size:19px;font-weight:650;line-height:1.5;margin-bottom:10px}.steps p{font-size:14px;color:var(--sub)}.how-link{text-align:center}
.trial-section{background:var(--pale);padding-block:70px}.trial-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:center}.trial-lead{font-size:20px;margin:19px 0 15px}.trial-copy>p:not(.trial-lead){font-size:14px;color:var(--sub);line-height:1.85}.trial-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;align-items:center}.mascot{width:290px;justify-self:end}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:start}.faq-heading h2{font-size:33px}.faq-heading>p{font-size:15px;margin:16px 0;color:var(--sub)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;padding:23px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";flex:0 0 20px;font-size:24px;font-weight:400;text-align:center;color:var(--blue)}.faq-list details[open] summary::after{content:"−"}.answer{padding:0 32px 24px 0;font-size:14px;line-height:1.95;color:var(--sub)}
.site-footer{border-top:1px solid var(--line);padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:30px}.footer-brand>p{font-size:14px;color:var(--sub);margin-top:18px}.footer-brand>span{display:block;font-size:12px;color:var(--sub);margin-top:9px}.footer-grid nav h3{font-size:14px;font-weight:600;margin-bottom:15px}.footer-grid nav a{display:block;font-size:13px;color:var(--sub);padding-block:7px;line-height:1.5}.footer-grid nav a:hover{color:var(--blue);text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-block:16px;font-size:12px;color:var(--sub)}.footer-bottom>a{display:inline-flex;align-items:center;min-height:44px}
dialog{position:fixed;z-index:var(--modal-layer);padding:0;border:0;border-radius:12px;color:var(--ink);background:#fff;max-height:calc(100dvh - 40px);max-width:calc(100vw - 40px)}dialog::backdrop{background:rgba(10,23,38,.74)}.dialog-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:14px 20px}.dialog-toolbar>p{font-size:15px}.dialog-close{padding:7px 12px;min-height:44px;background:#eef3f9;border-radius:8px;white-space:nowrap;font-size:14px}.dialog-close:hover{background:#dce8f7}.image-dialog{width:min(1400px,calc(100vw - 40px));overflow:auto}.image-dialog #image-stage>img{width:100%;height:auto;max-height:calc(100dvh - 120px);object-fit:contain}.report-dialog{width:470px;overflow:hidden}.report-dialog .dialog-toolbar h2{font-size:16px;letter-spacing:0}.report-dialog .dialog-toolbar p{font-size:11px;color:var(--sub);margin-top:3px}.report-dialog iframe{display:block;width:100%;height:min(720px,calc(100dvh - 180px));border:0;background:var(--ink)}.report-new-tab{display:block;text-align:center;padding:10px 16px;min-height:44px;color:var(--blue);font-size:13px}.note{font-size:14px;color:var(--sub)}
.feedback-section{padding-top:24px}.feedback-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.feedback-heading h2{font-size:clamp(30px,3.05vw,42px)}.feedback-heading p{margin-top:14px;font-size:.875rem;color:var(--sub)}.feedback-controls{display:flex;flex-shrink:0;gap:8px}.feedback-control{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.875rem;white-space:nowrap}.feedback-control:hover,.feedback-control[aria-pressed=true]{color:var(--blue);background:var(--pale);border-color:var(--blue)}.feedback-group{list-style:none;padding:0;margin:0;display:grid;gap:16px}.feedback-source{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.feedback-card{min-width:0;padding:24px;background:#f3f7fc;border-radius:12px}.scene-title{font-size:1.0625rem;font-weight:600;line-height:1.6;text-wrap:pretty}.feedback-card .scene-description{margin:16px 0 20px;font-size:1rem;line-height:1.85;color:var(--ink)}.feedback-topic{font-size:.75rem;color:var(--sub)}.feedback-wall.is-enhanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feedback-lane{height:520px;overflow:hidden;min-width:0;mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.feedback-track{animation:feedback-rise var(--feedback-duration,75s) linear infinite;animation-play-state:paused}.feedback-track>.feedback-group{padding-bottom:16px}.feedback-lane:nth-child(2) .feedback-track{animation-direction:reverse}.feedback-wall.is-running .feedback-track{animation-play-state:running}.feedback-wall.is-paused .feedback-track{animation-play-state:paused}.feedback-wall.is-expanded .feedback-lane{height:auto;overflow:visible;mask-image:none}.feedback-wall.is-expanded .feedback-track{animation:none;transform:none}.feedback-wall.is-expanded .feedback-group[aria-hidden=true]{display:none}.feedback-wall.is-expanded{align-items:start}.feedback-wall.is-expanded .feedback-source{display:contents}
@media(hover:hover){.feedback-wall:hover .feedback-track{animation-play-state:paused}}
@media(max-width:900px){.feedback-heading{align-items:start;flex-direction:column}.feedback-wall.is-enhanced{gap:12px}.feedback-card{padding:20px}.feedback-role{flex-wrap:wrap;gap:4px 12px}}
@media(max-width:760px){.feedback-section{padding-top:16px}.feedback-heading{gap:20px;margin-bottom:24px}.feedback-heading p{line-height:1.8}.feedback-wall.is-enhanced,.feedback-source{grid-template-columns:1fr}.feedback-lane{height:460px}.feedback-card{padding:24px}.feedback-role{flex-wrap:nowrap}.feedback-wall.is-expanded{display:block}.feedback-wall.is-expanded .feedback-source{display:grid}.feedback-controls{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.feedback-wall:not(.is-expanded) .feedback-lane{height:520px;overflow:auto;mask-image:none;scrollbar-width:thin}.feedback-track{animation:none;transform:none}.feedback-group[aria-hidden=true]{display:none}}
@keyframes feedback-rise{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes picture-enter{from{transform:translateY(6px);opacity:.86}to{transform:translateY(0);opacity:1}}
@media(min-width:1500px){.container{width:min(1220px,calc(100% - 96px))}.hero h1{font-size:60px}}
@media(max-width:1100px){.site-nav{gap:18px}.header-inner{gap:20px}.header-trial{display:none}.feature-panel{grid-template-columns:260px minmax(0,1fr);gap:30px;min-height:380px}.report-layout{gap:60px}.trial-layout{gap:35px;grid-template-columns:1fr 240px}.mascot{width:240px}.faq-layout{gap:45px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-brand>p{margin-top:12px}}
@media(max-width:760px){html{scroll-padding-top:82px}.container{width:calc(100% - 40px)}.section{padding-block:62px}.header-inner{height:66px;gap:14px}.brand{font-size:20px;gap:7px}.brand-en{font-size:16px}.brand img{width:32px;height:32px}.header-actions{gap:12px}.menu-toggle{display:inline-flex;align-items:center;gap:6px;font-size:14px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 18px}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{display:block;padding:12px 8px;min-height:48px}.login-link{font-size:14px}.hero{padding-top:38px}.hero-label{font-size:13px}.hero h1{font-size:clamp(29px,5.7vw,42px);margin-top:17px;line-height:1.38;letter-spacing:-.03em}.hero-description{font-size:16px;max-width:480px;margin-top:17px}.hero-actions{margin-top:24px;gap:10px}.button{font-size:15px;min-height:48px;padding:11px 22px;gap:14px}.hero-note{font-size:11px;line-height:1.8;margin-top:16px}.hero-note span{margin-inline:3px}.hero-figure{margin-top:29px}.hero-figure>img{border-radius:9px}.hero-figure figcaption{font-size:11px;padding-top:9px;gap:10px}.hero-figure figcaption span:first-child{font-size:11px}.section-heading{margin-bottom:25px}.section-heading h2,h2{font-size:30px;line-height:1.4}.section-heading p{font-size:15px;line-height:1.8;margin-top:13px}.feature-tabs{gap:24px;margin-bottom:25px}.feature-tabs button{font-size:16px;padding:10px 3px 14px}.feature-panel{grid-template-columns:1fr;gap:24px;min-height:0}.feature-copy h3{font-size:23px}.feature-copy>p{margin-top:12px;font-size:15px;max-width:620px}.plain-list{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 8px;font-size:12px}.text-link{font-size:15px}.product-figure figcaption{font-size:11px}.expand-mark{width:32px;height:32px;font-size:22px;right:8px;bottom:8px}.report-layout{grid-template-columns:1fr;gap:35px}.report-copy{grid-row:1}.report-copy h2{line-height:1.4}.section-description{font-size:15px;margin-top:16px}.report-points{gap:18px;margin:25px 0}.report-points dt{font-size:16px}.report-points dd{font-size:14px}.report-figure{width:280px}.report-note{display:inline-block;margin-left:12px}.steps{gap:22px;margin-top:34px}.steps h3{font-size:16px}.steps p{font-size:13px}.step-number{font-size:38px}.steps li:not(:last-child)::after{left:calc(50% + 32px);width:calc(100% - 40px);top:21px}.trial-section{padding-block:48px}.trial-layout{grid-template-columns:1fr;gap:32px}.trial-copy h2{font-size:30px}.trial-lead{font-size:17px;margin:16px 0 13px}.trial-copy>p:not(.trial-lead){font-size:13px}.trial-actions{gap:18px;margin-top:23px}.mascot{width:175px;justify-self:center}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-heading h2{font-size:30px}.faq-heading>p{margin:12px 0 5px}.faq-list summary{font-size:15px;padding-block:20px}.answer{font-size:14px;padding-right:20px}.site-footer{padding-top:35px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 15px}.footer-grid nav h3{font-size:12px}.footer-grid nav a{font-size:12px;padding-block:8px}.footer-brand>span{font-size:11px}.footer-bottom{margin-top:24px}.desktop-break{display:none}.dialog-toolbar{padding:10px 12px;gap:10px}.dialog-toolbar>p{font-size:13px}.report-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.report-dialog iframe{height:calc(100dvh - 154px)}.report-dialog .dialog-toolbar p{font-size:10px}}
@media(max-width:480px){.mobile-break{display:block}.brand-en{font-size:14px}.header-actions{gap:5px}.header-inner{gap:8px}.hero h1{font-size:30px}.hero-description{max-width:300px;font-size:15px}.hero-note{max-width:300px;margin-inline:auto}.steps{grid-template-columns:1fr;gap:28px;margin-top:34px}.steps li{text-align:left;display:grid;grid-template-columns:40px 1fr;column-gap:17px}.step-number{grid-row:1/3;margin:0;font-size:36px;align-self:center}.steps h3{font-size:18px;margin:0 0 5px}.steps p{grid-column:2}.steps li:not(:last-child)::after{width:1px;height:20px;left:18px;top:calc(100% + 5px)}.how-link{text-align:left;margin-left:57px}.report-note{display:block;margin:11px 0 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid nav h3{font-size:14px}.footer-grid nav a{font-size:13px}.hero-figure figcaption span:first-child{max-width:180px}.trial-copy h2{font-size:29px}}
@media(max-width:1100px){.report-with-scene{grid-template-columns:220px minmax(0,1fr) 140px;gap:28px}.feature-scene{max-width:230px}}
@media(max-width:760px){.feature-scene{max-width:220px;margin-top:20px}.report-with-scene{grid-template-columns:minmax(0,1fr) minmax(90px,.48fr);gap:28px 20px}.report-with-scene .report-copy{grid-column:1/-1;grid-row:1}.report-with-scene .report-figure{grid-column:1;grid-row:2}.report-scene{grid-column:2;grid-row:2;max-width:150px;justify-self:end}.faq-scene{max-width:340px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}