/* @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;}}
.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;}
.idiom-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;}.idiom-list{font-family:"Nunito","Segoe UI",system-ui,sans-serif;}.idiom-filters,.idiom-list-card{border-radius:20px !important;}.idiom-list-card{overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;color:inherit;}.idiom-list-card-image{aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#f0fbff,#fff8f0);}.idiom-list-card-image img{width:100%;height:100%;object-fit:cover;}.idiom-list-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.12) !important;}.idiom-list-excerpt{color:#495057;line-height:1.5;}.idiom-list-card .card-body{display:flex;flex-direction:column;}.idiom-list-card-foot{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:auto;}.idiom-list-card-foot .btn{flex:0 0 auto;white-space:nowrap;}.idiom-view-count{color:#6c757d;font-weight:600;}.idiom-pager .pagination{margin-bottom:0;}.idiom-page{font-size:1.125rem;color:#243044;}.idiom-hero{background:#fff6ea;}.idiom-word{font-size:2.5rem;font-weight:700;line-height:1.2;color:#1d2430;}.idiom-pinyin{font-size:1.05rem;color:#dc2626;letter-spacing:0.03em;}.idiom-ruby-title{line-height:1.15;}.idiom-ruby-line{display:inline-flex;align-items:flex-end;flex-wrap:wrap;column-gap:0.28rem;row-gap:0.2rem;}.idiom-ruby{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:1.7em;text-align:center;}.idiom-ruby-rt{color:#dc2626;font-size:1.05rem;font-weight:700;line-height:1.15;white-space:nowrap;}.idiom-ruby-rb{line-height:1.15;color:inherit;font-weight:inherit;}.idiom-word .idiom-ruby-rt{font-size:1.45rem;}.idiom-ruby-plain{align-self:flex-end;line-height:1.15;}.idiom-label{display:inline-block;margin-right:0.35rem;padding:0.1rem 0.45rem;border-radius:999px;background:#fff1d6;color:#8a5a2a;font-size:0.9rem;}.idiom-page .form-control,.idiom-page .form-select,.idiom-page .btn,.idiom-theme-link,.idiom-choice{min-height:44px;}.idiom-choice{white-space:normal;padding-top:0.7rem;padding-bottom:0.7rem;}.idiom-choice-img,.idiom-card-img,.idiom-hero-img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:0.75rem;}.idiom-card{color:inherit;}.idiom-card:hover{transform:translateY(-2px);}.idiom-page mark{background:#ffe08a;padding:0 0.15em;border-radius:0.2em;}.idiom-entry .card-title,.idiom-card .card-title{color:#1d2430;}.idiom-nav-tabs .nav-link,.idiom-games .nav-link{min-height:44px;display:flex;align-items:center;}.idiom-detail{font-family:"Nunito","Segoe UI",system-ui,sans-serif;}.idiom-detail-hero{position:relative;background:#fff;}.idiom-detail-hero > .card-body{padding:1.6rem 1.35rem 1.15rem;}.idiom-hero-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.65rem 1rem;margin-bottom:0.85rem;}.idiom-hero-brand{color:#1d84c3;font-size:0.95rem;font-weight:700;line-height:1.4;text-decoration:none;}.idiom-hero-brand:hover{color:#176fa6;}.idiom-hero-chips{display:flex;flex-wrap:wrap;gap:0.4rem;margin-left:auto;}.idiom-hero-chips .badge{font-size:0.85rem;font-weight:600;padding:0.4rem 0.75rem;}.idiom-hero-lead{text-align:center;padding-top:0.15rem;}.idiom-hero-word{font-size:2.75rem;}.idiom-hero-title{display:flex;align-items:flex-end;gap:0.7rem;min-width:0;}.idiom-detail-hero .idiom-hero-listen{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-bottom:0.15rem;padding:0;border-radius:50%;font-size:1.2rem;flex:0 0 2.75rem;}.idiom-hero-meaning{max-width:40rem;margin:0.45rem auto 0;color:#334155;font-size:1.35rem;font-weight:600;line-height:1.4;text-align:center;}.idiom-hero-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.45rem 0.35rem;margin:1.2rem 0 0;padding:0.85rem 0 0;border-top:1px solid #e2e8f0;list-style:none;color:#64748b;font-size:0.95rem;}.idiom-hero-foot > li{display:inline-flex;align-items:center;}.idiom-hero-foot > li:not(:first-child)::before{content:"·";margin:0 0.45rem;color:#94a3b8;}.idiom-hero-foot > li.idiom-hero-share-item::before,.idiom-hero-foot > li.idiom-view-count::before{content:none;}.idiom-hero-foot a{color:inherit;text-decoration:none;}.idiom-hero-foot a:hover{color:#0369a1;}.idiom-hero-today{color:#be123c;font-weight:700;}.idiom-hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.4rem;min-width:0;}.idiom-hero-foot .idiom-hero-meta .badge{font-size:0.85rem;font-weight:600;padding:0.35rem 0.7rem;border:1px solid #e2e8f0;color:#212529;white-space:nowrap;}.idiom-hero-foot .idiom-hero-meta a.badge:hover{background:#e2e8f0 !important;color:#0f172a;}.idiom-foot-icon{margin-right:0.3rem;font-size:1rem;}.idiom-hero-foot .idiom-foot-icon--today{color:#be123c;}.idiom-hero-foot .idiom-foot-icon--views{color:#0284c7;}.idiom-hero-share{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:0;padding:0;border:0;border-radius:50%;background:#e0f2fe;color:#0369a1;font-size:1.15rem;}.idiom-hero-share:hover,.idiom-hero-share:focus-visible{background:#0284c7;color:#fff;}.idiom-hero-hanzi{margin-top:1.25rem;padding:0.95rem 1rem 1rem;border-radius:16px;background:#f8fafc;}.idiom-hero-hanzi-label{margin:0 0 0.7rem;color:#64748b;font-size:0.82rem;font-weight:700;}.idiom-hanzi-row{display:flex;flex-wrap:wrap;gap:0.6rem;}.idiom-detail-hero .idiom-hanzi-link{width:auto;background:#fff;border-color:#e2e8f0;}@media (max-width:767.98px){.idiom-hero-chips{margin-left:0;}.idiom-hero-foot{font-size:0.82rem;}.idiom-hero-foot .idiom-hero-meta .badge{font-size:0.75rem;padding:0.28rem 0.5rem;}.idiom-hero-word{font-size:2.15rem;}}@media (min-width:768px){.idiom-detail-hero > .card-body{padding:1.85rem 2rem 1.6rem;}}.idiom-detail .card{border-radius:20px !important;}.idiom-detail .idiom-word{font-size:2.25rem;line-height:1.15;}.idiom-detail .idiom-word .idiom-ruby-rt{font-size:1.15rem;}.idiom-detail-tts{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);}.idiom-detail-tts:hover,.idiom-detail-tts:focus{color:#fff !important;background:linear-gradient(135deg,#0284c7,#0369a1) !important;}.idiom-meaning-listen{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;font-size:1rem;flex:0 0 2.25rem;}.idiom-see-title,.idiom-hanzi-title{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;}.idiom-see-title .bi,.idiom-hanzi-title .bi{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:0.55rem;background:#e0f2fe;color:#0369a1;font-size:1rem;}.idiom-see-en{margin-left:0.35rem;color:#64748b;font-size:0.95rem;font-weight:600;}.idiom-see-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem 1rem;margin-bottom:1rem;}.idiom-see-story{margin-left:auto;white-space:nowrap;}.idiom-see-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;}.idiom-see-media{min-width:0;}.idiom-detail-image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:16px;}.idiom-see-copy{min-width:0;}.idiom-see .idiom-story-text{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:0.12rem;row-gap:0.7rem;}.idiom-see .idiom-story-text .idiom-ruby-line{display:contents;}.idiom-see-listen{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0 0 0.05rem 0.35rem;padding:0;border-radius:50%;font-size:1rem;flex:0 0 2.25rem;}@media (min-width:992px){.idiom-see-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.75rem;align-items:stretch;}.idiom-see-media{position:relative;height:100%;}.idiom-see .idiom-detail-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;}.idiom-see--story .idiom-see-grid{grid-template-columns:1fr;}.idiom-see--story .idiom-see-media{position:static;height:auto;}.idiom-see--story .idiom-detail-image{position:static;height:auto;aspect-ratio:3 / 2;}}.idiom-detail-cn{font-weight:700;color:#1a365d;line-height:1.7;font-size:1.15rem;}.idiom-story-text{line-height:1;}.idiom-story-text .idiom-ruby-line{display:flex;column-gap:0.12rem;row-gap:0.7rem;}.idiom-story-text .idiom-ruby{min-width:0;}.idiom-story-text .idiom-ruby-rt{color:#dc2626;font-size:1.35rem;font-weight:700;line-height:1.1;}.idiom-story-text .idiom-ruby-rb,.idiom-story-text .idiom-ruby-plain{font-size:1.55rem;line-height:1.2;}.idiom-detail-en{color:#64748b;line-height:1.6;}.idiom-more-links{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}.idiom-more-links .idiom-side-link{min-width:0;height:100%;}.idiom-side-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;}.idiom-side-link:hover{background:#fff;color:inherit;transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,23,42,0.08);}.idiom-side-link-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;border-radius:0.7rem;background:#fff;font-size:1.15rem;}.idiom-related-word .idiom-ruby-rt{font-size:0.72rem;}.idiom-related-word .idiom-ruby-rb{font-size:1.05rem;}.idiom-detail .idiom-choice{border-radius:999px;min-height:44px;}.idiom-detail-back{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.55rem 1.5rem;}.idiom-detail-back:hover,.idiom-detail-back:focus{color:#fff !important;background:linear-gradient(135deg,#6d28d9,#5b21b6) !important;}.idiom-pinyin-row{display:flex;flex-wrap:wrap;gap:0.75rem;}.idiom-pinyin-block{display:flex;align-items:center;gap:0.75rem;min-width:8.5rem;padding:0.7rem 0.85rem;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;}.idiom-pinyin-glyph{display:flex;flex-direction:column;align-items:center;min-width:2.6rem;}.idiom-pinyin-py{color:#dc2626;font-size:1.15rem;font-weight:700;line-height:1.2;}.idiom-pinyin-char{color:#0f172a;font-size:1.85rem;font-weight:700;line-height:1.15;}.idiom-pinyin-actions{display:inline-flex;align-items:center;gap:0.4rem;margin-left:auto;}.idiom-pinyin-hanzi{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;text-decoration:none;font-size:1rem;}.idiom-pinyin-hanzi:hover{color:#1e3a8a;background:#dbeafe;}.idiom-hanzi-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;}.idiom-hanzi-link:hover{background:#fff;color:inherit;transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,23,42,0.08);}.idiom-hanzi-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;}.idiom-hanzi-text{min-width:0;}.idiom-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);}.idiom-share-btn:hover,.idiom-share-btn:focus{color:#fff !important;background:linear-gradient(135deg,#047857,#065f46) !important;}.idiom-detail-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;align-items:center;}.idiom-detail-nav-prev{justify-self:start;}.idiom-detail-nav-back{justify-self:center;}.idiom-detail-nav-next{justify-self:end;}.idiom-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;}.idiom-nav-prev{background:linear-gradient(135deg,#0ea5e9,#0284c7) !important;border-color:#0369a1 !important;}.idiom-nav-next{background:linear-gradient(135deg,#f59e0b,#d97706) !important;border-color:#b45309 !important;}.idiom-nav-btn.disabled{opacity:0.45;pointer-events:none;}@media (max-width:767.98px){.idiom-detail-nav-grid{grid-template-columns:1fr;}.idiom-detail-nav-prev,.idiom-detail-nav-next{justify-self:stretch;}.idiom-detail-nav-slot .btn{width:100%;}}@media (min-width:768px){.idiom-word{font-size:3.25rem;}.idiom-detail .idiom-word{font-size:2.75rem;}}.idiom-daily-sheet{max-width:860px;}.idiom-daily-date{display:inline-block;margin-bottom:0.75rem;padding:0.3rem 0.85rem;border-radius:999px;background:#fff;color:#0369a1;font-weight:700;box-shadow:0 2px 8px rgba(15,23,42,0.06);}.idiom-daily-image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;}.idiom-play-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}@media (min-width:992px){.idiom-play-tabs{display:flex;flex-wrap:nowrap;}.idiom-play-tabs .idiom-play-launcher{flex:1 1 0;width:auto;min-width:0;}}.idiom-play-launcher-text{min-width:0;}.idiom-play-launcher{display:flex;align-items:flex-start;gap:0.85rem;width:100%;height:100%;padding:1rem 1.1rem;text-align:left;color:inherit;background:#fff;border:2px solid transparent;border-radius:20px;box-shadow:0 2px 8px rgba(15,23,42,0.06);}.idiom-play-launcher[data-game="pinyin_match"]{background:#f0f9ff;border-color:#bae6fd;}.idiom-play-launcher[data-game="character_puzzle"]{background:#fff7ed;border-color:#fed7aa;}.idiom-play-launcher[data-game="meaning_match"]{background:#f5f3ff;border-color:#ddd6fe;}.idiom-play-launcher[data-game="sentence_fill"]{background:#ecfdf5;border-color:#a7f3d0;}.idiom-play-launcher[data-game="pinyin_match"][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(2,132,199,0.28);}.idiom-play-launcher[data-game="character_puzzle"][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(217,119,6,0.28);}.idiom-play-launcher[data-game="meaning_match"][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(124,58,237,0.28);}.idiom-play-launcher[data-game="sentence_fill"][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(5,150,105,0.28);}.idiom-play-launcher:hover,.idiom-play-launcher:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 8px 18px rgba(15,23,42,0.1);}.idiom-play-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;border-radius:0.8rem;background:#fff;font-size:1.25rem;}.idiom-play-done{color:#15803d;font-size:0.85rem;}.idiom-play-panel{margin-top:0.5rem;padding:1.1rem;border-radius:22px;border:2px solid transparent;}.idiom-play-panel--pinyin{background:#f0f9ff;border-color:#7dd3fc;}.idiom-play-panel--puzzle{background:#fff7ed;border-color:#fdba74;}.idiom-play-panel--meaning{background:#f5f3ff;border-color:#c4b5fd;}.idiom-play-panel--sentence{background:#ecfdf5;border-color:#6ee7b7;}.idiom-play-prompt{margin-bottom:1rem;}.idiom-play-kicker{display:inline-block;margin-bottom:0.45rem;padding:0.2rem 0.7rem;border-radius:999px;font-size:0.78rem;font-weight:700;letter-spacing:0.01em;}.idiom-play-panel--pinyin .idiom-play-kicker{background:#0284c7;color:#fff;}.idiom-play-panel--puzzle .idiom-play-kicker{background:#ea580c;color:#fff;}.idiom-play-panel--meaning .idiom-play-kicker{background:#7c3aed;color:#fff;}.idiom-play-panel--sentence .idiom-play-kicker{background:#059669;color:#fff;}.idiom-play-question{margin:0;font-size:1.2rem;font-weight:800;line-height:1.45;color:#0f172a;}.idiom-play-hint,.idiom-play-label{margin:0 0 0.45rem;font-size:0.82rem;font-weight:700;}.idiom-play-panel--pinyin .idiom-play-hint,.idiom-play-panel--pinyin .idiom-play-label{color:#0369a1;}.idiom-play-panel--puzzle .idiom-play-hint,.idiom-play-panel--puzzle .idiom-play-label{color:#c2410c;}.idiom-play-panel--meaning .idiom-play-hint,.idiom-play-panel--meaning .idiom-play-label{color:#6d28d9;}.idiom-play-panel--sentence .idiom-play-hint,.idiom-play-panel--sentence .idiom-play-label{color:#047857;}.idiom-play-sentence{margin:0 0 1rem;padding:0.9rem 1rem;border-radius:16px;background:#fff;font-size:1.15rem;font-weight:700;line-height:1.8;color:#064e3b;}.idiom-play-blank{display:inline-block;min-width:5.5rem;margin:0 0.25rem;padding:0 0.55rem;border-bottom:3px solid #059669;border-radius:8px;background:#d1fae5;color:#059669;letter-spacing:0.08em;text-align:center;}.idiom-play-options,.idiom-play-answer{display:flex;flex-wrap:wrap;gap:0.65rem;}.idiom-play-panel--pinyin .idiom-play-options,.idiom-play-panel--meaning .idiom-play-options{flex-direction:column;align-items:stretch;}.idiom-play-panel--sentence .idiom-play-options{display:grid;grid-template-columns:1fr;}.idiom-play-answer{min-height:4.4rem;margin-bottom:0.85rem;padding:0.5rem;border-radius:16px;border:2px dashed #fdba74;background:#fff;}.idiom-play-choice,.idiom-play-tile,.idiom-play-retry,.idiom-play-undo,.idiom-play-reset,.idiom-play-submit,.idiom-play-reveal{min-height:48px;border-width:2px;border-style:solid;font-weight:700;box-shadow:0 2px 0 rgba(15,23,42,0.06);}.idiom-play-panel--pinyin .idiom-play-choice{display:flex;align-items:center;width:100%;justify-content:flex-start;text-align:left;padding:0.7rem 1rem;border-radius:14px;border-color:#0284c7;background:#fff;color:#dc2626;font-size:1.15rem;}.idiom-play-panel--pinyin .idiom-play-options{counter-reset:idiom-pinyin;}.idiom-play-panel--pinyin .idiom-play-choice::before{counter-increment:idiom-pinyin;content:counter(idiom-pinyin,upper-alpha);display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;margin-right:0.75rem;border-radius:8px;background:#0284c7;color:#fff;font-size:0.85rem;}.idiom-play-panel--puzzle .idiom-play-tile{width:3.5rem;height:3.5rem;padding:0;border-radius:14px;border-color:#ea580c;background:#fff;color:#9a3412;font-size:1.5rem;}.idiom-play-panel--meaning .idiom-play-choice{width:100%;justify-content:flex-start;white-space:normal;text-align:left;border-radius:14px;}.idiom-play-panel--meaning .idiom-play-pair[data-side="word"]{border-color:#7c3aed;background:#7c3aed;color:#fff;}.idiom-play-panel--meaning .idiom-play-pair[data-side="meaning"]{border-color:#c4b5fd;background:#fff;color:#4c1d95;}.idiom-play-panel--sentence .idiom-play-choice{width:100%;border-radius:999px;border-color:#059669;background:#fff;color:#065f46;}.idiom-play-actions{display:flex;flex-wrap:wrap;gap:0.55rem;margin-top:0.9rem;}.idiom-play-panel--puzzle .idiom-play-undo,.idiom-play-panel--puzzle .idiom-play-reset{border-radius:999px;border-color:#ea580c;background:#fff;color:#9a3412;}.idiom-play-panel--puzzle .idiom-play-submit,.idiom-play-panel--meaning .idiom-play-reveal{border-radius:999px;border-color:transparent;color:#fff;}.idiom-play-panel--puzzle .idiom-play-submit{background:#ea580c;}.idiom-play-panel--meaning .idiom-play-reveal{background:#7c3aed;}.idiom-play-retry{margin-top:0.75rem;border-radius:999px;background:#fff;}.idiom-play-panel--pinyin .idiom-play-retry{border-color:#0284c7;color:#0369a1;}.idiom-play-panel--sentence .idiom-play-retry{border-color:#059669;color:#047857;}.idiom-play-panel--pinyin .idiom-play-choice:hover,.idiom-play-panel--sentence .idiom-play-choice:hover,.idiom-play-panel--meaning .idiom-play-pair[data-side="meaning"]:hover{background:#fff;filter:brightness(0.97);}.idiom-play-panel--puzzle .idiom-play-tile:hover{background:#ffedd5;}.idiom-play-panel--meaning .idiom-play-pair[data-side="word"]:hover{background:#6d28d9;border-color:#6d28d9;}.idiom-play-choice.is-selected,.idiom-play-tile.is-selected{transform:translateY(-1px);}.idiom-play-panel--pinyin .is-selected{box-shadow:0 0 0 3px rgba(2,132,199,0.35);}.idiom-play-panel--puzzle .is-selected{background:#ffedd5;box-shadow:0 0 0 3px rgba(234,88,12,0.35);}.idiom-play-panel--meaning .idiom-play-pair[data-side="word"].is-selected{box-shadow:0 0 0 3px rgba(124,58,237,0.4);}.idiom-play-panel--meaning .idiom-play-pair[data-side="meaning"].is-selected{background:#ede9fe;box-shadow:0 0 0 3px rgba(124,58,237,0.35);}.idiom-play-panel .idiom-play-choice.is-correct,.idiom-play-panel .idiom-play-choice.is-correct:hover,.idiom-play-panel .idiom-play-tile.is-correct,.idiom-play-panel .idiom-play-tile.is-correct:hover{opacity:1;filter:none;border-color:#16a34a;background:#dcfce7;color:#15803d;}.idiom-play-panel .idiom-play-choice.is-incorrect,.idiom-play-panel .idiom-play-choice.is-incorrect:hover,.idiom-play-panel .idiom-play-tile.is-incorrect,.idiom-play-panel .idiom-play-tile.is-incorrect:hover{opacity:1;filter:none;border-color:#dc2626;background:#fee2e2;color:#dc2626;}.idiom-play-panel--pinyin .idiom-play-choice.is-correct::before,.idiom-play-panel--pinyin .idiom-play-choice.is-incorrect::before{background:currentColor;color:#fff;}.idiom-play-choice:focus-visible,.idiom-play-tile:focus-visible,.idiom-play-retry:focus-visible,.idiom-play-undo:focus-visible,.idiom-play-reset:focus-visible,.idiom-play-submit:focus-visible,.idiom-play-reveal:focus-visible,.idiom-play-launcher:focus-visible{outline:3px solid currentColor;outline-offset:2px;}.idiom-play-feedback{margin:0.9rem 0 0;font-weight:700;}.idiom-play-feedback.is-correct,.idiom-play-feedback.is-incorrect{padding:0.75rem 1rem;border-radius:14px;border:2px solid transparent;}.idiom-play-feedback.is-correct{color:#15803d;background:#dcfce7;border-color:#16a34a;}.idiom-play-feedback.is-incorrect{color:#dc2626;background:#fee2e2;border-color:#dc2626;}@media (min-width:576px){.idiom-play-panel--sentence .idiom-play-options{grid-template-columns:1fr 1fr;}}
.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-most-slider .swiper-wrapper,.homepage-popular-tabs .popular-hanzi-slider .swiper-wrapper,.homepage-popular-tabs .popular-word-card-slider .swiper-wrapper{display:flex;}.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{flex-shrink:0;width:calc((100% - 15px) / 2);margin-right:15px;box-sizing:border-box;}@media (min-width:768px){.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{width:calc((100% - 40px) / 3);margin-right:20px;}}@media (min-width:992px){.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{width:calc((100% - 72px) / 4);margin-right:24px;}}.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-game-slide-english{display:block;margin-top:0.15rem;font-size:0.75rem;font-weight:500;color:#6b7280;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;}