/* @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;}
.fieldgroup{padding:0;border-width:0;}
.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:"";}
.js details:not([open]) .details-wrapper{display:none;}
.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;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li::after{content:", ";}.item-list__comma-list li:last-child::after{content:"";}
.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;}}
.nowrap{white-space:nowrap;}
.position-container{position:relative;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;appearance:none;}
.resize-none{resize:none;}.resize-vertical{min-height:2em;resize:vertical;}.resize-horizontal{max-width:100%;resize:horizontal;}.resize-both{max-width:100%;min-height:2em;resize:both;}
.system-status-counter__status-icon{display:inline-block;width:25px;height:25px;vertical-align:middle;}.system-status-counter__status-icon::before{display:block;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:center 2px;background-size:16px;}.system-status-counter__status-icon--error::before{background-image:url(/core/misc/icons/e32700/error.svg);}.system-status-counter__status-icon--warning::before{background-image:url(/core/misc/icons/e29700/warning.svg);}.system-status-counter__status-icon--checked::before{background-image:url(/core/misc/icons/73b355/check.svg);}
.system-status-report-counters__item{width:100%;margin-bottom:0.5em;padding:0.5em 0;text-align:center;white-space:nowrap;background-color:rgba(0,0,0,0.063);}@media screen and (min-width:60em){.system-status-report-counters{display:flex;flex-wrap:wrap;justify-content:space-between;}.system-status-report-counters__item--half-width{width:49%;}.system-status-report-counters__item--third-width{width:33%;}}
.system-status-general-info__item{margin-top:1em;padding:0 1em 1em;border:1px solid #ccc;}.system-status-general-info__item-title{border-bottom:1px solid #ccc;}
.tablesort{display:inline-block;width:16px;height:16px;background-size:100%;}.tablesort--asc{background-image:url(/core/misc/icons/787878/twistie-down.svg);}.tablesort--desc{background-image:url(/core/misc/icons/787878/twistie-up.svg);}
.breadcrumb{font-size:0.929em;}
.drupal-stripe-errors,.StripeElement--invalid{color:red;}.StripeElement{box-sizing:border-box;max-width:100%;margin:2px 0;padding:4px;border:1px solid #ccc;font-size:0.929em;}.StripeElement--invalid{border:2px solid red;}
.kh-page-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(160deg,#f0fbff 0%,#fff8f0 100%);min-height:60vh;}.kh-detail{font-family:"Nunito","Segoe UI",system-ui,sans-serif;background:transparent;min-height:0;}.kh-detail .card{border-radius:20px !important;}.kh-content-cn{font-weight:700;color:#1a365d;line-height:1.7;}.kh-pinyin{font-style:italic;letter-spacing:0.02em;}.kh-ruby-block{line-height:2.4;}.kh-ruby-line{display:inline;line-height:inherit;}.kh-ruby{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;vertical-align:bottom;margin:0 0.04em;min-width:1.1em;text-align:center;}.kh-ruby-rt{color:#dc2626;font-size:0.78em;line-height:1.15;font-weight:600;font-style:normal;letter-spacing:0;white-space:nowrap;}.kh-ruby-rt--empty{visibility:hidden;}.kh-ruby-rb{line-height:1.25;font-weight:inherit;color:inherit;}.kh-ruby-plain{display:inline-block;vertical-align:bottom;line-height:1.25;}.kh-vocab-cn .kh-ruby{min-width:1.3em;}.kh-vocab-example .kh-ruby-rt{font-size:0.72em;}.kh-vocab-example .kh-ruby-rb{font-weight:500;}.kh-vocab-pill{background:linear-gradient(135deg,#e8f8ff,#fff8e8);border:1px solid rgba(0,0,0,0.06);}.kh-media-placeholder{background:linear-gradient(135deg,#fff,#e8d5f2);min-height:180px;}.kh-quiz-option.kh-quiz-correct{background-color:#d1fae5;border-color:#10b981;}.kh-quiz-option.kh-quiz-wrong{background-color:#fee2e2;border-color:#ef4444;}.kh-quiz-picture-grid{margin-top:0.25rem;}.kh-quiz-picture-option{background:transparent;text-align:center;cursor:pointer;transition:transform 0.15s ease;}.kh-quiz-picture-option:hover:not(:disabled){transform:translateY(-3px);}.kh-quiz-picture-card{display:flex;align-items:center;justify-content:center;min-height:7.5rem;border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,0.08);margin-bottom:0.5rem;}.kh-quiz-picture-card--tone-1{background:linear-gradient(145deg,#eff6ff,#dbeafe);}.kh-quiz-picture-card--tone-2{background:linear-gradient(145deg,#fffbeb,#fde68a);}.kh-quiz-picture-card--tone-3{background:linear-gradient(145deg,#f5f3ff,#ddd6fe);}.kh-quiz-picture-card--tone-4{background:linear-gradient(145deg,#ecfdf5,#a7f3d0);}.kh-quiz-picture-card--tone-5{background:linear-gradient(145deg,#fff1f2,#fecdd3);}.kh-quiz-picture-card--tone-6{background:linear-gradient(145deg,#ecfeff,#a5f3fc);}.kh-quiz-picture-emoji{font-size:3rem;line-height:1;}.kh-quiz-picture-img{width:100%;height:7.5rem;object-fit:cover;display:block;}.kh-quiz-picture-caption{display:block;font-weight:700;color:#1e293b;font-size:0.92rem;line-height:1.3;}.kh-quiz-picture-caption-en{display:block;color:#64748b;font-size:0.78rem;line-height:1.3;margin-top:0.15rem;}.kh-quiz-picture-option.kh-quiz-correct .kh-quiz-picture-card{box-shadow:0 0 0 3px #10b981;}.kh-quiz-picture-option.kh-quiz-wrong .kh-quiz-picture-card{box-shadow:0 0 0 3px #ef4444;opacity:0.72;}.kh-related-learning .kh-related-link{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.75rem;border-radius:0.875rem;background:#f8fafc;border:1px solid rgba(15,23,42,0.06);color:inherit;transition:background 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;}.kh-related-learning .kh-related-link:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,23,42,0.08);}.kh-related-link-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#d1fae5);color:#1d4ed8;flex-shrink:0;}.kh-related-link-text{min-width:0;}.kh-breadcrumb{--bs-breadcrumb-divider:"›";}.kh-step-hook{overflow:hidden;position:relative;border:none !important;box-shadow:0 10px 28px rgba(15,23,42,0.08) !important;}.kh-step-hook::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#fb923c,#f97316);}.kh-hook-panel{position:relative;padding:1.25rem 1.35rem 1.4rem !important;}.kh-hook-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem;}.kh-hook-label{display:inline-flex;align-items:center;gap:0.65rem;min-width:0;}.kh-hook-emoji{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;font-size:1.25rem;background:rgba(255,255,255,0.75);box-shadow:0 2px 8px rgba(15,23,42,0.08);flex-shrink:0;}.kh-hook-badge{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.45rem;padding:0.35rem 0.85rem;border-radius:999px;background:rgba(255,255,255,0.72);border:1px solid rgba(255,255,255,0.9);box-shadow:0 2px 8px rgba(15,23,42,0.05);line-height:1.2;}.kh-hook-badge-cn{font-weight:800;font-size:0.95rem;color:#9a3412;}.kh-hook-badge-sep{color:#fdba74;font-weight:700;}.kh-hook-badge-en{font-weight:700;font-size:0.78rem;letter-spacing:0.02em;color:#c2410c;text-transform:none;}.kh-hook-content{display:grid;gap:0.7rem;}.kh-hook-cn{margin:0;color:#7c2d12;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:800;line-height:1.55;letter-spacing:0.01em;}.kh-hook-en{margin:0;padding-top:0.7rem;border-top:1px dashed rgba(194,65,12,0.22);color:#9a3412;font-size:1.02rem;font-weight:600;line-height:1.55;opacity:0.88;}.kh-hook--curiosity{background:radial-gradient(circle at top right,rgba(251,146,60,0.22),transparent 42%),linear-gradient(135deg,#fff7ed 0%,#ffedd5 48%,#fff 100%);}.kh-hook--food{background:radial-gradient(circle at top right,rgba(74,222,128,0.22),transparent 42%),linear-gradient(135deg,#f0fdf4 0%,#dcfce7 48%,#fff 100%);}.kh-hook--food::before{background:linear-gradient(180deg,#4ade80,#16a34a);}.kh-hook--food .kh-hook-badge-cn,.kh-hook--food .kh-hook-cn{color:#166534;}.kh-hook--food .kh-hook-badge-en,.kh-hook--food .kh-hook-en{color:#15803d;border-top-color:rgba(22,101,52,0.18);}.kh-hook--joke{background:radial-gradient(circle at top right,rgba(250,204,21,0.28),transparent 42%),linear-gradient(135deg,#fefce8 0%,#fef08a 42%,#fff 100%);}.kh-hook--joke::before{background:linear-gradient(180deg,#facc15,#eab308);}.kh-hook--joke .kh-hook-badge-cn,.kh-hook--joke .kh-hook-cn{color:#854d0e;}.kh-hook--joke .kh-hook-badge-en,.kh-hook--joke .kh-hook-en{color:#a16207;border-top-color:rgba(133,77,14,0.18);}.kh-hook--brain{background:radial-gradient(circle at top right,rgba(96,165,250,0.24),transparent 42%),linear-gradient(135deg,#eff6ff 0%,#dbeafe 48%,#fff 100%);}.kh-hook--brain::before{background:linear-gradient(180deg,#60a5fa,#2563eb);}.kh-hook--brain .kh-hook-badge-cn,.kh-hook--brain .kh-hook-cn{color:#1e3a8a;}.kh-hook--brain .kh-hook-badge-en,.kh-hook--brain .kh-hook-en{color:#1d4ed8;border-top-color:rgba(30,58,138,0.18);}.kh-hook--story{background:radial-gradient(circle at top right,rgba(167,139,250,0.24),transparent 42%),linear-gradient(135deg,#f5f3ff 0%,#ede9fe 48%,#fff 100%);}.kh-hook--story::before{background:linear-gradient(180deg,#a78bfa,#7c3aed);}.kh-hook--story .kh-hook-badge-cn,.kh-hook--story .kh-hook-cn{color:#5b21b6;}.kh-hook--story .kh-hook-badge-en,.kh-hook--story .kh-hook-en{color:#6d28d9;border-top-color:rgba(91,33,182,0.18);}.kh-hook--guess{background:radial-gradient(circle at top right,rgba(251,113,133,0.22),transparent 42%),linear-gradient(135deg,#fff1f2 0%,#ffe4e6 48%,#fff 100%);}.kh-hook--guess::before{background:linear-gradient(180deg,#fb7185,#e11d48);}.kh-hook--guess .kh-hook-badge-cn,.kh-hook--guess .kh-hook-cn{color:#9f1239;}.kh-hook--guess .kh-hook-badge-en,.kh-hook--guess .kh-hook-en{color:#be123c;border-top-color:rgba(159,18,57,0.18);}@media (max-width:575.98px){.kh-hook-panel{padding:1.1rem 1rem 1.2rem !important;}.kh-hook-cn{font-size:1.18rem;}.kh-hook-en{font-size:0.95rem;}}.kh-step-speaking{background:linear-gradient(135deg,#fef3c7,#fff);}.kh-step-bonus{background:linear-gradient(135deg,#ede9fe,#fff);border-left:4px solid #8b5cf6 !important;}.kh-step-think{background:linear-gradient(135deg,#e0f2fe,#fff);}.kh-compare-box{background:#f8fafc;border:1px solid rgba(0,0,0,0.06);}.kh-compare-subject{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);}.kh-sentence-block:last-child{margin-bottom:0 !important;padding-bottom:0 !important;border-bottom:none !important;}.kh-match-left.active{border-color:#3b82f6;background:#eff6ff;}.kh-order-picked{opacity:0.45;}.min-h-40{min-height:2.5rem;}.kh-quiz-blank .kh-blank-input.kh-quiz-correct{border-color:#10b981;background:#d1fae5;}.kh-quiz-blank .kh-blank-input.kh-quiz-wrong{border-color:#ef4444;background:#fee2e2;}.bg-orange{background-color:#ffd166 !important;}.kh-rewards-card{background:linear-gradient(135deg,#fffbeb,#fff);border-left:4px solid #f59e0b !important;}.kh-video-placeholder{background:linear-gradient(135deg,#ede9fe,#f0fbff);}.kh-captions-panel{background:#f8fafc;border:1px solid rgba(0,0,0,0.06);}.kh-detail-stats{line-height:1.6;}.kh-analytics-list strong{color:#1a365d;}.kh-detail-video{width:100%;height:100%;object-fit:cover;background:#000;}.kh-tts-btn{font-size:0.8rem;font-weight:600;color:#fff !important;background:linear-gradient(135deg,#0ea5e9,#0284c7) !important;border:1px solid #0369a1 !important;box-shadow:0 2px 6px rgba(2,132,199,0.35);white-space:nowrap;}.kh-tts-btn:hover,.kh-tts-btn:focus,.kh-tts-btn:active{color:#fff !important;background:linear-gradient(135deg,#0284c7,#0369a1) !important;border-color:#075985 !important;box-shadow:0 3px 8px rgba(2,132,199,0.45);}.kh-like-btn{font-weight:600;color:#be123c !important;background:linear-gradient(135deg,#fff1f2,#ffe4e6) !important;border:1px solid #fda4af !important;box-shadow:0 2px 6px rgba(244,63,94,0.15);}.kh-like-btn:hover,.kh-like-btn:focus{color:#9f1239 !important;background:linear-gradient(135deg,#ffe4e6,#fecdd3) !important;border-color:#fb7185 !important;}.kh-like-btn.is-liked,.kh-like-btn:disabled{color:#fff !important;background:linear-gradient(135deg,#f43f5e,#e11d48) !important;border-color:#be123c !important;opacity:1;}.kh-like-count{font-weight:700;margin-left:0.15rem;}.kh-back-btn{font-weight:600;color:#fff !important;background:linear-gradient(135deg,#7c3aed,#6d28d9) !important;border:1px solid #5b21b6 !important;box-shadow:0 2px 8px rgba(109,40,217,0.35);padding:0.5rem 1.5rem;}.kh-back-btn:hover,.kh-back-btn:focus{color:#fff !important;background:linear-gradient(135deg,#6d28d9,#5b21b6) !important;border-color:#4c1d95 !important;box-shadow:0 3px 10px rgba(109,40,217,0.45);}.kh-detail-nav-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0.75rem;align-items:center;}.kh-detail-nav-slot{min-width:0;}.kh-detail-nav-prev{justify-self:start;}.kh-detail-nav-back{justify-self:center;}.kh-detail-nav-next{justify-self:end;}.kh-nav-btn{font-weight:600;color:#fff !important;border:1px solid transparent;box-shadow:0 2px 6px rgba(0,0,0,0.12);white-space:nowrap;max-width:100%;}.kh-nav-prev-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7) !important;border-color:#0369a1 !important;}.kh-nav-prev-btn:hover,.kh-nav-prev-btn:focus{color:#fff !important;background:linear-gradient(135deg,#0284c7,#0369a1) !important;}.kh-nav-next-btn{background:linear-gradient(135deg,#f59e0b,#d97706) !important;border-color:#b45309 !important;}.kh-nav-next-btn:hover,.kh-nav-next-btn:focus{color:#fff !important;background:linear-gradient(135deg,#d97706,#b45309) !important;}.kh-nav-btn.disabled{opacity:0.45;pointer-events:none;}@media (max-width:767.98px){.kh-detail-nav-grid{grid-template-columns:1fr;justify-items:stretch;}.kh-detail-nav-prev,.kh-detail-nav-back,.kh-detail-nav-next{justify-self:stretch;}.kh-detail-nav-slot .btn{width:100%;}}.kh-share-btn{font-weight:600;color:#fff !important;background:linear-gradient(135deg,#059669,#047857) !important;border:1px solid #065f46 !important;box-shadow:0 2px 6px rgba(5,150,105,0.35);}.kh-share-btn:hover,.kh-share-btn:focus{color:#fff !important;background:linear-gradient(135deg,#047857,#065f46) !important;border-color:#064e3b !important;box-shadow:0 3px 8px rgba(5,150,105,0.45);}
.top-search-container{position:relative;display:inline-block;width:100%;}.search-form{display:flex;justify-content:space-between;width:100%;}.input-group{display:flex;width:100%;}#top-search-bar{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;}.btn-primary{margin-left:8px;padding:8px 16px;border-radius:4px;}.search-popup{display:none;position:absolute;top:100%;left:0;width:100%;max-width:300px;background:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,0.2);z-index:1000;}#search-results{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;}#search-results li{padding:10px;cursor:pointer;font-size:14px;border-bottom:1px solid #eee;}#search-results li:hover{background-color:#f7f7f7;}@media (max-width:576px){.top-search-container{width:350px;}.search-popup{max-width:350px;}}
.homepage-popular-tabs .popular-games-slider,.homepage-popular-tabs .popular-card-slider{position:relative;width:100%;padding:0 36px 56px;overflow:hidden;}.homepage-popular-tabs .popular-games-slider .swiper{width:100%;overflow:hidden;}.homepage-popular-tabs .popular-game-slide{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease;}.homepage-popular-tabs .popular-game-slide:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,0.14);}.homepage-popular-tabs .popular-game-slide-image{aspect-ratio:4 / 3;overflow:hidden;background:#f9fafb;}.homepage-popular-tabs .popular-game-slide-img,.homepage-popular-tabs .popular-game-slide-image img{width:100%;height:100%;object-fit:cover;display:block;}.homepage-popular-tabs .popular-game-slide-title{padding:0.65rem 0.75rem;font-size:clamp(0.8rem,2vw,0.9rem);font-weight:600;color:#1f2937;text-align:center;line-height:1.3;}.homepage-popular-tabs .popular-hanzi-slider{position:relative;width:100%;padding:0 36px 56px;margin-bottom:0;overflow:hidden;}.homepage-popular-tabs .popular-hanzi-slider .hanzi-image{max-width:100%;max-height:none;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;}.homepage-popular-tabs .popular-games-slider .swiper-button-prev,.homepage-popular-tabs .popular-games-slider .swiper-button-next,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-prev,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-next{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);color:#333;}.homepage-popular-tabs .popular-games-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-games-slider .swiper-button-next::after,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-next::after{font-size:16px;}.homepage-popular-tabs .popular-games-slider .swiper-autoplay-progress,.homepage-popular-tabs .popular-hanzi-slider .swiper-autoplay-progress{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:40%;min-width:180px;max-width:320px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;}.homepage-popular-tabs .popular-games-slider .swiper-autoplay-progress-fill,.homepage-popular-tabs .popular-hanzi-slider .swiper-autoplay-progress-fill,.homepage-popular-tabs .popular-word-card-slider .swiper-autoplay-progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#2563eb,#059669);border-radius:3px;transform-origin:left center;transform:scaleX(0);transition:transform 0.1s linear;}.homepage-popular-tabs .popular-word-card-slider{position:relative;width:100%;padding:0 36px 56px;margin-bottom:0;overflow:hidden;}.homepage-popular-tabs .popular-word-card-slider .word-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:1rem;box-shadow:0 4px 14px rgba(0,0,0,0.08);}.homepage-popular-tabs .popular-word-card-slider .swiper-button-prev,.homepage-popular-tabs .popular-word-card-slider .swiper-button-next{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);color:#333;}.homepage-popular-tabs .popular-word-card-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-word-card-slider .swiper-button-next::after{font-size:16px;}.homepage-popular-tabs .popular-word-card-slider .swiper-autoplay-progress{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:40%;min-width:180px;max-width:320px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;}