:root{--accent:#dfff57;--glow:#4ee28e;--deep:#031b12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#031b12}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.is-hidden{display:none!important}
.universe{--accent:#dfff57;--glow:#4ee28e;--deep:#031b12;min-height:100svh;position:relative;overflow:hidden;color:#f7fff8;background:radial-gradient(circle at 72% 43%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 31%),linear-gradient(90deg,rgb(1 12 9/96%) 0%,rgb(2 21 14/83%) 42%,rgb(1 15 11/43%) 100%),url('../images/vo-gia-trang-xianxia-bg-v1.png') center/cover no-repeat,linear-gradient(118deg,var(--deep),#09291d 62%,#041a13);transition:background .7s ease}.universe-games{--accent:#ffcb51;--glow:#fd724b;--deep:#1b0d15}.universe-ielts{--accent:#8ee8ff;--glow:#378bd8;--deep:#071829}.universe-monitor{--accent:#72f6c2;--glow:#16a485;--deep:#021c1c}.universe:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgb(255 255 255/3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/3%) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 70% 42%,black,transparent 65%)}.universe:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(0 9 6/48%) 0%,transparent 56%),linear-gradient(0deg,rgb(0 8 5/60%),transparent 28%)}
.universe-nav{height:86px;padding:0 clamp(22px,5.5vw,84px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:10;border-bottom:1px solid rgb(255 255 255/10%)}.universe-brand{width:fit-content;display:flex;align-items:center;gap:12px}.universe-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#092619;font-size:12px;font-weight:950;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 28%,transparent)}.universe-brand strong,.universe-brand small{display:block}.universe-brand strong{font-family:Georgia,serif;font-size:19px}.universe-brand small{margin-top:3px;color:#b1c8bb;font-size:8px;font-weight:800;letter-spacing:1.5px}.universe-nav nav{display:flex;gap:30px;color:#b7c9c0;font-size:13px;font-weight:700}.universe-nav nav a{padding:34px 0 31px;border-bottom:2px solid transparent}.universe-nav nav a:hover{color:#fff;border-color:var(--accent)}.universe-actions{justify-self:end}.universe-actions a{display:flex;gap:18px;padding:11px 15px 11px 18px;border:1px solid rgb(255 255 255/28%);border-radius:999px;font-size:12px;font-weight:800}
.universe-copy{width:min(46vw,680px);position:absolute;z-index:5;left:clamp(24px,7vw,110px);top:48%;transform:translateY(-54%)}.universe-copy>p{margin:0 0 25px;display:flex;align-items:center;gap:12px;color:#ffe592;font-family:Georgia,serif;font-size:clamp(14px,1.3vw,18px);font-weight:900;letter-spacing:2.8px;text-shadow:0 0 10px rgb(255 213 95/62%),0 2px 10px rgb(0 0 0/72%)}.universe-copy>p span{width:48px;height:2px;background:#ffd969;box-shadow:0 0 15px #ffd969}.universe-copy h1{max-width:670px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,5.8vw,86px);line-height:.98;letter-spacing:-3.6px;font-weight:500;text-wrap:balance;text-shadow:0 4px 30px rgb(0 0 0/42%)}.universe-copy>div{max-width:590px;margin:27px 0 31px;color:#d1e0d8;font-family:Georgia,serif;font-size:clamp(16px,1.3vw,20px);line-height:1.72;text-shadow:0 2px 12px #000}.copy-readout{width:250px;margin:0 auto;padding:14px 18px;text-align:center;border:1px solid rgb(255 220 112/34%);border-radius:11px;background:rgb(1 19 13/78%);box-shadow:0 12px 35px rgb(0 0 0/18%),0 0 24px rgb(255 211 82/8%);backdrop-filter:blur(12px)}.copy-readout small,.copy-readout b{display:block}.copy-readout small{color:#bdcec5;font-size:8px;letter-spacing:1.5px}.copy-readout b{margin-top:6px;color:#ffe071;font-family:Georgia,serif;font-size:13px;letter-spacing:1.2px;text-shadow:0 0 9px rgb(255 210 78/46%)}.universe-cta{width:fit-content;display:flex;align-items:center;gap:28px;padding:14px 16px 14px 21px;border-radius:999px;background:var(--accent);color:#0b2b1d;font-size:13px;font-weight:850;box-shadow:0 14px 45px color-mix(in srgb,var(--accent) 15%,transparent)}.universe-cta span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0b2b1d}
.universe-stage{width:min(50vw,680px);aspect-ratio:1;position:absolute;z-index:3;right:clamp(20px,5vw,86px);top:43%;transform:translateY(-50%)}.solar-orbit{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:50%;pointer-events:none}.orbit-outer{width:94%;height:70%;transform:translate(-50%,-50%) rotate(-13deg);box-shadow:0 0 45px color-mix(in srgb,var(--accent) 6%,transparent);animation:orbit-pulse 5s ease-in-out infinite}.orbit-inner{width:73%;height:73%;transform:translate(-50%,-50%) rotate(37deg);border-style:dashed;opacity:.56;animation:orbit-pulse 5s 1.2s ease-in-out infinite reverse}.central-globe{width:64%;aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;background:#062a40;border:1px solid rgb(255 221 116/62%);box-shadow:inset -35px -28px 60px rgb(0 0 0/24%),0 0 0 8px rgb(255 210 91/4%),0 0 82px rgb(57 224 186/29%),0 0 138px rgb(255 210 91/15%)}.earth-surface{position:absolute;z-index:0;inset:-1%;border-radius:50%;background:url('../images/earth-xianxia-v3.png') center/118% no-repeat;animation:earth-breathe 8s ease-in-out infinite}.earth-light{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 27% 19%,rgb(215 255 241/18%),transparent 22%),linear-gradient(115deg,transparent 57%,rgb(0 18 15/22%) 84%)}.longitude,.latitude{position:absolute;z-index:2;left:50%;top:50%;border:1.5px solid rgb(255 221 116/49%);border-radius:50%;filter:drop-shadow(0 0 5px rgb(255 208 86/82%))}.longitude{width:42%;height:96%;transform:translate(-50%,-50%);animation:meridian-flow 7s ease-in-out infinite}.longitude-two{width:72%;animation-delay:-2.3s}.longitude-three{width:18%;animation-delay:-4.6s}.latitude{width:96%;height:33%;transform:translate(-50%,-50%);animation:latitude-flow 5.5s ease-in-out infinite}.latitude-two{height:68%;animation-delay:-1.8s}.latitude-three{height:11%;animation-delay:-3.6s}.globe-energy-band{position:absolute;z-index:2;left:-12%;top:47%;width:124%;height:12%;border-top:2px solid rgb(255 224 127/76%);border-radius:50%;filter:drop-shadow(0 0 8px #ffd86a);transform:rotate(-11deg);animation:energy-flow 4.8s linear infinite}.band-diagonal{top:43%;transform:rotate(29deg);opacity:.5;animation-delay:-2.4s}
.central-world-image{display:none;position:absolute;z-index:3;inset:-2%;background-image:linear-gradient(120deg,transparent 20%,rgb(0 10 6/52%)),url('../images/og.png');background-size:auto 100%;background-position:8% center;filter:saturate(1.05) contrast(1.08);animation:world-in .45s ease both}.central-library .central-world-image,.central-games .central-world-image,.central-ielts .central-world-image,.central-monitor .central-world-image{display:block}.central-games .central-world-image{background-position:92% 3%;filter:saturate(1.25) sepia(.12)}.central-ielts .central-world-image{background-position:17% 94%;filter:hue-rotate(125deg) saturate(.85) brightness(1.14)}.central-monitor .central-world-image{background-image:linear-gradient(120deg,transparent 36%,rgb(0 10 6/20%)),url('../images/luan-the-cuoc-hover-v1.png');background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.05)}.central-world-label{position:absolute;z-index:4;left:50%;bottom:9%;transform:translateX(-50%);min-width:max-content;padding:10px 17px;border:1px solid rgb(255 220 112/65%);border-radius:999px;background:rgb(15 25 16/80%);color:#ffe7a0;box-shadow:0 0 24px rgb(255 205 79/28%),inset 0 0 14px rgb(255 225 135/8%);text-shadow:0 0 8px #ffcf55,0 1px 2px rgb(0 0 0/80%);backdrop-filter:blur(9px);font-family:Georgia,serif;font-size:14px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.orbit-worlds{position:absolute;inset:0;z-index:5}.orbit-carrier{--start:0deg;--counter:0deg;position:absolute;inset:0;pointer-events:none;animation:carrier-spin 38s linear infinite}.orbit-carrier-1{--planet:#dfff57}.orbit-carrier-2{--start:90deg;--counter:-90deg;--planet:#ffb85a}.orbit-carrier-3{--start:180deg;--counter:-180deg;--planet:#7fe2ff}.orbit-carrier-4{--start:270deg;--counter:-270deg;--planet:#69f1bd}.orbit-world{width:138px;position:absolute;left:50%;top:-3%;display:flex;flex-direction:column;align-items:center;color:#a0b8ad;outline:none;pointer-events:auto;animation:counter-spin 38s linear infinite}.orbit-worlds:hover .orbit-carrier,.orbit-worlds:hover .orbit-world{animation-play-state:paused}.orbit-world-core{width:82px;height:82px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgb(255 255 255/20%);border-radius:50%;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--planet) 38%,white),color-mix(in srgb,var(--planet) 38%,#0b3024) 45%,#061c15 85%);box-shadow:inset -14px -13px 25px rgb(0 0 0/55%),0 0 24px color-mix(in srgb,var(--planet) 15%,transparent);transition:.28s}.orbit-world:hover .orbit-world-core,.orbit-world:focus-visible .orbit-world-core,.orbit-world.active .orbit-world-core{transform:scale(1.14);border-color:var(--planet);box-shadow:inset -14px -13px 25px rgb(0 0 0/45%),0 0 0 7px color-mix(in srgb,var(--planet) 8%,transparent),0 0 34px color-mix(in srgb,var(--planet) 40%,transparent)}.orbit-world strong{margin-top:10px;padding:6px 12px;min-width:max-content;color:#fff0b0;border:1px solid rgb(255 224 127/28%);border-radius:999px;background:rgb(2 24 16/82%);box-shadow:0 7px 20px rgb(0 0 0/28%),0 0 16px color-mix(in srgb,var(--planet) 16%,transparent);backdrop-filter:blur(8px);font-family:Georgia,serif;font-size:16px;line-height:1.15;font-weight:800;text-align:center;text-shadow:0 0 9px rgb(255 214 104/48%)}.orbit-world small{margin-top:5px;padding:2px 7px;color:var(--planet);border-radius:999px;background:rgb(1 21 14/72%);font-family:Georgia,serif;font-size:11px;font-weight:800;letter-spacing:1.2px;text-shadow:0 0 7px var(--planet)}
.mini-book{width:38px;height:28px;position:relative;perspective:80px}.mini-book i{width:50%;height:100%;position:absolute;top:0;border:2px solid #effff6;border-radius:3px 8px 8px 3px;background:rgb(255 255 255/10%)}.mini-book i:first-child{left:1px;transform:rotateY(-24deg);transform-origin:right}.mini-book i:last-child{right:1px;transform:rotateY(24deg);transform-origin:left;border-radius:8px 3px 3px 8px}.mini-book:after{content:"";width:3px;height:43px;position:absolute;left:20px;top:-8px;border-radius:2px;background:#effff6;transform:rotate(42deg)}.mini-crossed-blades{width:44px;height:44px;position:relative}.mini-crossed-blades i{width:4px;height:39px;position:absolute;left:20px;top:1px;border-radius:50% 50% 2px 2px;background:linear-gradient(#effff6 0 68%,#d6b65d 68% 76%,#effff6 76%)}.mini-crossed-blades i:first-child{transform:rotate(45deg)}.mini-crossed-blades i:last-child{transform:rotate(-45deg)}.mini-languages{width:48px;height:38px;position:relative;display:block;font-family:Georgia,serif;color:#effff6}.mini-languages b{position:absolute;left:4px;top:1px;font-size:30px}.mini-languages i{position:absolute;right:2px;bottom:0;padding:1px 3px;border:1px solid rgb(239 255 246/62%);border-radius:5px;background:rgb(4 42 32/60%);font-size:18px;font-style:normal}.mini-monitor{width:38px;height:38px;position:relative;display:block;border:2px solid #effff6;border-radius:50%;overflow:hidden}.mini-monitor i:first-child{position:absolute;inset:5px 11px;border:1px solid #effff6;border-radius:50%}.mini-monitor i:last-child{position:absolute;left:2px;right:2px;top:50%;height:1px;background:#effff6;box-shadow:0 -8px 0 rgb(239 255 246/65%),0 8px 0 rgb(239 255 246/65%)}.mini-world-brush{width:49px;height:46px;position:relative;display:grid;place-items:center}.mini-world-brush>b{width:4px;height:36px;position:absolute;right:4px;top:2px;border-radius:3px;background:linear-gradient(#d9b560 0 13%,#effff6 13% 86%,#b68a45 86%);transform:rotate(20deg)}.mini-world-brush>b:after{content:"";width:10px;height:15px;position:absolute;left:-3px;bottom:-13px;border-radius:2px 2px 70% 70%;background:linear-gradient(#d8c7a0,#3c2c24 70%);clip-path:polygon(12% 0,88% 0,100% 55%,50% 100%,0 55%)}
@keyframes earth-breathe{0%,100%{transform:scale(1.02);filter:saturate(1.04) brightness(.98)}50%{transform:scale(1.045);filter:saturate(1.12) brightness(1.06)}}@keyframes meridian-flow{0%,100%{opacity:.22;box-shadow:0 0 4px rgb(255 207 84/20%)}50%{opacity:.92;box-shadow:0 0 15px rgb(255 207 84/78%)}}@keyframes latitude-flow{0%,100%{opacity:.18}50%{opacity:.86}}@keyframes energy-flow{0%{opacity:.14;clip-path:inset(0 100% 0 0)}42%,65%{opacity:.9;clip-path:inset(0)}100%{opacity:.12;clip-path:inset(0 0 0 100%)}}@keyframes carrier-spin{from{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@keyframes counter-spin{from{transform:translateX(-50%) rotate(var(--counter))}to{transform:translateX(-50%) rotate(calc(var(--counter) - 360deg))}}@keyframes orbit-pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes world-in{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@media(max-width:980px){.universe-nav{grid-template-columns:1fr auto}.universe-nav nav{display:none}.universe-copy{width:57vw;left:34px}.universe-stage{width:60vw;right:-10vw;opacity:.86}}@media(max-width:680px){.universe{min-height:930px;background-position:62% center}.universe-nav{height:72px;padding-inline:18px}.universe-brand>span{width:38px;height:38px}.universe-brand small{display:none}.universe-actions a{padding:9px 12px;font-size:10px}.universe-copy{width:calc(100% - 38px);left:19px;top:128px;transform:none}.universe-copy>p{font-size:12px;letter-spacing:1.6px}.universe-copy h1{max-width:370px;font-size:46px;letter-spacing:-2.4px}.universe-copy>div{max-width:365px;margin:19px 0 24px;font-size:15px}.copy-readout{width:220px}.universe-stage{width:390px;right:auto;left:50%;top:615px;transform:translateX(-50%);opacity:1}.central-globe{width:59%}.central-world-label{padding:7px 10px;font-size:10px}.orbit-world{width:96px}.orbit-world-core{width:60px;height:60px}.orbit-world strong{margin-top:5px;padding:4px 7px;font-size:11px}.orbit-world small{margin-top:2px;font-size:8px}.mini-book,.mini-crossed-blades,.mini-languages,.mini-world-brush{transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.earth-surface,.longitude,.latitude,.globe-energy-band,.orbit-carrier,.orbit-world,.solar-orbit{animation:none}}

/* iPhone: giữ thiên thể ở tâm màn hình, không kéo dài trang theo tọa độ cố định. */
@media(max-width:680px){
  .universe{height:100svh;min-height:680px;background-position:66% center}
  .universe-nav{height:64px;padding:env(safe-area-inset-top) 14px 0}
  .universe-brand{gap:8px}.universe-brand>span{width:34px;height:34px;border-radius:10px;font-size:10px}
  .universe-brand strong{font-size:15px}.universe-actions a{padding:8px 10px;font-size:9px}
  .universe-copy{width:calc(100% - 28px);left:14px;top:82px;text-align:center}
  .universe-copy>p{justify-content:center;margin-bottom:10px;gap:8px;white-space:nowrap;font-size:clamp(10px,3vw,12px);letter-spacing:1px}
  .universe-copy>p span{width:22px}
  .universe-copy h1{max-width:none;font-size:clamp(34px,10.5vw,42px);line-height:1;letter-spacing:-1.8px}
  .universe-copy>div{max-width:360px;margin:12px auto 11px;font-size:13px;line-height:1.45}
  .copy-readout{width:min(286px,82vw);padding:10px 14px}
  .copy-readout small{font-size:7px}.copy-readout b{margin-top:4px;white-space:nowrap;font-size:12px;letter-spacing:.65px}
  .universe-cta{margin:4px auto 0;padding:10px 11px 10px 17px;font-size:12px}
  .universe-cta span{width:27px;height:27px}
  .universe-stage{width:min(94vw,380px);right:auto;left:50%;top:55svh;transform:translate(-50%,-50%);opacity:1}
  .central-globe{width:59%}.central-world-label{padding:7px 10px;font-size:10px}
  .orbit-world{width:96px}.orbit-world-core{width:60px;height:60px}
  .orbit-world strong{margin-top:5px;padding:4px 7px;font-size:11px}.orbit-world small{margin-top:2px;font-size:8px}
}
@media(max-width:380px){
  .universe-copy>div{font-size:12px}.universe-stage{width:360px;top:60svh}
  .orbit-world{width:88px}.orbit-world strong{font-size:10px}
}
@media(max-height:700px) and (max-width:680px){
  .universe-copy{top:72px}.universe-copy>div{max-width:340px;margin:8px auto;font-size:12px;line-height:1.35}
  .copy-readout{padding:7px 12px}.universe-stage{width:min(88vw,350px);top:61svh}
}

/* Giữ toàn bộ bốn hành tinh trong khung trên màn hình PC chiều cao thấp. */
@media(min-width:681px) and (max-height:820px){
  .universe-stage{width:min(43vw,520px);top:50%;right:clamp(18px,4vw,60px)}
  .orbit-world{width:118px;top:-1%}
  .orbit-world-core{width:70px;height:70px}
  .orbit-world strong{margin-top:6px;padding:5px 9px;font-size:14px}
  .orbit-world small{margin-top:3px;font-size:9px}
}

/* Mobile v3: ưu tiên toàn bộ tiêu đề và thiên thể nằm gọn trong màn hình. */
@media(max-width:680px){
  html,body{height:100%;overflow:hidden;overscroll-behavior:none}
  .universe{position:fixed;inset:0;width:100%;height:100svh;min-height:0}
  .universe-nav{height:58px}
  .universe-copy{top:66px}
  .universe-copy>p{margin-bottom:6px;font-size:clamp(9px,2.8vw,11px)}
  .universe-copy h1{font-size:clamp(32px,9.8vw,39px)}
  .universe-copy>div{margin:8px auto;font-size:clamp(11px,3.15vw,13px);line-height:1.35}
  .copy-readout{width:min(310px,88vw);padding:8px 10px}
  .copy-readout b{white-space:nowrap;font-size:clamp(10px,3vw,12px);letter-spacing:.3px}
  .universe-stage{width:min(86vw,350px);top:calc(58svh + 32px)}
  .orbit-carrier{inset:-8%}
}

@media(max-width:380px){
  .universe-copy{top:64px}
  .universe-copy>div{margin:7px auto;font-size:11px}
  .universe-stage{width:min(84vw,320px);top:calc(60svh + 30px)}
}

@media(max-width:680px) and (max-height:700px){
  .universe-copy{top:54px}
  .universe-copy>p{margin-bottom:3px;font-size:clamp(8px,2.6vw,10px)}
  .universe-copy h1{font-size:clamp(29px,9.2vw,35px)}
  .universe-copy>div{margin:4px auto;font-size:clamp(9px,2.8vw,10.5px);line-height:1.22}
  .copy-readout{padding:5px 8px}
  .universe-stage{width:min(78vw,292px);top:calc(62svh + 30px)}
}

/* Khu kỳ thư và số lượt truy cập — nối tiếp tổng đàn nhưng không đổi bố cục hero PC. */
.home-discovery{padding:78px clamp(20px,6vw,96px) 34px;color:#eaf7ef;background:radial-gradient(circle at 12% 8%,#17634755,transparent 32%),linear-gradient(155deg,#041e16,#082e21 58%,#031711)}
.home-discovery>header{max-width:1240px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end;gap:35px}.home-discovery>header small{color:#e4ca75;font-size:11px;font-weight:900;letter-spacing:2.2px}.home-discovery h2{margin:8px 0 0;font:500 clamp(34px,4vw,56px) Georgia,serif}.home-discovery>header>p{max-width:520px;margin:0;color:#a9c4b5;font:17px/1.7 Georgia,serif}
.home-epub-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-epub-card{min-height:285px;padding:18px;display:grid;grid-template-columns:145px 1fr;gap:22px;border:1px solid #bde8c51c;border-radius:20px;background:#ffffff08;box-shadow:0 16px 50px #00130c3d;transition:.25s}.home-epub-card:hover{transform:translateY(-4px);border-color:#e0d16e66;background:#ffffff0d}.home-epub-cover img{width:145px;height:218px;object-fit:cover;border-radius:10px;box-shadow:0 16px 35px #0008}.home-epub-card small{color:#dbbf65;font-size:10px;font-weight:900;letter-spacing:1.4px}.home-epub-card h3{margin:8px 0 4px;color:#fff8dc;font:600 24px/1.15 Georgia,serif}.home-epub-card span{color:#83aa96;font-size:12px}.home-epub-card p{margin:15px 0;color:#c4d7cd;font:15px/1.62 Georgia,serif}.home-epub-open{color:#e3f77a;font-size:12px;font-weight:900}.home-featured-empty{grid-column:1/-1;padding:30px;border:1px dashed #ffffff2e;border-radius:15px;text-align:center;color:#a9c4b5}
.home-discovery>footer{max-width:1240px;margin:48px auto 0;padding-top:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff13;color:#89a699;font-size:12px}.home-discovery>footer p{margin:0}.home-discovery>footer a{color:#d9c575}.home-visit-count{display:flex;align-items:center;gap:15px}.home-visit-count span{display:flex;align-items:baseline;gap:6px}.home-visit-count b{color:#f7e59d;font:600 22px Georgia,serif}.home-visit-count i{width:4px;height:4px;border-radius:50%;background:#70ba91}
@media(max-width:900px){.home-epub-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  html,body{height:auto;overflow:auto;overscroll-behavior:auto}.universe{position:relative;inset:auto;height:100svh;min-height:680px}
  .home-discovery{padding:54px 15px 26px}.home-discovery>header{display:block}.home-discovery>header>p{margin-top:15px;font-size:15px}.home-epub-card{min-height:0;padding:13px;grid-template-columns:96px 1fr;gap:14px;border-radius:15px}.home-epub-cover img{width:96px;height:145px}.home-epub-card h3{font-size:19px}.home-epub-card p{margin:10px 0;font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.home-discovery>footer{align-items:flex-start;flex-direction:column;gap:14px}.home-visit-count{width:100%;justify-content:center;gap:9px}.home-visit-count span{font-size:10px}.home-visit-count b{font-size:17px}
}