/* @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;}
.antonym-page{overflow-x:hidden;}.antonym-pair-line{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:baseline;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;color:#1f3d2b;}.antonym-hanzi,.antonym-fallback{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;font-weight:700;}.antonym-word{border-radius:1rem;padding:1rem;}.antonym-word--a{background:#e8f6ee;}.antonym-word--b{background:#fff4e5;}.antonym-fallback{min-height:8rem;display:grid;place-items:center;border-radius:0.75rem;background:rgba(255,255,255,0.7);}.antonym-page .btn,.antonym-choice{min-height:44px;}.antonym-choice.is-correct,.antonym-choice.is-correct:hover,.antonym-choice.is-correct:focus{background:#198754;border-color:#198754;color:#fff;}.antonym-choice.is-wrong,.antonym-choice.is-wrong:hover,.antonym-choice.is-wrong:focus{background:#bb2d3b;border-color:#bb2d3b;color:#fff;}.antonym-try-result.is-correct,.antonym-try-result.is-wrong{margin-top:0.85rem;padding:0.7rem 0.95rem;border-radius:0.85rem;font-size:1.15rem;font-weight:700;line-height:1.5;}.antonym-try-result.is-correct{color:#0f7a3a;background:#d1f5df;}.antonym-try-result.is-wrong{color:#b42318;background:#ffe4e6;}.antonym-match-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;}@media (min-width:768px){.antonym-match-grid{grid-template-columns:1fr 1fr;}}.antonym-list-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(160deg,#f0fbff 0%,#fff8f0 100%);min-height:60vh;}.antonym-list{font-family:"Nunito","Segoe UI",system-ui,sans-serif;}.antonym-filters,.antonym-list-card{border-radius:20px !important;}.antonym-list-card{overflow:hidden;min-width:0;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease;}.antonym-list-card-image{aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#f0fbff,#fff8f0);}.antonym-list-card-image img{width:100%;height:100%;object-fit:cover;}.antonym-list-card:hover{color:inherit;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.12) !important;}.antonym-list-card .card-body{display:flex;flex-direction:column;min-width:0;}.antonym-list-excerpt{color:#495057;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.antonym-list-card-foot{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:auto;}.antonym-list-card-foot .btn{flex:0 0 auto;white-space:nowrap;}.antonym-badge-d{background:#7b61ff;color:#fff;}.antonym-pager .pagination{margin-bottom:0;}.antonym-list-intro,.antonym-list-intro-en{max-width:72rem;margin-left:auto;margin-right:auto;}.antonym-list-intro{color:#334155;font-size:1.05rem;line-height:1.7;}.antonym-list-intro-en{color:#64748b;line-height:1.65;}.antonym-list-foot{--antonym-ink:#24362d;display:grid;gap:0.25rem;margin-top:2.75rem;}.antonym-level.is-current,.antonym-theme.is-current{outline:3px solid #1d4ed8;outline-offset:3px;}.antonym-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8rem;width:100%;min-width:0;}.antonym-popular{display:flex;flex-direction:column;align-items:flex-start;gap:0.55rem;min-width:0;min-height:100%;padding:0.9rem;border-radius:1.25rem;color:var(--antonym-ink);text-decoration:none;box-shadow:0 6px 0 rgba(36,54,45,0.08);}.antonym-popular:hover{color:var(--antonym-ink);transform:translateY(-2px);}.antonym-popular-words{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem 0.55rem;}.antonym-popular-side{display:flex;flex-direction:column;min-width:0;}.antonym-popular-zh{font-size:1.25rem;font-weight:900;line-height:1.15;}.antonym-popular-en{margin-top:0.15rem;color:#24557a;font-size:0.78rem;font-weight:700;line-height:1.15;}@media (min-width:768px){.antonym-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}.antonym-list-card:focus-visible,.antonym-page .btn:focus-visible,.antonym-choice:focus-visible,.antonym-home a:focus-visible{outline:3px solid #146c43;outline-offset:2px;}.row > main:has(.antonym-home){min-width:0;max-width:100%;}.antonym-home{--antonym-ink:#24362d;margin:0 0 2rem;padding:0.25rem 0 1rem;color:var(--antonym-ink);width:100%;max-width:100%;min-width:0;}.antonym-hero{display:grid;gap:1.25rem;width:100%;min-width:0;padding:1.4rem 1.2rem 1.2rem;border-radius:1.75rem;background:radial-gradient(circle at 12% 18%,#ffe38a 0 18%,transparent 19%),radial-gradient(circle at 88% 12%,#ffb4c8 0 16%,transparent 17%),radial-gradient(circle at 78% 82%,#9ad7ff 0 18%,transparent 19%),linear-gradient(145deg,#fff7df 0%,#e7f8ff 55%,#ffe8f1 100%);box-shadow:0 10px 0 #f3d9a4;}.antonym-kicker{margin:0 0 0.35rem;font-weight:800;letter-spacing:0.04em;color:#d35400;}.antonym-hero h1{margin:0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:900;line-height:1.05;color:#1d4e89;}.antonym-lead{max-width:36rem;margin:0.6rem 0 0;font-size:1.15rem;line-height:1.5;overflow-wrap:anywhere;}.antonym-hero-copy{min-width:0;}.antonym-hero-actions,.antonym-panel-head{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}.antonym-hero-actions{margin-top:1rem;}.antonym-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:0.7rem 1.35rem;border-radius:999px;font-weight:800;font-size:1.1rem;color:#fff;text-decoration:none;box-shadow:0 5px 0 rgba(36,54,45,0.18);gap:0.05rem;line-height:1.1;}.antonym-btn:hover{color:#fff;transform:translateY(1px);}.antonym-btn-learn{background:#ff7a32;}.antonym-btn-game{background:#2f95f0;}.antonym-btn-today{background:#20a06a;}.antonym-home .antonym-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7rem;width:100%;margin:0;padding:0;list-style:none;}.antonym-home .antonym-chips li{display:flex;justify-content:space-around;gap:0.35rem;min-width:0;padding:0.7rem 0.55rem;border-radius:1.1rem;background:#fff;font-size:clamp(1.35rem,4vw,2rem);font-weight:900;box-shadow:0 6px 0 rgba(36,54,45,0.08);}.antonym-chip-side{display:flex;flex-direction:column;align-items:center;min-width:0;line-height:1;}.antonym-chip-en,.antonym-en,.antonym-level-en,.antonym-theme-en,.antonym-game-en,.antonym-btn-en{font-weight:700;color:#24557a;}.antonym-chip-en,.antonym-btn-en,.antonym-level-en,.antonym-theme-en,.antonym-game-en{display:block;margin-top:0.2rem;font-size:0.78rem;line-height:1.15;}.antonym-en{font-size:0.62em;}.antonym-lead .antonym-en,.antonym-daily-caption .antonym-en{font-size:0.95rem;}.antonym-btn-en{color:inherit;opacity:0.92;}.antonym-chips li:nth-child(1) .antonym-chip-side:first-child .antonym-chip-zh{color:#e85d4c;}.antonym-chips li:nth-child(1) .antonym-chip-side:last-child .antonym-chip-zh{color:#2f95f0;}.antonym-chips li:nth-child(2) .antonym-chip-side:first-child .antonym-chip-zh{color:#f0a202;}.antonym-chips li:nth-child(2) .antonym-chip-side:last-child .antonym-chip-zh{color:#7b61ff;}.antonym-chips li:nth-child(3) .antonym-chip-side:first-child .antonym-chip-zh{color:#3aa0ff;}.antonym-chips li:nth-child(3) .antonym-chip-side:last-child .antonym-chip-zh{color:#ff7a32;}.antonym-chips li:nth-child(4) .antonym-chip-side:first-child .antonym-chip-zh{color:#20a06a;}.antonym-chips li:nth-child(4) .antonym-chip-side:last-child .antonym-chip-zh{color:#d3548a;}.antonym-pair-picture{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;}.antonym-daily-caption{display:flex;flex-wrap:wrap;gap:0.2rem 0.7rem;}.antonym-panel{margin-top:1.5rem;}.antonym-panel h2,.antonym-panel-head h2{margin:0 0 0.85rem;font-size:1.45rem;font-weight:900;color:var(--antonym-ink);}.antonym-panel-today{padding:1rem;border-radius:1.5rem;background:#fff8e8;}.antonym-panel-head{justify-content:space-between;margin-bottom:0.85rem;}.antonym-panel-head h2{margin:0;}.antonym-level-grid,.antonym-theme-grid,.antonym-game-grid,.antonym-daily-grid{display:grid;gap:0.8rem;width:100%;min-width:0;}.antonym-level-grid,.antonym-daily-grid{grid-template-columns:minmax(0,1fr);}.antonym-theme-grid,.antonym-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.antonym-level,.antonym-theme,.antonym-game,.antonym-daily-card{display:flex;flex-direction:column;min-width:0;min-height:100%;border-radius:1.25rem;color:var(--antonym-ink);text-decoration:none;box-shadow:0 6px 0 rgba(36,54,45,0.08);}.antonym-level:hover,.antonym-theme:hover,.antonym-game:hover,.antonym-daily-card:hover{color:var(--antonym-ink);transform:translateY(-2px);}.antonym-level{flex-direction:row;align-items:center;gap:0.9rem;padding:1rem 1.05rem;}.antonym-level-mark{display:grid;flex:0 0 3.5rem;place-items:center;width:3.5rem;height:3.5rem;border-radius:1.15rem;background:#fff;font-size:1.7rem;font-weight:900;line-height:1;box-shadow:0 4px 0 rgba(36,54,45,0.08);}.antonym-level--A .antonym-level-mark{color:#128a45;}.antonym-level--B .antonym-level-mark{color:#1d6fbf;}.antonym-level--C .antonym-level-mark{color:#c56a00;}.antonym-level--D .antonym-level-mark{color:#6d46c2;}.antonym-level-body{display:flex;flex:1;flex-direction:column;min-width:0;}.antonym-level-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.6rem;}.antonym-level-name{display:block;margin-top:0;font-size:1.3rem;font-weight:900;line-height:1.1;}.antonym-level-count{flex:none;margin-top:0;padding:0.18rem 0.55rem;border-radius:999px;background:rgba(255,255,255,0.78);font-size:0.82rem;font-weight:800;}.antonym-level-pair{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin-top:0.45rem;}.antonym-level-word{display:inline-flex;align-items:baseline;gap:0.25rem;padding:0.15rem 0.6rem;border-radius:999px;background:#fff;font-size:1.05rem;font-weight:900;}.antonym-level-word .antonym-en{font-size:0.78rem;}.antonym-level-vs{font-weight:900;color:#24557a;}.antonym-level-blurb{margin-top:0.4rem;font-size:0.92rem;line-height:1.4;}.antonym-theme-count{margin-top:0.2rem;font-weight:800;}.antonym-game-blurb,.antonym-daily-caption{margin-top:0.45rem;line-height:1.4;}.antonym-level--A{background:#c8f5d4;}.antonym-level--B{background:#c9e8ff;}.antonym-level--C{background:#ffe0b0;}.antonym-level--D{background:#e4d4ff;}.antonym-theme{align-items:flex-start;padding:0.9rem;}.antonym-theme-icon{font-size:1.8rem;line-height:1;}.antonym-theme-name{margin-top:0.35rem;font-size:1.05rem;font-weight:900;}.antonym-theme--space{background:#d7f1ff;}.antonym-theme--size{background:#fff1b8;}.antonym-theme--time{background:#ffd6de;}.antonym-theme--state{background:#ffe0c2;}.antonym-theme--color{background:#ffd0ea;}.antonym-theme--emotion{background:#fff3bf;}.antonym-theme--action{background:#d4f5d8;}.antonym-theme--degree{background:#d4f6f2;}.antonym-theme--social{background:#e5dcff;}.antonym-theme--abstract{background:#ffe7c7;}.antonym-game{padding:1rem;}.antonym-game-emoji{font-size:2rem;line-height:1;}.antonym-game-name{margin-top:0.35rem;font-size:1.3rem;font-weight:900;}.antonym-game--match{background:#d7ecff;}.antonym-game--picture{background:#ffd9ea;}.antonym-game--fill{background:#d9f6df;}.antonym-daily-card{overflow:hidden;background:#fff;}.antonym-daily-card img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;}.antonym-daily-words{display:flex;justify-content:space-around;align-items:center;min-height:8rem;font-size:2rem;font-weight:900;}.antonym-daily-caption{padding:0.7rem 0.85rem 0.9rem;font-weight:700;color:#3d5348;}@media (max-width:699px){.antonym-home{width:auto;max-width:calc(100vw - 1.5rem);}.antonym-home .antonym-panel-head{flex-direction:column;align-items:stretch;}.antonym-home .antonym-btn-today{width:100%;}}@media (min-width:700px){.antonym-hero{grid-template-columns:1.3fr 0.9fr;align-items:center;padding:1.8rem;}.antonym-level-grid,.antonym-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.antonym-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.antonym-game-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1100px){.antonym-theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.antonym-daily-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}.antonym-ruby-line{display:inline-flex;align-items:flex-end;flex-wrap:wrap;column-gap:0.22rem;row-gap:0.15rem;}.antonym-ruby{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:1.55em;text-align:center;}.antonym-ruby-rt{color:#dc2626;font-size:0.92rem;font-weight:700;line-height:1.1;white-space:nowrap;}.antonym-list .antonym-ruby-title .antonym-ruby-rt{text-transform:none;letter-spacing:0;}.antonym-ruby-rb{line-height:1.1;color:inherit;font-weight:inherit;}.antonym-ruby-title,.antonym-hero-word{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0.2rem 0.45rem;line-height:1.15;}.antonym-hero-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:1rem;}.antonym-hero-brand{font-weight:800;text-decoration:none;}.antonym-hero-lead{text-align:center;}.antonym-pinyin-plain{margin-top:0.35rem;color:#dc2626;font-weight:700;}.antonym-hanzi-glyph-link{color:inherit;text-decoration:none;}.antonym-hanzi-glyph-link:hover .antonym-hanzi-char{color:#0369a1;}.antonym-hero-word{justify-content:center;font-size:clamp(2rem,6vw,2.75rem);font-weight:800;}.antonym-hero-word .antonym-ruby-rt,.antonym-word-card .antonym-ruby-rt{font-size:1.2rem;}.antonym-hero-word .antonym-en,.antonym-ruby-title .antonym-en{font-size:1rem;margin-bottom:0.2rem;}.antonym-hero-foot{display:flex;justify-content:center;margin:1.1rem 0 0;padding:0.85rem 0 0;border-top:1px solid #e2e8f0;list-style:none;}.antonym-hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.45rem;}.antonym-view-count{color:#64748b;font-weight:700;}.antonym-detail-image{display:block;width:min(100%,720px);max-width:100%;height:auto;margin:0 auto;aspect-ratio:1;object-fit:cover;border-radius:16px;}.antonym-picture-copy{max-width:40rem;margin:1rem auto 0;text-align:center;}.antonym-picture-caption{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:0.35rem 0.45rem;color:#1a365d;font-size:1.2rem;font-weight:700;line-height:1.7;}.antonym-picture-caption .antonym-ruby-rt{font-size:0.95rem;}.antonym-picture-en{color:#64748b;line-height:1.6;}@media (min-width:992px){.antonym-see-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:1.75rem;align-items:center;}.antonym-see-layout .antonym-detail-image{width:100%;margin:0;}.antonym-see-layout .antonym-picture-copy{max-width:none;margin:0;text-align:left;}.antonym-see-layout .antonym-picture-caption{justify-content:flex-start;font-size:1.7rem;}.antonym-see-layout .antonym-picture-caption .antonym-ruby-rt{font-size:1.15rem;}.antonym-see-layout .antonym-picture-en{font-size:1.2rem;}}.antonym-word-card--a{background:#f0fdf4;}.antonym-word-card--b{background:#fff7ed;}.antonym-more-link{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:16px;background:#f8fafc;color:inherit;}.antonym-more-link:hover{background:#e0f2fe;color:inherit;}.antonym-detail-hero{background:linear-gradient(165deg,#fff6ea 0%,#f3f8ff 100%);overflow:hidden;}.antonym-detail .card{border-radius:20px;}.antonym-section-icon{margin-right:0.35rem;}.antonym-hero-lead .antonym-read{margin-top:1rem;}.antonym-read{display:inline-flex;align-items:center;gap:0.35rem;font-weight:700;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);}.antonym-read:hover,.antonym-read:focus{color:#fff !important;background:linear-gradient(135deg,#0284c7,#0369a1) !important;}.antonym-read--icon{justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;flex:0 0 2.25rem;}.antonym-view-count .bi{margin-right:0.15rem;color:#0284c7;}.antonym-hanzi-row{display:flex;flex-wrap:wrap;gap:0.75rem;}.antonym-hanzi-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;}.antonym-hanzi-glyph{display:flex;flex-direction:column;align-items:center;min-width:2.6rem;}.antonym-hanzi-py{color:#dc2626;font-size:1.15rem;font-weight:700;line-height:1.2;}.antonym-hanzi-char{color:#0f172a;font-size:1.85rem;font-weight:700;line-height:1.15;}.antonym-hanzi-en{color:#64748b;font-size:0.85rem;font-weight:700;line-height:1.2;}.antonym-hanzi-deep{color:#0369a1;font-size:0.75rem;font-weight:700;line-height:1.2;}.antonym-en-intent-copy{color:#475569;line-height:1.6;}.antonym-hanzi-actions{display:inline-flex;align-items:center;gap:0.4rem;margin-left:auto;}.antonym-hanzi-link{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;}.antonym-hanzi-link:hover{color:#1e3a8a;background:#dbeafe;}.antonym-detail-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;align-items:center;}.antonym-detail-nav-prev{justify-self:start;}.antonym-detail-nav-next{justify-self:end;}.antonym-nav-btn{font-weight:700;color:#fff !important;border:1px solid transparent;box-shadow:0 2px 6px rgba(0,0,0,0.12);white-space:nowrap;}.antonym-nav-prev{background:linear-gradient(135deg,#0ea5e9,#0284c7) !important;border-color:#0369a1 !important;}.antonym-nav-next{background:linear-gradient(135deg,#f59e0b,#d97706) !important;border-color:#b45309 !important;}@media (max-width:767.98px){.antonym-detail-nav-grid{grid-template-columns:1fr;}.antonym-detail-nav-prev,.antonym-detail-nav-next{justify-self:stretch;}.antonym-detail-nav-slot,.antonym-detail-nav-prev .btn,.antonym-detail-nav-next .btn{width:100%;}}
.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;}