:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;color:#182526;background:#fffef8;--green:#38be8f;--yellow:#ffe000;--ink:#182526;scroll-padding-top:6rem}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure{margin:0}p{line-height:1.8}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.8vw,5.2rem)}h2{font-size:clamp(2rem,4vw,3.1rem);max-width:52rem;margin-bottom:1.8rem}h3{font-size:1.5rem}h4{font-size:.9rem;margin:1.2rem 0 .3rem}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ce5600;outline-offset:4px}.notice{background:var(--ink);color:white;padding:.65rem 5%;text-align:center;font-size:.875rem}header{position:sticky;top:0;background:#fffef8;z-index:10;border-bottom:2px solid var(--ink);padding:1.1rem 4%;display:flex;align-items:center;gap:2rem}.wordmark{font-size:1.2rem;font-weight:900;white-space:nowrap}.wordmark small{font-size:.8rem;margin-left:.4rem}nav{display:flex;gap:1.3rem;flex:1;font-weight:700}.languages{display:flex;gap:.75rem;font-size:.875rem;font-weight:700}.hero{background:var(--green);overflow:hidden}.hero>div{max-width:1240px;padding:4.5rem 4% 2rem;margin:auto}.hero h1{max-width:12em}.hero .lead{max-width:43rem;margin-top:1.5rem}.hero>img{width:100%;height:auto;max-height:33rem;object-fit:contain;background:#68cfe8}.lead{font-size:1.125rem;line-height:1.9}.eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.14em;margin-bottom:1.3rem}.button{display:inline-block;padding:1rem 1.5rem;border:2px solid var(--ink);border-radius:100px;background:var(--yellow);font-weight:750;margin:1.8rem 0}.section{max-width:1360px;margin:auto;padding:5rem 4%}.intro{max-width:1000px;text-align:center}.intro h2{margin-left:auto;margin-right:auto}.zoom{display:block;position:relative;background:white;border:2px solid var(--ink);border-radius:20px;overflow:hidden}.zoom>span{position:absolute;right:1rem;bottom:1rem;background:var(--yellow);padding:.6rem 1rem;border-radius:99px;font-size:.875rem;font-weight:700;border:1px solid var(--ink)}figcaption{font-size:.875rem;color:#45524b;margin-top:.8rem;line-height:1.7}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:2rem}.character{padding:1.6rem;border:2px solid var(--ink);border-radius:20px;background:white;box-shadow:5px 5px 0 var(--ink)}.character:nth-child(3n+2){background:#fff7bf}.character:nth-child(3n){background:#e6f5fa}.number{font-weight:850;font-size:1.2rem;color:#176a4d;margin-bottom:.6rem}.micro,.source{font-size:.875rem;color:#45524b}.source{margin-top:1rem}.relations{margin-top:5rem}.relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.8rem}.relation{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem;border:1px solid #a8bcaa;border-radius:12px;background:#edfaec;font-size:.9rem}.relation span{font-size:.875rem;color:#45524b}.story{background:var(--yellow);max-width:none;padding-left:max(4%,calc((100vw - 1240px)/2));padding-right:max(4%,calc((100vw - 1240px)/2));border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.theme{border:2px solid var(--ink);background:#fffef8;border-radius:22px;padding:2rem;box-shadow:6px 6px 0 var(--ink)}.theme>p:not(.number){margin-top:1rem}.source-block{font-size:.875rem}.source-block>div{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.source-block a{text-decoration:underline}footer{background:var(--ink);color:white;padding:3rem 5%}footer p{max-width:65rem;margin:1rem 0;font-size:.9rem}footer small{font-size:.8rem;color:#cde6dc}dialog{width:min(95vw,1300px);padding:1rem;border:2px solid var(--ink);border-radius:20px}dialog::backdrop{background:#10261de0}dialog button{float:right;background:var(--yellow);padding:.7rem 1rem;border:1px solid var(--ink);border-radius:99px;margin-bottom:1rem}dialog img{width:100%;clear:both}@media(max-width:900px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-wrap:wrap;gap:.8rem}nav{order:3;flex-basis:100%;overflow:auto;font-size:.9rem}.languages{margin-left:auto}.hero>div{padding-top:3rem}}@media(max-width:600px){:root{scroll-padding-top:8rem}header{padding:.9rem 5%}.wordmark{font-size:1rem}.wordmark small{font-size:.65rem}.languages{font-size:.75rem;gap:.5rem}.section{padding:3.5rem 5%}.hero>div{padding:2.8rem 5% 1rem}.hero>img{min-height:0}.character-grid,.theme-grid,.relation-grid{grid-template-columns:1fr}.character,.theme{padding:1.4rem}.relation{font-size:.85rem;flex-wrap:wrap}.relation span{max-width:45%}.zoom>span{font-size:.75rem;padding:.45rem .7rem;bottom:.7rem;right:.7rem}.lead{font-size:1rem}}
:root{color-scheme:light}.paddle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:2.5rem}.paddle-card{border:2px solid var(--ink);border-radius:20px;background:white;overflow:hidden}.paddle-card>.zoom{border:0;border-radius:0;aspect-ratio:2/3}.paddle-card>.zoom img{width:100%;height:100%;object-fit:contain}.paddle-card>div{padding:1.4rem}.paddle-card dl{margin:1.5rem 0}.paddle-card dl>div{padding:.65rem 0;border-bottom:1px solid #d5e1dc}.paddle-card dt{font-size:.875rem;color:#45524b}.paddle-card dd{margin:0;font-weight:650;font-size:1rem;line-height:1.6}.paddle-card .source{display:block;text-decoration:underline}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}.case-card .zoom{aspect-ratio:1}.case-card img{width:100%;height:100%;object-fit:contain}.case-card h3{font-size:1.3rem;margin:1.2rem 0 .6rem}.case-card .source{display:block;text-decoration:underline}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.channel-card{display:block;padding:1.5rem;background:#e9f8ef;border:1.5px solid var(--ink);border-radius:18px}.channel-card h3{margin:.8rem 0}.channel-card:hover{background:#fff3a1}.timeline{border-top:2px solid var(--ink)}.timeline ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:2rem 0}.timeline li{display:flex;gap:1rem;padding:1.5rem;border:2px solid var(--ink);border-radius:18px;background:#fff8bb}.timeline li:nth-child(4){background:#ddf3e8}.timeline li h3{font-size:1.3rem}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.material-grid .zoom{aspect-ratio:1}.material-grid img{height:100%;width:100%;object-fit:contain}.material-grid h3{margin:1rem 0 .5rem}@media(max-width:900px){.paddle-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.paddle-grid,.case-grid,.channel-grid,.material-grid,.timeline ol{grid-template-columns:1fr}.paddle-card>.zoom{max-height:35rem}.timeline li{padding:1.2rem}}
.bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2.5rem 0}.bundle-card{border:2px solid var(--ink);border-radius:22px;overflow:hidden;background:#fff;box-shadow:5px 5px 0 var(--ink)}.bundle-card>.zoom{aspect-ratio:3/2;border:0;border-radius:0;background:#eff2ef}.bundle-card>.zoom img{width:100%;height:100%;object-fit:contain}.bundle-card>div{padding:1.6rem}.bundle-card h3{font-size:1.8rem;margin-bottom:.8rem}.bundle-card ul{padding:0;list-style:none}.bundle-card li{display:flex;gap:1rem;justify-content:space-between;line-height:1.7;padding:.65rem 0;border-bottom:1px solid #c8d9cf}.bundle-card li b{flex-shrink:0}.price-label{font-weight:800;margin-top:1rem}.news{background:#e9f8ef;max-width:none;padding-left:max(4%,calc((100vw - 1240px)/2));padding-right:max(4%,calc((100vw - 1240px)/2))}.press-card{background:white;border:2px solid var(--ink);border-radius:22px;overflow:hidden}.press-card>.zoom{border:0;border-radius:0}.press-card>div{padding:2rem}.press-card h3{font-size:1.7rem;margin-bottom:1rem}.social-title{margin-top:4rem}.social-grid,.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.social-grid>article{background:white;border:2px solid var(--ink);border-radius:18px;overflow:hidden}.social-grid .zoom{aspect-ratio:1;border:0;border-radius:0}.social-grid .zoom img{width:100%;height:100%;object-fit:contain}.social-grid>article>div{padding:1.4rem}.social-grid h3{margin:.5rem 0 1rem}.hashtags{font-size:.875rem;color:#176a4d;margin-top:1rem;overflow-wrap:anywhere}.creator-grid{margin-top:1.5rem}.creator-grid>article{padding:1.5rem;border:1px solid var(--ink);border-radius:18px;background:#fff8bb}.creator-grid h3{margin:.5rem 0 1rem}.purchase{background:#fff8bb;max-width:none;padding-left:max(4%,calc((100vw - 1240px)/2));padding-right:max(4%,calc((100vw - 1240px)/2))}.purchase-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;align-items:start;margin:2rem 0}.purchase-visual>img{width:100%;max-height:26rem;object-fit:contain;background:#fff;border:2px solid var(--ink);border-radius:18px}.purchase-table{display:grid;gap:1rem}.purchase-table article{padding:1.25rem;background:#fff;border:2px solid var(--ink);border-radius:16px}.purchase-table h3{margin-bottom:.45rem}.purchase-table strong{display:block;margin-top:.7rem;color:#176a4d}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.faq-grid article{padding:1.4rem;background:#fff;border:2px solid var(--ink);border-radius:16px}.faq-grid h3{margin:.4rem 0 .8rem}.faq-grid p:last-child{line-height:1.8}@media(max-width:900px){.social-grid,.creator-grid,.purchase-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bundle-grid,.social-grid,.creator-grid,.purchase-visual,.faq-grid{grid-template-columns:1fr}.press-card>div{padding:1.3rem}.bundle-card>.zoom{aspect-ratio:1}}
.hero{position:relative}.hero>div{padding-right:35%;min-height:27rem}.hero-paddles{display:flex;position:absolute;top:3rem;right:4%;width:27%;height:23rem;gap:.7rem;align-items:center;justify-content:center}.hero-paddles img{width:48%;height:100%;object-fit:contain;background:#f0f1f2;border:2px solid var(--ink);border-radius:15px}.hero h1{font-size:clamp(2.6rem,5vw,4.8rem)}nav{min-width:0;overflow-x:auto;white-space:nowrap;padding:.4rem 0}.wordmark{flex-shrink:0}.languages{flex-shrink:0}@media(max-width:900px){.hero>div{min-height:25rem;padding-right:36%}.hero-paddles{top:3rem;width:28%;height:21rem}}@media(max-width:600px){.hero>div{min-height:0;padding-right:5%}.hero-paddles{position:static;width:90%;height:18rem;margin:0 auto 1.5rem;justify-content:center}.hero-paddles img{width:44%;height:100%}.hero h1{font-size:2.6rem}nav{font-size:.875rem}}
@media(min-width:901px){.hero>div{padding-top:2.5rem;padding-bottom:1.2rem;min-height:22rem}.hero h1{font-size:3.5rem}.hero .lead{font-size:1rem;line-height:1.8;margin-top:1rem}.hero .button{margin:1.1rem 0 .3rem;padding:.8rem 1.2rem}.hero-paddles{height:19rem;top:2rem}.hero>img{height:210px;object-fit:contain;max-height:none}}