/* @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);}
.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;}
.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;}}
.popular-hanzi-slider{position:relative;width:100%;padding:0 30px;padding-bottom:60px;margin-bottom:35px;overflow:hidden;}.popular-hanzi-slider-title{color:#2c3e50;font-weight:600;margin:0 0 25px 0;padding-bottom:12px;position:relative;display:inline-block;border-bottom:none;text-align:center;}.popular-hanzi-slider-title:after{content:"";position:absolute;bottom:-2px;left:50%;width:15%;height:2px;background:#4a6bff;transform:translateX(-50%);}.popular-hanzi-slider .swiper{width:100%;overflow:hidden;}.popular-hanzi-slider .swiper-slide{display:flex;justify-content:center;align-items:center;height:auto;}.popular-hanzi-slider .hanzi-image{width:auto;height:auto;max-width:160px;max-height:160px;object-fit:contain;margin:0 auto;border:1px solid #e1e3eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;}.popular-hanzi-slider .swiper-button-prev,.popular-hanzi-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;}.popular-hanzi-slider .swiper-button-prev::after,.popular-hanzi-slider .swiper-button-next::after{font-size:16px;}.popular-hanzi-slider .swiper-autoplay-progress{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:30%;min-width:300px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;overflow:visible;}.popular-hanzi-slider .swiper-autoplay-progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#4a6bff,#00c6ff);border-radius:3px;transform-origin:left center;transform:scaleX(0);transition:transform 0.1s linear;z-index:11;box-shadow:0 0 10px rgba(74,107,255,0.3);}.popular-hanzi-slider .hanzi-image:hover{box-shadow:0 6px 16px rgba(0,0,0,0.12);border-color:#c2c8d8;}.popular-hanzi-slider .swiper-slide:hover{transform:translateY(-5px);}@media (min-width:768px){.popular-hanzi-slider .hanzi-image{max-width:170px;max-height:170px;}}@media (min-width:992px){.popular-hanzi-slider .hanzi-image{max-width:190px;max-height:190px;}}@media (min-width:1200px){.popular-hanzi-slider .hanzi-image{max-width:220px;max-height:220px;}}
.popular-word-card-slider{position:relative;width:100%;padding:0 30px;padding-bottom:60px;margin-bottom:35px;overflow:hidden;}.popular-word-card-slider-title{color:#2c3e50;font-weight:600;margin:0 0 25px 0;padding-bottom:12px;position:relative;display:inline-block;border-bottom:none;text-align:center;}.popular-word-card-slider-title:after{content:"";position:absolute;bottom:-2px;left:50%;width:45%;height:2px;background:#4a6bff;transform:translateX(-50%);}.popular-word-card-slider .swiper{width:100%;overflow:hidden;}.popular-word-card-slider .swiper-slide{display:flex;justify-content:center;align-items:center;height:auto;}.popular-word-card-slider .word-card-image{width:auto;height:auto;max-width:240px;max-height:240px;object-fit:contain;margin:0 auto;border:1px solid #e1e3eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;}.popular-word-card-slider .swiper-button-prev,.popular-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;}.popular-word-card-slider .swiper-button-prev::after,.popular-word-card-slider .swiper-button-next::after{font-size:16px;}.popular-word-card-slider .swiper-autoplay-progress{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:30%;min-width:300px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;overflow:visible;}.popular-word-card-slider .swiper-autoplay-progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#4a6bff,#00c6ff);border-radius:3px;transform-origin:left center;transform:scaleX(0);transition:transform 0.1s linear;z-index:11;box-shadow:0 0 10px rgba(74,107,255,0.3);}.popular-word-card-slider .word-card-image:hover{box-shadow:0 6px 16px rgba(0,0,0,0.12);border-color:#c2c8d8;}.popular-word-card-slider .swiper-slide:hover{transform:translateY(-5px);}@media (min-width:768px){.popular-word-card-slider .word-card-image{max-width:200px;max-height:200px;}}@media (min-width:992px){.popular-word-card-slider .word-card-image{max-width:210px;max-height:210px;}}@media (min-width:1200px){.popular-word-card-slider .word-card-image{max-width:210px;max-height:210px;}}