/* @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;}
.word-token{cursor:pointer;display:inline-block;position:relative;text-align:center;vertical-align:middle;}.word-token.highlight{background:#ffe55c;border-radius:4px;transition:background 0.1s ease-in-out;}.word-token.highlight rt{color:#b30000;font-weight:bold;}.word-token:hover{background-color:#ffe55c;border-radius:4px;}.hanzi-char{display:inline-flex;flex-direction:column;align-items:center;ruby-position:over;margin:0 0.1em;}.hanzi-char rt{order:-1;font-size:0.75em;line-height:1;white-space:nowrap;color:#d9534f;}#wordModal .modal-content{border-radius:18px;border:none;padding:16px 22px;box-shadow:0 12px 30px rgba(0,0,0,0.22);}#wordModal .modal-header{border-bottom:none;padding-bottom:0;}#wordModal .modal-title{font-size:1.45rem;font-weight:700;}#wordModal .modal-body{padding-top:0;}#wordModal .modal-body p{font-size:1.15rem;margin-bottom:0.4rem;}#wordModal strong{color:#444;font-weight:600;}#wordModal .btn-close{outline:none !important;box-shadow:none !important;}#block-learnchinese-page-title{display:none;}@media print{.print-area::before{content:attr(data-print-title);display:block;font-size:24px;font-weight:bold;margin-bottom:20px;text-align:center;}body *{visibility:hidden;}.print-area,.print-area *{visibility:visible;}.print-area{position:absolute;left:0;top:0;width:100%;padding:20px;}.no-print,.article-top,.audio-toolbar,button,audio,.modal{display:none !important;}.print-title{font-size:24px;font-weight:bold;margin-bottom:20px;text-align:center;}.article-content{font-size:16px;line-height:1.9;}ruby{ruby-position:over;}ruby rt{font-size:0.6em;color:#444;}.play-sentence-btn{display:none !important;}}.article-content{line-height:2.2;}.article-image-container{width:100%;overflow:hidden;border-radius:12px;margin-bottom:1.5rem;}.article-image-container img{width:100%;height:auto;object-fit:cover;object-position:center;display:block;border-radius:10px;}.audio-toolbar{position:relative;top:0;width:100%;z-index:1050;overflow-x:auto;white-space:nowrap;transition:all 0.3s ease;}.audio-toolbar.fixed{position:fixed;top:70px;left:0;width:100%;background-color:rgba(255,255,255,0.1) !important;backdrop-filter:blur(1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1050;}.paragraph-block{border:1px dashed #ccc;padding:10px;margin-bottom:15px;border-radius:5px;background-color:#fafafa;}.article-top{position:relative;width:100%;height:300px;max-height:45vh;overflow:hidden;border-radius:12px;margin-bottom:2rem;}@media (min-width:992px){.article-top{height:420px;}}.article-top-image{position:absolute;inset:0;}.article-top-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.article-top-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:flex-end;}.article-top-content{width:100%;color:#fff;padding:1rem 1.25rem 1.5rem;}@media (min-width:768px){.article-top-content{padding:2rem 2.5rem 3rem;}}.article-title{font-weight:700;line-height:1.2;font-size:clamp(1.1rem,4.8vw,2.4rem);margin-bottom:0.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}@media (max-width:576px){.article-title{-webkit-line-clamp:1;line-clamp:1;}}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem;font-size:0.75rem;}@media (min-width:768px){.article-meta{font-size:0.9rem;gap:0.5rem;}}.meta-tag{padding:0.25rem 0.6rem;border-radius:999px;background:rgba(255,255,255,0.88);font-weight:500;text-decoration:none;white-space:nowrap;}.meta-country,.meta-type{color:#6f42c1;}.meta-difficulty{font-weight:600;}.difficulty-easy{background-color:#e6f4ea;color:#198754;}.difficulty-medium{background-color:#fff3cd;color:#d39e00;}.difficulty-hard{background-color:#fdecea;color:#dc3545;}
.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;}}
.story-visual-slideshow__stage-wrap{position:relative;}.story-visual-slideshow__stage{position:relative;}.story-visual-slideshow__frames{position:absolute;inset:0;width:100%;height:100%;}.story-visual-slideshow__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.6s ease;pointer-events:none;}.story-visual-slideshow__frame.is-active{opacity:1;pointer-events:auto;}.story-visual-slideshow__caption{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:1rem 1.25rem;background-color:rgba(13,110,253,0.65);color:#fff;font-size:1.35rem;font-weight:600;line-height:1.5;}.story-visual-slideshow__thumb{flex:0 0 72px;width:72px;height:48px;padding:0;border:2px solid transparent;border-radius:0.375rem;overflow:hidden;background:none;cursor:pointer;opacity:0.65;transition:opacity 0.2s,border-color 0.2s;}.story-visual-slideshow__thumb img{width:100%;height:100%;object-fit:cover;display:block;}.story-visual-slideshow__thumb.is-active,.story-visual-slideshow__thumb:hover{opacity:1;border-color:var(--bs-primary,#0d6efd);}@media (max-width:576px){.story-visual-slideshow__caption{font-size:1.1rem;padding:0.75rem 1rem;}}
.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;}