/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.m-story{position:relative}.m-story__viewport{overflow:hidden}.m-story__track{--story-card-width:min(320px,84vw);display:flex;gap:16px;overflow-x:auto;padding:0 calc((100% - var(--story-card-width))/2) 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.m-story__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.m-story__slide{flex:0 0 var(--story-card-width);width:var(--story-card-width);scroll-snap-align:center}.m-story-card{width:100%;min-height:460px;border-radius:2.2rem;box-shadow:0 1px 3px rgba(17,24,39,.08);transition:transform .3s ease}.m-story-card:hover{transform:translateY(-2px)}.m-story-card--light{background:#fff;border:1px solid #e5e7eb;color:#111827}.m-story-card--dark{background:#000;border:1px solid #000;color:#fff}.m-story-card--vocab{background:#f7fbff}.m-story-card--method{background:#fffdf5}.m-story-card--exam{background:#fafafa}.m-story-card__inner{display:flex;flex-direction:column;justify-content:flex-start;min-height:460px;padding:28px}.m-story-card__tag{margin-bottom:20px;font-size:14px;line-height:1.4}.m-story-card--light .m-story-card__tag{color:#6b7280}.m-story-card--dark .m-story-card__tag{color:#9ca3af}.m-story-card__headline{margin-bottom:40px;font-weight:500}.m-story-card--light .m-story-card__headline{font-size:23px;line-height:1.75;letter-spacing:-.02em;color:#000}.m-story-card--dark .m-story-card__headline{font-size:32px;line-height:1.45;letter-spacing:-.04em;font-weight:700;color:#fff}.m-story-card__text{margin:0;font-size:17px;line-height:1.88}.m-story-card--light .m-story-card__text{color:#6b7280}.m-story-card--dark .m-story-card__text{color:#d1d5db}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;background:#f8fafc;color:#111827;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}*,*::before,*::after{box-sizing:border-box;}button,input,textarea,select{font:inherit;}
.zsb-page{width:100%;max-width:640px;margin:0 auto;background:#f7f7f5;color:#17191c;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.zsb-shell{width:100%;padding-left:20px;padding-right:20px}.zsb-hero{padding:70px 0 65px;background:#17191c;color:#fff;text-align:center}.zsb-hero__title{margin:0 0 28px;color:#3b82f6;font-size:32px;line-height:1.4;font-weight:700}.zsb-hero__title span{color:#ffde00}.zsb-hero__main{font-size:19px;line-height:1.9}.zsb-hero__result{margin-top:22px;color:#ccc;font-size:17px;line-height:1.8}.zsb-hero__button{display:inline-block;margin-top:32px;padding:13px 38px;border-radius:8px;background:#ffde00;color:#17191c;font-weight:700;text-decoration:none}.zsb-all-course a{margin-top:12px}.zsb-learning{padding:45px 0}.zsb-learning-card{margin-bottom:18px;padding:18px 32px;border:1px solid rgba(0,0,0,.04);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.035)}.zsb-learning-card__title{display:flex;align-items:center;gap:10px;color:#666;font-size:16px;line-height:1.4}.zsb-learning-card__list{margin:10px 0 0;padding:0;list-style:none}.zsb-learning-card__list li{padding:8px 0;border-top:1px solid #eee;color:#444;font-size:15px;line-height:1.4}.zsb-all-course{margin-top:28px;text-align:center}.zsb-learning-card__list a{display:flex;align-items:center;width:100%;text-decoration:none;color:#222;font-size:16px}.zsb-learning-card__list a:hover{color:#1677ff}.zsb-learning-card__list a::after{display:block;margin-left:15px;font-size:16px;color:#999}.link-test::after{content:"◔"}.link-tool::after{content:"✦"}.link-doc::after{content:"▱"}.link-video::after{content:"▷";font-size:18px}.zsb-feedback{padding:52px 0;background:#eeeeeb;overflow:hidden}.zsb-feedback__header{padding:0 24px;margin-bottom:30px;text-align:center}.zsb-section-title{margin:0;font-size:27px;line-height:1.4;font-weight:700}.zsb-section-lead{margin:12px 0 0;color:#666;font-size:15px;line-height:1.7}.zsb-feedback .m-story-card,.zsb-feedback .m-story-card__inner{min-height:330px}.m-story-card__tag{font-size:15px;color:#888}.zsb-feedback .m-story-card__headline{margin-bottom:26px;font-size:28px;font-weight:700;line-height:1.35;color:#222}.zsb-feedback .m-story-card__text{color:#4b5563;font-size:20px;font-weight:500}.m-story-card .highlight{color:#2563eb;font-weight:600}.m-story-card .weak{font-weight:500}.zsb-action{padding:56px 0;background:#17191c;color:#fff;text-align:center}.zsb-action__title{margin:0;font-size:25px;line-height:1.5;color:#60a5fa}.zsb-action__desc{margin:18px 0 0;color:#ccc;font-size:16px;line-height:1.8}.zsb-footer{padding:50px 0 38px;background:#17191c;color:#999;text-align:center;font-size:13px}.zsb-footer__brand{margin-bottom:8px;color:#fff;font-size:18px;font-weight:600}.zsb-footer__slogan{margin-bottom:10px}.zsb-footer__meta{line-height:1.7}@media (max-width:420px){.zsb-hero{padding-top:58px;padding-bottom:56px}.zsb-hero__title{font-size:29px}.zsb-hero__main{font-size:18px}.zsb-learning-card{padding:14px}.zsb-feedback{padding-top:46px;padding-bottom:46px}}
