:root{--ink:#172b29;--muted:#6c7b78;--green:#7eaf26;--green2:#a9d447;--deep:#2e6f67;--blue:#2d829f;--paper:#f4f7fb;--card:#fff;--line:#e5edf0;--warm:#fff8ee;--shadow:0 16px 42px rgba(30,57,53,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:50;background:rgba(248,250,253,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(221,232,234,.8)}.header-inner{height:76px;max-width:1280px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:178px}.brand img{width:48px;height:48px;object-fit:contain}.brand-name{font-size:21px;font-weight:800;letter-spacing:.02em}.brand-name span{color:var(--green)}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;color:#435854;font-size:14px}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:var(--deep)}.desktop-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--green);border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px}.menu-btn,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;color:var(--ink);cursor:pointer}.download-wrap{position:relative}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#8bbd2b,#69a41d);color:#fff;border:0;border-radius:13px;padding:12px 19px;font-weight:700;box-shadow:0 8px 18px rgba(112,164,35,.2);transition:transform .25s,box-shadow .25s;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(112,164,35,.28)}.qr-pop{position:absolute;z-index:70;top:calc(100% + 10px);left:50%;transform:translate(-50%,-8px);width:188px;padding:12px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 45px #243c3324;opacity:0;visibility:hidden;transition:.22s;pointer-events:none;text-align:center}.download-wrap:hover .qr-pop,.download-wrap:focus-within .qr-pop{opacity:1;visibility:visible;transform:translate(-50%,0)}.qr-pop img{width:148px;height:148px;margin:auto}.qr-pop small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.top-download .qr-pop{top:calc(100% + 8px)}.drawer-backdrop{position:fixed;inset:0;background:#101d1bb8;z-index:100;opacity:0;visibility:hidden;transition:.25s}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{position:absolute;right:0;top:0;height:100%;width:min(420px,100%);background:#f9fbfc;padding:25px;transform:translateX(100%);transition:transform .3s;overflow-y:auto}.drawer-backdrop.open .drawer{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.drawer-head strong{font-size:22px}.drawer-links{display:grid;gap:8px}.drawer-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:13px;background:white;border:1px solid #e8eff0;font-weight:600}.drawer-links a.active,.drawer-links a:hover{background:#edf7dd;border-color:#c8e39a;color:#3f7017}.drawer-links span{color:#91a09c;font-size:12px}.drawer-download{margin-top:22px;padding:20px;background:#edf5e1;border-radius:18px}.hero{max-width:1280px;margin:30px auto 0;padding:0 24px}.hero-shell{position:relative;min-height:380px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:28px;background:linear-gradient(115deg,#f0f8d8 0%,#e7f2cf 44%,#e6f2f5 100%);box-shadow:var(--shadow)}.hero-copy{padding:45px 0 40px 48px;align-self:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffffbd;border:1px solid #dce9c7;border-radius:30px;color:#4b7a21;font-size:12px;font-weight:700;letter-spacing:.08em}.eyebrow i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #9dcf3b2b}.hero h1{font-size:clamp(32px,4vw,50px);line-height:1.22;letter-spacing:-.04em;margin:18px 0 15px;max-width:540px}.hero h1 em{font-style:normal;color:#639b20}.hero p{max-width:520px;color:#53665e;font-size:15px;line-height:1.95;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid #cad9cc;border-radius:13px;background:#ffffffb5;color:#31584d;font-weight:600;transition:.2s}.btn-outline:hover{background:white;transform:translateY(-2px)}.hero-points{display:flex;gap:19px;flex-wrap:wrap;margin-top:22px;color:#62766b;font-size:12px}.hero-points span:before{content:'✓';color:#70a923;font-weight:800;margin-right:6px}.hero-art{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;padding:24px 30px 24px 0}.hero-art:before,.hero-art:after{content:'';position:absolute;border-radius:50%;filter:blur(1px)}.hero-art:before{width:320px;height:320px;background:#b7d96366;right:10%;top:10%}.hero-art:after{width:220px;height:220px;background:#b2dfe3a6;right:0;bottom:-12%}.hero-art img{position:relative;z-index:2;width:min(100%,420px);max-height:335px;object-fit:contain;filter:drop-shadow(0 20px 18px #5b75402a);animation:floaty 6s ease-in-out infinite}.hero-bubble{position:absolute;z-index:3;background:#fff;border:1px solid #e3edda;border-radius:15px;padding:10px 13px;box-shadow:0 10px 26px #284b2b15;font-size:12px;font-weight:700}.bubble-one{top:14%;right:10%}.bubble-two{bottom:16%;left:8%}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}.quick-strip{max-width:1232px;margin:20px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-item{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 20px #25453b05}.quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef7db;font-size:20px}.quick-item b{display:block;font-size:14px}.quick-item small{color:var(--muted);font-size:12px}.section{max-width:1280px;margin:58px auto 0;padding:0 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0;font-size:26px;letter-spacing:-.025em;line-height:1.35}.section-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.text-link{color:#528b22;font-weight:700;font-size:13px;white-space:nowrap}.comics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.comic-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 26px #223e3707;transition:transform .3s,box-shadow .3s}.comic-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #223e3712}.cover-wrap{position:relative;aspect-ratio:3/4.05;overflow:hidden;background:#e6ede6}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.comic-card:hover .cover-wrap img{transform:scale(1.045)}.cover-badge{position:absolute;top:12px;left:12px;padding:4px 9px;border-radius:20px;background:#ffffffed;color:#4c781e;font-size:11px;font-weight:700}.score{position:absolute;right:12px;bottom:12px;padding:5px 9px;background:#172b29d9;color:#fff;border-radius:10px;font-size:12px;font-weight:700}.comic-info{padding:15px 16px 17px}.comic-info h3{font-size:17px;margin:0 0 5px;line-height:1.5}.meta{display:flex;gap:9px;align-items:center;color:#879590;font-size:11px}.comic-info p{font-size:13px;line-height:1.75;color:#62716d;margin:11px 0 13px;min-height:45px}.card-link{display:flex;align-items:center;justify-content:center;border:1px solid #d9e8d0;border-radius:11px;padding:8px;color:#568c2b;font-size:12px;font-weight:700;transition:.2s}.card-link:hover{background:#f2f9e8}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 25px #223e3705}.panel-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px}.panel-title:before{content:'';width:4px;height:25px;border-radius:5px;background:linear-gradient(#8bbd2b,#2d829f)}.rank-list{display:grid;gap:0}.rank-row{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f1}.rank-row:last-child{border-bottom:0}.rank-num{font-size:20px;font-weight:800;color:#a2b0a8;text-align:center}.rank-row:nth-child(-n+3) .rank-num{color:#ee9c5e}.rank-thumb{width:48px;height:56px;border-radius:9px;object-fit:cover}.rank-title{font-weight:700;font-size:13px}.rank-sub{font-size:11px;color:#899690}.rank-score{color:#df9852;font-size:12px;font-weight:700}.new-list{display:grid;gap:0}.new-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f1}.new-row:last-child{border:0}.new-row img{width:54px;height:66px;object-fit:cover;border-radius:9px}.new-row b{display:block;font-size:13px}.new-row small{color:#8a9691;font-size:11px}.review-section{background:#fffaf3;border-top:1px solid #f4e8d7;border-bottom:1px solid #f4e8d7;padding:48px 0 52px;margin-top:58px}.review-inner{max-width:1232px;margin:auto;padding:0 24px}.review-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:25px}.review-title:before{content:'';width:6px;height:30px;border-radius:8px;background:linear-gradient(#d85c3d,#f5c23a)}.review-list{background:#ffffffd9;border:1px solid #f0e9df;border-radius:22px;padding:10px 22px;max-height:390px;overflow:auto;scrollbar-color:#b7b9b3 #f8f5f0;scrollbar-width:thin}.review{padding:17px 4px;border-bottom:1px solid #f0ece6}.review:last-child{border-bottom:0}.review-name{color:#2687bd;font-weight:700;margin-bottom:3px}.review p{margin:2px 0 7px;color:#454b55;font-size:14px}.review-stats{display:flex;gap:18px;align-items:center;font-size:12px;color:#8b8e91}.review-stats span:first-child{color:#e64c55}.reply{border:0;background:#f8c52f;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:700}.download-section{max-width:1232px;margin:58px auto 0;padding:0 24px}.download-panel{position:relative;overflow:visible;display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;padding:32px 38px;border-radius:26px;background:linear-gradient(120deg,#1d3934,#2f5b4b 62%,#517d3b);color:white;box-shadow:0 18px 42px #1b413022}.download-panel:before{content:'';position:absolute;right:12%;top:-55px;width:180px;height:180px;border-radius:50%;background:#b0db4a20;filter:blur(2px)}.download-copy{position:relative;z-index:1}.download-kicker{color:#c7e994;font-size:12px;font-weight:700;letter-spacing:.12em}.download-panel h2{font-size:30px;line-height:1.35;margin:7px 0 9px}.download-panel p{color:#d3e0d8;font-size:14px;margin:0;max-width:600px}.download-bullets{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:17px;color:#e1ecdf;font-size:12px}.download-bullets span:before{content:'✓';color:#b8e363;margin-right:6px;font-weight:800}.download-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.download-panel .btn-primary{background:linear-gradient(135deg,#b8e65c,#7caf29);color:#18321e}.download-panel .btn-outline{background:#ffffff13;border-color:#ffffff48;color:white}.qr-hero{position:relative;z-index:2;background:#fff;padding:12px;border-radius:20px;box-shadow:0 12px 30px #0a1b1540;transform:rotate(2deg)}.qr-hero img{width:180px;aspect-ratio:1;object-fit:contain}.qr-hero small{display:block;text-align:center;color:#4f6255;font-size:11px;margin-top:6px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 19px}.faq-item summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-item summary:after{content:'+';font-size:20px;color:#77a92c;line-height:1}.faq-item[open] summary:after{content:'−'}.faq-item p{color:#697873;font-size:13px;margin:10px 0 0}.site-footer{margin-top:62px;padding:32px 24px 28px;background:#eaf0f0;border-top:1px solid #dfe8e7}.footer-inner{max-width:1232px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-links{display:flex;flex-wrap:wrap;gap:16px;color:#61736e;font-size:12px}.copyright{color:#8a9792;font-size:11px;margin-top:12px}.page-hero{max-width:1232px;margin:35px auto 0;padding:30px 34px;background:linear-gradient(110deg,#eef7d9,#edf5f5);border:1px solid #e2ebdc;border-radius:24px}.page-hero h1{font-size:34px;line-height:1.3;margin:0 0 8px}.page-hero p{color:#62746a;margin:0;max-width:750px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter-chip{border:1px solid var(--line);border-radius:30px;padding:8px 14px;background:#fff;color:#52665e;cursor:pointer;font-size:13px}.filter-chip.active,.filter-chip:hover{background:#2d829f;color:white;border-color:#2d829f}.listing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.listing-grid .comic-info{padding:12px}.listing-grid .comic-info h3{font-size:15px}.ranking-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.podium{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);text-align:center}.podium:nth-child(1){background:linear-gradient(145deg,#fff6e4,#fff);border-color:#f0d8aa}.podium .medal{font-size:28px}.podium img{width:100px;height:130px;object-fit:cover;border-radius:12px;margin:12px auto}.podium h3{font-size:16px;margin:8px 0 2px}.podium p{color:#8b9690;font-size:12px;margin:0}.updates-list{display:grid;gap:12px}.update-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px}.update-card img{width:88px;height:108px;object-fit:cover;border-radius:12px}.update-card h3{margin:0 0 4px;font-size:17px}.update-card p{margin:0;color:#718079;font-size:13px}.update-tag{padding:5px 10px;background:#eff7e3;border-radius:20px;color:#5b8c27;font-size:11px;font-weight:700}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal[data-motion="left"]{transform:translateX(-20px)}.reveal[data-motion="left"].is-visible{transform:translateX(0)}.reveal[data-motion="right"]{transform:translateX(20px)}.reveal[data-motion="right"].is-visible{transform:translateX(0)}.backtop{position:fixed;right:20px;bottom:22px;z-index:40;width:44px;height:44px;border:1px solid #dce8dd;background:#ffffffd9;backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 8px 22px #243d3217;cursor:pointer;color:#507c29;font-size:20px;opacity:0;pointer-events:none;transition:.2s}.backtop.show{opacity:1;pointer-events:auto}.empty-state{padding:30px;text-align:center;color:#81908a}.mobile-download{display:none}
@media(max-width:1050px){.desktop-nav{gap:13px}.brand{min-width:auto}.brand-name{font-size:19px}.header-inner{gap:16px}.hero-shell{grid-template-columns:1.1fr .9fr}.hero-copy{padding-left:34px}.content-layout{grid-template-columns:minmax(0,1fr) 290px}.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:14px}.header-inner{height:66px;padding:0 15px;gap:10px}.brand img{width:40px;height:40px}.brand-name{font-size:18px}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:8px}.header-actions .top-download .btn-primary{padding:10px 12px;font-size:12px}.menu-btn{padding:9px 11px}.hero{margin-top:16px;padding:0 14px}.hero-shell{grid-template-columns:1fr;min-height:unset;border-radius:22px}.hero-copy{padding:27px 23px 6px}.hero h1{font-size:33px;margin:13px 0 10px}.hero p{font-size:13px;line-height:1.85}.hero-actions{margin-top:18px}.hero-actions .btn-primary,.hero-actions .btn-outline{padding:10px 13px;font-size:13px}.hero-art{min-height:215px;padding:0 25px 15px}.hero-art img{max-height:220px;width:78%}.hero-art:before{width:190px;height:190px;right:20%;top:4%}.hero-art:after{width:120px;height:120px}.bubble-one{top:8%;right:8%}.bubble-two{bottom:12%;left:6%}.quick-strip{padding:0 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.quick-item{padding:11px;gap:9px;border-radius:14px}.quick-icon{width:36px;height:36px;font-size:17px}.quick-item b{font-size:12px}.quick-item small{font-size:10px}.section{padding:0 14px;margin-top:39px}.section-head{margin-bottom:15px;align-items:center}.section-head h2{font-size:22px}.section-head p{font-size:12px}.comics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.comic-card{border-radius:16px}.cover-wrap{aspect-ratio:3/4.1}.cover-badge{top:8px;left:8px;font-size:10px}.score{right:8px;bottom:8px;font-size:10px}.comic-info{padding:11px}.comic-info h3{font-size:14px}.meta{font-size:10px;gap:6px}.comic-info p{font-size:12px;min-height:unset;margin:8px 0 10px}.card-link{font-size:11px;padding:7px}.content-layout{grid-template-columns:1fr;gap:14px}.panel{padding:17px;border-radius:18px}.panel-title{font-size:17px}.rank-row{grid-template-columns:27px 45px minmax(0,1fr) auto;gap:8px;padding:9px 0}.rank-thumb{width:42px;height:50px}.rank-title{font-size:12px}.rank-score{font-size:11px}.review-section{margin-top:40px;padding:34px 0}.review-inner{padding:0 14px}.review-title{font-size:22px}.review-list{padding:8px 14px;max-height:340px}.review{padding:14px 2px}.review p{font-size:13px}.download-section{padding:0 14px;margin-top:40px}.download-panel{grid-template-columns:1fr;padding:25px 22px;border-radius:22px;gap:20px}.download-panel h2{font-size:25px}.download-panel p{font-size:13px}.qr-hero{width:176px;margin:0 auto;transform:none}.qr-hero img{width:150px;margin:auto}.faq-grid{grid-template-columns:1fr}.faq-item{padding:15px}.site-footer{margin-top:42px;padding:25px 16px 24px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:12px}.page-hero{margin:18px 14px 0;padding:23px 20px;border-radius:20px}.page-hero h1{font-size:28px}.page-hero p{font-size:13px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ranking-board{grid-template-columns:1fr}.podium{display:grid;grid-template-columns:30px 65px minmax(0,1fr);text-align:left;align-items:center;gap:12px;padding:13px}.podium .medal{font-size:22px}.podium img{width:60px;height:76px;margin:0}.podium h3{margin:0}.update-card{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px}.update-card img{width:66px;height:82px}.update-card h3{font-size:14px}.update-card p{font-size:12px}.update-tag{grid-column:2;justify-self:start}.backtop{right:12px;bottom:14px;width:40px;height:40px}.qr-pop{width:160px}.qr-pop img{width:125px;height:125px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* 漫蛙视觉升级：整站背景、易读字号与走马宫灯封面轮播 */
body{font-size:16px;background-color:#f6f8fb;background-image:linear-gradient(180deg,rgba(249,250,252,.42),rgba(249,250,252,.55)),url('page-background.webp');background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.site-header{background:rgba(250,252,253,.86)}
.section-head p,.hero p,.page-hero p{font-size:15px}
.comic-info h3{font-size:17px}.comic-info p{font-size:14px}.meta{font-size:12px}
.quick-item small{font-size:12px}.rank-title{font-size:15px}.rank-sub{font-size:12px}.review p{font-size:15px}.faq-item p{font-size:14px}
.hero-shell{background:linear-gradient(115deg,rgba(240,248,216,.90),rgba(231,242,207,.82) 44%,rgba(230,242,245,.88));border:1px solid rgba(255,255,255,.76)}
.panel,.comic-card,.quick-item,.faq-item,.podium,.update-card{background:rgba(255,255,255,.91);backdrop-filter:blur(9px)}
.review-section{background:rgba(250,247,242,.82)}
.site-footer{background:rgba(234,240,240,.84)}
.hero-art{min-width:0;overflow:hidden;perspective:1050px;isolation:isolate;padding:22px 8px;min-height:390px}
.hero-art:before{width:340px;height:340px;right:12%;top:8%;background:rgba(171,214,77,.30);filter:blur(10px)}
.hero-art:after{width:240px;height:240px;right:0;bottom:2%;background:rgba(146,213,221,.36);filter:blur(12px)}
.lantern-orbit{--lantern-depth:205px;--lantern-width:154px;--lantern-height:228px;position:relative;z-index:2;width:100%;height:360px;perspective:1050px;touch-action:pan-y;outline:none}
.lantern-track{position:absolute;left:50%;top:50%;width:var(--lantern-width);height:var(--lantern-height);transform:translate(-50%,-50%) rotateY(var(--angle,0deg));transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.72,.18,1);will-change:transform}
.lantern-card{position:absolute;inset:0;display:block;overflow:hidden;border:3px solid rgba(255,255,255,.92);border-radius:16px;background:#eaf1e7;box-shadow:0 16px 34px rgba(25,54,45,.24);backface-visibility:visible;transform:rotateY(var(--rot)) translateZ(var(--lantern-depth));transition:box-shadow .25s,border-color .25s}
.lantern-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(15,29,27,.76));pointer-events:none}
.lantern-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lantern-card:hover{border-color:#d5f39c;box-shadow:0 20px 42px rgba(25,54,45,.32)}
.lantern-card:hover img{transform:scale(1.06)}
.lantern-card-title{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;color:#fff;font-size:12px;font-weight:800;line-height:1.35;text-shadow:0 2px 8px #000b;white-space:normal;text-align:center}
.lantern-control{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.83);color:#315d38;box-shadow:0 6px 18px rgba(24,49,39,.16);font-size:28px;line-height:1;cursor:pointer;transition:transform .2s,background .2s}
.lantern-control:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.lantern-prev{left:5px}.lantern-next{right:5px}
.hero-art .hero-bubble{z-index:8;backdrop-filter:blur(12px);background:rgba(255,255,255,.86)}
.app-showcase-section{position:relative}.app-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.app-showcase-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(239,247,227,.89));box-shadow:0 14px 34px rgba(36,65,50,.08);transition:transform .3s,box-shadow .3s}
.app-showcase-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(36,65,50,.13)}
.app-showcase-copy{padding:22px 22px 8px}.showcase-index{color:#78a42b;font-size:11px;font-weight:800;letter-spacing:.13em}.app-showcase-copy h3{margin:5px 0 4px;font-size:20px}.app-showcase-copy p{margin:0;color:#6b7a70;font-size:14px}
.app-screen{height:290px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:16px 18px 0}.app-screen img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center top;border-radius:15px 15px 0 0;box-shadow:0 4px 22px rgba(22,44,35,.12)}
@media(max-width:1050px){.lantern-orbit{--lantern-depth:175px;--lantern-width:138px;--lantern-height:210px}.hero-art{min-height:355px}.app-screen{height:260px}}
@media(max-width:760px){body{font-size:15px;background-attachment:scroll;background-position:center top;background-size:auto 100vh}.section-head p,.hero p,.page-hero p{font-size:14px}.comic-info h3{font-size:15px}.comic-info p{font-size:13px}.rank-title{font-size:13px}.review p{font-size:14px}.faq-item p{font-size:14px}
.hero-art{min-height:270px;padding:5px 0 12px}.lantern-orbit{--lantern-depth:125px;--lantern-width:102px;--lantern-height:152px;height:255px;perspective:760px}.lantern-track{transition:transform .85s cubic-bezier(.2,.72,.18,1)}.lantern-card{border-width:2px;border-radius:11px}.lantern-card-title{font-size:10px;left:5px;right:5px;bottom:6px}.lantern-control{width:32px;height:32px;font-size:24px}.lantern-prev{left:3px}.lantern-next{right:3px}.hero-art .hero-bubble{font-size:10px;padding:7px 9px}.bubble-one{top:2%;right:4%}.bubble-two{bottom:2%;left:4%}.hero-art:before{width:210px;height:210px;right:14%;top:8%}.hero-art:after{width:130px;height:130px;right:0;bottom:2%}
.app-showcase-grid{grid-template-columns:1fr;gap:13px}.app-showcase-card{display:grid;grid-template-columns:minmax(0,1fr) 118px;min-height:190px;border-radius:18px}.app-showcase-copy{padding:20px 5px 18px 17px;align-self:center}.app-showcase-copy h3{font-size:17px}.app-showcase-copy p{font-size:12px;line-height:1.65}.app-screen{height:190px;padding:10px 10px 0 0;align-items:flex-end}.app-screen img{height:100%;max-width:100%;border-radius:9px 9px 0 0}.showcase-index{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.lantern-track{transition:none}.app-showcase-card,.lantern-card img{transition:none}}

/* QR popovers: open upward above every primary download action */
.download-wrap{position:relative;isolation:isolate}
.download-wrap .qr-pop{top:auto;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px);z-index:120;pointer-events:none}
.download-wrap:hover .qr-pop,.download-wrap:focus-within .qr-pop{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
.top-download .qr-pop{top:auto;bottom:calc(100% + 12px)}
.qr-up-wrap{display:inline-flex;vertical-align:middle}
.download-buttons .qr-up-wrap{flex:0 0 auto}
.drawer-download .qr-up-wrap{display:flex;width:100%}
.drawer-download .qr-up-wrap .btn-primary{width:100%}
.page-hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.page-hero-stats span{min-width:108px;padding:10px 16px;border:1px solid #dce9d4;background:#ffffffb8;border-radius:14px;display:flex;flex-direction:column;line-height:1.4}
.page-hero-stats b{font-size:19px;color:#4e8123}
.page-hero-stats small{font-size:12px;color:#78867e;margin-top:3px}
.genre-grid,.update-feature-grid,.faq-tips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.genre-tile,.update-feature,.faq-tip{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:20px;background:#ffffffed;box-shadow:0 10px 28px #243c3307;transition:transform .25s,box-shadow .25s}
.genre-tile:hover,.update-feature:hover,.faq-tip:hover{transform:translateY(-4px);box-shadow:0 18px 32px #243c3312}
.genre-tile>span,.faq-tip>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#eff7df;color:#578526;font-size:24px}
.genre-tile h3,.update-feature h3,.faq-tip h3{margin:13px 0 5px;font-size:18px;line-height:1.45}
.genre-tile p,.update-feature p,.faq-tip p{margin:0 0 15px;color:#697873;font-size:14px;line-height:1.8}
.genre-tile b,.update-feature a,.faq-tip a{margin-top:auto;color:#548627;font-size:13px;font-weight:700}
.ranking-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.rank-updated{padding:7px 12px;border-radius:20px;background:#edf7dd;color:#5c8a2a;font-size:12px;font-weight:700}
.podium-tag{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:20px;background:#eef7df;color:#5c842d;font-size:11px}
.insight-number{display:flex;align-items:baseline;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}
.insight-number strong{font-size:42px;line-height:1;color:#6fa32a}
.insight-number span{font-size:13px;color:var(--muted)}
.rank-insight>p{color:#687871;font-size:14px;line-height:1.85}
.insight-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.insight-tags span{padding:5px 9px;border-radius:20px;background:#f1f6eb;color:#5d7b42;font-size:11px}
.update-category{display:block;margin-bottom:3px;color:#66922d;font-size:11px;font-weight:700}
.update-meta-line{margin-top:7px!important;color:#88948f!important;font-size:12px!important}
.update-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.update-feature>span{color:#82a74e;font-size:11px;font-weight:800;letter-spacing:.08em}
.update-feature a{margin-top:auto}
.faq-tips-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-detail-layout{grid-template-columns:1fr}.rank-insight{display:block}.update-feature-grid,.faq-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-hero-stats{gap:8px;margin-top:17px}.page-hero-stats span{flex:1;min-width:0;padding:9px 10px}.page-hero-stats b{font-size:17px}.page-hero-stats small{font-size:11px}.genre-grid,.update-feature-grid,.faq-tips-grid{grid-template-columns:1fr 1fr;gap:10px}.genre-tile,.update-feature,.faq-tip{padding:16px;border-radius:16px}.genre-tile h3,.update-feature h3,.faq-tip h3{font-size:16px}.genre-tile p,.update-feature p,.faq-tip p{font-size:13px}.ranking-detail-layout .panel{padding:15px}.rank-updated{font-size:11px}.update-card{align-items:start}.update-category{font-size:10px}.qr-pop{bottom:calc(100% + 10px);top:auto}.download-buttons .qr-up-wrap{width:auto}}
@media(max-width:420px){.genre-grid,.update-feature-grid,.faq-tips-grid{grid-template-columns:1fr}.page-hero-stats span{padding:8px}.page-hero-stats b{font-size:16px}}