@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap");
:root{--ink:#20243a;--muted:#6f7285;--pink:#ff5277;--lav:#f1edff;--line:#eceaf2;--bg:#fffdfd;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.shell{width:min(var(--shell),calc(100% - 48px));margin:0 auto}.site-header{background:rgba(255,253,253,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff6c90,#9b77f3);color:#fff;font-size:18px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex:1}.nav-link{display:flex;gap:6px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--muted);font-size:13px;white-space:nowrap}.nav-link i{font-size:16px}.nav-link:hover,.nav-link.active{background:#fff0f4;color:var(--pink);font-weight:700}.home-link{margin-left:4px}.menu-toggle{display:none}.hero{min-height:440px;margin-top:52px;border-radius:30px;background:linear-gradient(118deg,#f5f0ff 0%,#fff5f7 52%,#effbfa 100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:72px 0 64px 70px}.eyebrow,.section-heading p,.page-intro>p,.feature-copy>p,.korean-feature p,.app-panel p,.about-panel>div>p{margin:0;color:#9178cf;letter-spacing:.11em;font-size:12px;font-weight:800}.hero h1{font-size:48px;line-height:1.25;margin:12px 0}.hero h1 a{color:var(--ink)}.hero-copy>p:not(.eyebrow){max-width:510px;color:var(--muted);font-size:16px}.hero-art{position:relative;padding:38px 40px 38px 0}.hero-image{height:100%;border-radius:24px;box-shadow:0 20px 40px #9f80b344}.float-note{position:absolute;bottom:54px;left:-18px;background:#fff;padding:11px 16px;border-radius:14px;box-shadow:0 8px 28px #78688522;font-weight:700;font-size:13px}.float-note i{color:var(--pink)}.button{display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:12px;font-weight:700}.primary{background:var(--pink);color:#fff;box-shadow:0 10px 20px #ff527744}.ghost{border:1px solid #dfd6ec;margin-left:10px}.quick-strip{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-strip a{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;gap:10px;align-items:center;font-weight:700}.quick-strip i{font-size:20px;color:var(--pink)}.section-block{margin-top:74px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2,.feature-copy h2,.korean-feature h2,.about-panel h2,.app-panel h2{font-size:28px;line-height:1.35;margin:4px 0 0}.section-heading>a,.text-link{color:var(--pink);font-weight:700}.comic-grid{display:grid;gap:18px}.five{grid-template-columns:repeat(5,1fr)}.comic-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.comic-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #37255313}.comic-card>a{display:block;position:relative}.cover{height:274px}.episode{position:absolute;left:10px;bottom:10px;background:#242337cc;color:#fff;padding:4px 8px;border-radius:7px;font-size:11px}.card-copy{padding:12px 13px}.card-copy h3{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy p{margin:3px 0 0;color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{min-height:164px;padding:23px;border-radius:17px;background:#fff;border:1px solid var(--line)}.category-card i{font-size:28px;color:#8d70d2}.category-card h3{margin:8px 0 2px}.category-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.split-feature,.korean-feature{margin-top:74px;display:grid;grid-template-columns:1fr 1fr;background:#20243a;color:#fff;border-radius:24px;overflow:hidden}.feature-image{min-height:320px}.wide-image{height:100%}.feature-copy{padding:50px}.feature-copy>p,.korean-feature p{color:#d0bcff}.feature-copy h2{font-size:31px}.feature-copy>p:not(:first-child),.korean-feature>div>p:not(:first-child){color:#e5e4ee}.rank-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.rank-row{display:grid;grid-template-columns:50px 1fr 100px;align-items:center;padding:13px 0;border-bottom:1px dashed #ddd9e4}.rank-row b{color:#a488e0;font-size:18px}.rank-row em{font-size:12px;color:var(--muted);font-style:normal;text-align:right}.quote-panel{border-radius:22px;background:#fff1d9;padding:42px}.quote-panel i{font-size:42px;color:#efa047}.quote-panel p{font-size:20px;font-weight:700}.quote-panel span{color:#927051}.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{min-height:220px;padding:28px;border-radius:22px}.topic-card i{font-size:32px}.topic-card h2{font-size:21px;margin:14px 0 4px}.topic-card p{font-size:14px}.topic-card a{font-weight:800}.purple{background:#eee9ff}.yellow{background:#fff1c9}.green{background:#dff7ee}.korean-feature{background:#f4edf9;color:var(--ink)}.korean-feature>div:first-child{min-height:330px}.korean-image{height:100%}.korean-feature>div:last-child{padding:54px}.korean-feature p{color:#9879b6!important}.korean-feature>div>p:not(:first-child){color:var(--muted)!important}.schedule{background:#fff;border:1px solid var(--line);padding:32px;border-radius:22px}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.days div{padding:18px;border-radius:14px;background:#faf8fd}.days b,.days span{display:block}.days b{color:#9a80ce;font-size:13px}.days span{margin-top:5px;font-weight:700;font-size:14px}.about-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:46px 0}.about-panel>div>p:not(:first-child){color:var(--muted);letter-spacing:0;font-size:15px;font-weight:400}.about-panel a{color:var(--pink);font-weight:700}.app-panel{margin-top:74px;margin-bottom:74px;padding:30px 38px;border-radius:24px;background:linear-gradient(120deg,#ff5e7f,#946be5);color:#fff;display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:center}.app-panel p{color:#ffe5ec}.qr-mark{width:96px;height:96px;background:#fff;color:#2d2744;border-radius:14px;display:grid;place-items:center;text-align:center}.qr-mark span{font-size:29px;font-weight:900}.qr-mark small{margin-top:-28px}.app-panel h2{font-size:25px}.app-panel div>p:not(:first-child){color:#fff;letter-spacing:0;font-weight:400}.app-panel .button{background:#fff;color:#7c59ca}.site-footer{background:#25263b;color:#d5d3dc;padding:42px 0 20px}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start}.footer-grid h2{color:#fff;font-size:18px}.footer-grid p{font-size:13px}.footer-grid>div:last-child{display:flex;gap:18px;font-size:14px}.copyright{text-align:center;margin:30px 0 0;font-size:12px;color:#9796a4}.inner-page{padding-top:36px}.breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.breadcrumb a:hover{color:var(--pink)}.page-intro{padding:42px 0 12px}.page-intro h1,.reader-heading h1{font-size:38px;margin:4px 0}.page-intro>p:last-child{color:var(--muted);font-size:16px;letter-spacing:0;font-weight:400}.seo-copy{margin:70px 0;padding:32px;border-radius:18px;background:#f8f5fc}.seo-copy h2{font-size:21px}.seo-copy p{color:var(--muted)}.reader{max-width:900px;padding-top:34px}.reader-heading{text-align:center;padding:38px 0 25px}.reader-heading>p{margin:0;color:#9278c5;font-size:13px}.reader-heading div{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:13px}.reading-tip{display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:12px;background:#fff6dd;color:#806c42;font-size:13px}.reading-tip p{margin:0}.reading-tip i{font-size:22px}.comic-reader{margin-top:28px}.reader-frame{margin:0 0 24px}.reader-image{max-height:980px;object-fit:contain;background:#f4f1f8;border-radius:12px}.reader-frame figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:8px}.chapter-end{text-align:center;padding:28px;margin:32px 0;background:#f6f0ff;border-radius:18px}.chapter-end i{font-size:30px;color:#9b79df}.chapter-end h2{font-size:19px;margin:5px}.chapter-end p{margin:0;color:var(--muted);font-size:14px}.chapter-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.chapter-nav a{text-align:center;padding:13px;border:1px solid var(--line);border-radius:11px;font-weight:700;font-size:14px}.chapter-nav a:hover{color:var(--pink);border-color:#ffb2c0}@media(max-width:900px){.main-nav{overflow-x:auto;justify-content:flex-start}.nav-link{padding:8px}.nav-link span{display:none}.home-link span{display:inline}.hero{grid-template-columns:1fr}.hero-copy{padding:48px}.hero-art{padding:0 48px 48px;height:300px}.quick-strip{grid-template-columns:repeat(2,1fr)}.five{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.rank-layout,.about-panel{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr}.app-panel{grid-template-columns:100px 1fr}.app-panel>a{grid-column:2}}@media(max-width:560px){.shell{width:min(100% - 28px,1200px)}.header-inner{min-height:64px;gap:10px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.main-nav{gap:0}.nav-link{padding:8px}.nav-link i{font-size:18px}.hero{margin-top:28px;border-radius:20px}.hero-copy{padding:36px 25px}.hero h1{font-size:34px}.hero-art{height:240px;padding:0 25px 25px}.float-note{left:5px;bottom:36px}.quick-strip{gap:9px}.quick-strip a{padding:12px;font-size:13px}.section-block,.split-feature{margin-top:52px}.section-heading h2{font-size:24px}.five{grid-template-columns:repeat(2,1fr);gap:13px}.cover{height:238px}.comic-grid .comic-card:last-child{grid-column:1 / -1;width:calc(50% - 7px)}.category-grid{gap:10px}.category-card{padding:16px;min-height:148px}.split-feature,.korean-feature{grid-template-columns:1fr}.feature-image{min-height:220px}.feature-copy,.korean-feature>div:last-child{padding:30px}.rank-layout{gap:18px}.days{grid-template-columns:repeat(2,1fr)}.days div:last-child{grid-column:1 / -1}.about-panel{gap:20px;padding:32px 0}.app-panel{padding:24px;gap:18px;grid-template-columns:78px 1fr}.qr-mark{width:78px;height:78px}.app-panel h2{font-size:20px}.footer-grid{display:block}.footer-grid>div:last-child{margin-top:20px}.page-intro h1,.reader-heading h1{font-size:30px}.reader-heading{padding:28px 0 18px}.chapter-nav{grid-template-columns:1fr}.chapter-nav a:nth-child(2){grid-row:1}.reader-image{max-height:700px}.seo-copy{margin:45px 0;padding:23px}}