/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.views-view-responsive-grid{--views-responsive-grid--layout-gap:10px;--views-responsive-grid--column-count:4;--views-responsive-grid--cell-min-width:100px;}.views-view-responsive-grid--horizontal{--views-responsive-grid--gap-count:calc(var(--views-responsive-grid--column-count) - 1);--views-responsive-grid--total-gap-width:calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));--views-responsive-grid-item--max-width:calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));--views-responsive-grid-item--calculated-min-width:min(100%,var(--views-responsive-grid--cell-min-width));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--views-responsive-grid-item--calculated-min-width),var(--views-responsive-grid-item--max-width)),1fr));gap:var(--views-responsive-grid--layout-gap);}.views-view-responsive-grid--vertical{margin-bottom:calc(var(--views-responsive-grid--layout-gap) * -1);column-width:var(--views-responsive-grid--cell-min-width);column-count:var(--views-responsive-grid--column-count);column-gap:var(--views-responsive-grid--layout-gap);}.views-view-responsive-grid--vertical .views-view-responsive-grid__item > *{padding-bottom:var(--views-responsive-grid--layout-gap);page-break-inside:avoid;break-inside:avoid;}
.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;}
.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid .views-col{float:left;}.views-view-grid .views-row{float:left;clear:both;width:100%;}.views-display-link + .views-display-link{margin-left:0.5em;}
.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;}
.captcha__description{margin-bottom:.75em;}
.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;}}
.word-card-slider{max-width:100%;width:100%;margin:2rem auto;box-sizing:border-box;position:relative;overflow:hidden;}.swiper{width:100%;overflow:visible;}.swiper-wrapper{display:flex;width:max-content;}.swiper-slide{flex-shrink:0;margin-right:15px;box-sizing:border-box;display:block !important;}.swiper-slide:not(.swiper-slide-visible){opacity:0;visibility:hidden;pointer-events:none;}.swiper-slide .field--name-field-image .field__label{display:none;}.swiper-slide .image-container img{margin:1em 0 1em;max-width:174px;aspect-ratio:174/220;object-fit:cover;object-position:center;}.word-card-slider .swiper-button-prev,.word-card-slider .swiper-button-next{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#333;}.word-card-slider .swiper-button-prev::after,.word-card-slider .swiper-button-next::after{font-size:16px;}
.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-standalone{margin-top:10px;max-width:min(100%,280px);}.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-video-item video,.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-video-item .yts-hanzi-short-embed{width:100%;max-width:100%;border-radius:8px;overflow:hidden;background:#000;}.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-video-item video{height:auto;min-height:160px;max-height:420px;object-fit:contain;}.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-embed{aspect-ratio:9 / 16;max-height:420px;margin-inline:auto;}.block-views-blockrelated-media-for-hanzi-block-1 .yts-hanzi-short-embed iframe{width:100%;height:100%;border:0;}
.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;}
.hmq-play{--hmq-mint:#e8f8f2;--hmq-peach:#fff4ec;--hmq-sky:#eef6ff;--hmq-ink:#334155;--hmq-accent:#f97316;--hmq-ok:#22c55e;--hmq-wrong:#ef4444;--hmq-card-radius:1.25rem;font-family:"Nunito","Segoe UI",system-ui,sans-serif;}.hmq-shell{max-width:100%;}.hmq-play{font-family:"Nunito","Segoe UI",system-ui,sans-serif;}.hmq-panda{font-size:2.5rem;line-height:1;margin-bottom:0.35rem;transition:transform 0.35s ease;}.hmq-panda.hmq-panda-bounce{animation:hmq-panda-jump 0.55s ease;}.hmq-title{color:#1e3a5f;font-weight:800;}.hmq-trail-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.25rem;}.hmq-trail{min-width:min-content;scroll-snap-type:x proximity;}.hmq-trail-btn{flex:0 0 auto;scroll-snap-align:start;border:2px solid transparent;background:rgba(255,255,255,0.75);border-radius:999px;padding:0.45rem 0.9rem;display:inline-flex;align-items:center;gap:0.35rem;color:var(--hmq-ink);font-size:0.82rem;font-weight:600;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;box-shadow:0 2px 8px rgba(15,23,42,0.06);}.hmq-trail-btn:hover{transform:translateY(-1px);background:#fff;}.hmq-trail-btn.is-active{border-color:var(--hmq-accent);background:#fff;box-shadow:0 4px 14px rgba(249,115,22,0.18);}.hmq-trail-btn.is-done{background:#f0fdf4;border-color:#86efac;}.hmq-trail-emoji{font-size:1.1rem;}.hmq-trail-label{white-space:nowrap;}.hmq-card{position:relative;overflow:hidden;border-radius:var(--hmq-card-radius) !important;background:rgba(255,255,255,0.92);backdrop-filter:blur(6px);}.hmq-mission-badge{background:linear-gradient(90deg,#fed7aa,#fde68a);color:#7c2d12;font-weight:700;}.hmq-mission-title{color:#1e3a5f;font-weight:800;}.hmq-question-cn{color:#0f172a;line-height:1.5;}.hmq-stars{font-size:1.15rem;letter-spacing:0.05em;}.hmq-stars.hmq-stars-pop{animation:hmq-stars-pop 0.45s ease;}#hanzi-mini-quiz button.hmq-opt,#hanzi-mini-quiz .hmq-opt.btn{min-height:3.6rem;border:3px solid transparent;border-radius:1.1rem;color:#1e293b !important;-webkit-text-fill-color:#1e293b;font-size:1.35rem !important;font-weight:600;padding:0.75rem 0.55rem;box-shadow:0 5px 0 rgba(15,23,42,0.12),0 8px 20px rgba(15,23,42,0.08);transition:transform 0.12s ease,box-shadow 0.12s ease,filter 0.12s ease;text-shadow:none;}.hmq-opt{min-height:3.6rem;border:3px solid transparent;border-radius:1.1rem;color:#1e293b;font-size:1.35rem;font-weight:600;padding:0.75rem 0.55rem;box-shadow:0 5px 0 rgba(15,23,42,0.12),0 8px 20px rgba(15,23,42,0.08);transition:transform 0.12s ease,box-shadow 0.12s ease,filter 0.12s ease;text-shadow:none;}.hmq-opt-tone-0{background:linear-gradient(180deg,#dbeafe 0%,#bfdbfe 100%);border-color:#60a5fa;}.hmq-opt-tone-1{background:linear-gradient(180deg,#bbf7d0 0%,#86efac 100%);border-color:#4ade80;}.hmq-opt-tone-2{background:linear-gradient(180deg,#fde68a 0%,#fcd34d 100%);border-color:#fbbf24;}.hmq-opt-tone-3{background:linear-gradient(180deg,#e9d5ff 0%,#d8b4fe 100%);border-color:#c084fc;}.hmq-opt:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 7px 0 rgba(15,23,42,0.1),0 12px 24px rgba(15,23,42,0.12);filter:brightness(1.05);}.hmq-opt:active:not(:disabled){transform:translateY(1px) scale(0.98);box-shadow:0 2px 0 rgba(15,23,42,0.12);}.hmq-opt.is-picked{transform:scale(1.06);box-shadow:0 0 0 4px rgba(251,191,36,0.55),0 8px 24px rgba(245,158,11,0.35);filter:brightness(1.08);}.hmq-opt.is-correct{background:linear-gradient(180deg,#bbf7d0 0%,#86efac 100%) !important;border-color:#22c55e !important;color:#14532d !important;box-shadow:0 0 0 4px rgba(34,197,94,0.35),0 10px 28px rgba(34,197,94,0.2) !important;}.hmq-opt.is-wrong{background:linear-gradient(180deg,#fecaca 0%,#fca5a5 100%) !important;border-color:#ef4444 !important;color:#7f1d1d !important;box-shadow:0 0 0 4px rgba(239,68,68,0.3),0 8px 22px rgba(239,68,68,0.18) !important;}.hmq-animate-correct{animation:hmq-pop-correct 0.55s ease;}.hmq-animate-wrong{animation:hmq-shake-wrong 0.55s ease;}.hmq-chip{border:2px dashed #cbd5e1;background:#fff;border-radius:999px;padding:0.45rem 0.95rem;font-size:1rem;font-weight:600;color:var(--hmq-ink);transition:transform 0.15s ease,background 0.15s ease;}.hmq-chip:hover:not(:disabled){transform:translateY(-2px);background:#f8fafc;}.hmq-chip.is-used{opacity:0.35;}.hmq-chip-in-line{border-style:solid;border-color:#93c5fd;background:#eff6ff;}.hmq-sentence-line{min-height:3.5rem;border:2px dashed #cbd5e1;border-radius:1rem;padding:0.65rem;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;background:#fafafa;transition:border-color 0.2s ease,background 0.2s ease;}.hmq-sentence-line.is-correct{border-color:var(--hmq-ok);background:#f0fdf4;box-shadow:0 0 0 3px rgba(34,197,94,0.25);}.hmq-sentence-line.is-wrong{border-color:var(--hmq-wrong);background:#fef2f2;}.hmq-sentence-placeholder{font-style:italic;}.hmq-feedback .hmq-tip{display:inline-block;padding:0.5rem 1rem;border-radius:999px;font-size:0.95rem;font-weight:700;}.hmq-tip-success{background:#dcfce7;color:#166534;}.hmq-tip-wrong{background:#fee2e2;color:#b91c1c;}.hmq-tip:not(.hmq-tip-success):not(.hmq-tip-wrong){background:#fff7ed;color:#9a3412;}.hmq-celebration-emoji{font-size:2.5rem;}.hmq-next-btn{animation:hmq-pop-correct 0.45s ease;}.hmq-confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;}.hmq-confetti-dot{position:absolute;top:35%;width:0.55rem;height:0.55rem;border-radius:50%;animation:hmq-confetti-fall 0.85s ease-out forwards;}@keyframes hmq-pop-correct{0%{transform:scale(1);}35%{transform:scale(1.08);}100%{transform:scale(1);}}@keyframes hmq-shake-wrong{0%,100%{transform:translateX(0);}15%{transform:translateX(-8px) rotate(-1deg);}30%{transform:translateX(8px) rotate(1deg);}45%{transform:translateX(-6px);}60%{transform:translateX(6px);}}@keyframes hmq-panda-jump{0%,100%{transform:translateY(0);}40%{transform:translateY(-8px) scale(1.08);}}@keyframes hmq-stars-pop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes hmq-confetti-fall{0%{opacity:1;transform:translateY(0) scale(1);}100%{opacity:0;transform:translateY(70px) scale(0.4);}}@media (max-width:575.98px){.hmq-trail-label{display:none;}.hmq-trail-btn{padding:0.5rem 0.65rem;}.hmq-question-cn{font-size:1.1rem !important;}#hanzi-mini-quiz button.hmq-opt,#hanzi-mini-quiz .hmq-opt.btn,.hmq-opt{min-height:3.2rem;font-size:1.2rem !important;}}@media (min-width:768px){.hmq-trail{flex-wrap:wrap;justify-content:center;}}@media (prefers-reduced-motion:reduce){.hmq-opt,.hmq-chip,.hmq-trail-btn,.hmq-panda,.hmq-animate-correct,.hmq-animate-wrong,.hmq-stars-pop,.hmq-confetti-dot{transition:none;animation:none !important;}}