:root{--cream:#fff6ec;--paper:#fffdf8;--ink:#4a3b36;--pink:#ff8fa3;--pink-deep:#ff6b8a;--orange:#ffb26b;--peach:#ffd3a5;--mint:#b8e6d9;--sky:#7ec8e3;--lav:#c3aee8;--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--radius:14px;--font-body:"M PLUS Rounded 1c", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-pixel:"DotGothic16", "M PLUS Rounded 1c", "PingFang SC", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);background-image:radial-gradient(circle,#ffe8d6 1.5px,#0000 1.5px);background-size:28px 28px;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.pixel-font{font-family:var(--font-pixel);letter-spacing:.04em}.pixel-btn{font-family:var(--font-pixel);border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.75em 1.4em;font-size:1rem;transition:transform .1s,box-shadow .1s;display:inline-block}.pixel-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.pixel-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.pixel-btn.primary{background:var(--pink);color:#fff;text-shadow:1px 1px #00000026}.pixel-btn.dark{background:var(--ink);color:var(--cream)}.pixel-tag{border:2px solid var(--ink);background:var(--peach);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:.25em .9em;font-size:.8rem;font-weight:700;display:inline-block}.pixel-tag.alt{background:var(--mint)}.pixel-card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.pixel-sprite{image-rendering:pixelated;display:inline-block;position:relative}.deco{z-index:0;position:absolute}.deco-1{top:12%;left:6%}.deco-2{top:20%;right:8%}.deco-3{top:55%;left:3%}.deco-4{bottom:14%;right:5%}.deco-5{bottom:30%;left:42%}.deco-6{top:8%;left:48%}.float-a{animation:3.2s ease-in-out infinite floaty}.float-b{animation:4s ease-in-out .6s infinite floaty}.float-c{animation:3.6s ease-in-out 1.1s infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.float-a,.float-b,.float-c{animation:none}html{scroll-behavior:auto}}.header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid var(--ink);background:#fff6eceb;align-items:center;gap:1.5rem;padding:.6rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.5rem;font-weight:800;display:flex}.brand img{border:2px solid var(--ink);background:#fff;border-radius:50%}.brand-name{font-family:var(--font-pixel);font-size:1.15rem}.nav{gap:1.2rem;margin-left:auto;font-size:.95rem;font-weight:700;display:flex}.nav a{border-bottom:3px solid #0000;padding:.2em .1em}.nav a:hover{border-bottom-color:var(--pink)}.lang-btn{background:var(--sky);padding:.45em 1em;font-size:.85rem}.hero{padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,3rem) clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1080px;margin:0 auto;display:grid;position:relative}.hero-badge{background:var(--lav);color:var(--ink);margin-bottom:1rem}.hero h1{flex-direction:column;gap:.4rem;line-height:1.2;display:flex}.hero-title-top{color:var(--pink-deep);text-shadow:3px 3px #ffe1e8;font-size:clamp(1.6rem,4vw,2.4rem)}.hero-title-main{letter-spacing:.06em;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800}.hero-title-sub{width:fit-content;margin-top:.6rem;font-size:clamp(.85rem,2vw,1.05rem)}.hero-desc{margin:1.4rem 0;font-size:clamp(.95rem,2vw,1.05rem);font-weight:500}.hero-cta{flex-wrap:wrap;gap:.9rem;display:flex}.hero-stats{gap:clamp(1rem,3vw,2.2rem);margin-top:2rem;display:flex}.stat dt{color:var(--pink-deep);font-size:clamp(1.3rem,3vw,1.8rem)}.stat dd{opacity:.85;font-size:.82rem;font-weight:700}.hero-visual{justify-content:center;display:flex}.hero-cat-frame{background:#fff;padding:clamp(.8rem,2vw,1.4rem);animation:4.5s ease-in-out infinite heroBob;transform:rotate(2deg)}@keyframes heroBob{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-12px)}}.section{max-width:1080px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,4vw,2rem);position:relative}.section-alt{background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);max-width:none}.section-alt>*{max-width:1080px;margin-left:auto;margin-right:auto}.section-head{text-align:center;margin-bottom:clamp(1.8rem,4vw,2.8rem)}.section-head h2{text-shadow:2px 2px 0 var(--peach);margin-bottom:.8rem;font-size:clamp(1.5rem,4vw,2.1rem)}.section-sub{font-size:.9rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,1.6rem);display:grid}.feature-card{padding:clamp(1.2rem,3vw,1.8rem);transition:transform .15s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:1.9rem}.feature-card h3{margin:.6rem 0 .5rem;font-size:1.12rem;font-weight:800}.feature-card p{font-size:.92rem}.courses-layout{grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.course-list{gap:1rem;list-style:none;display:grid}.course-item{padding:1rem 1.3rem;position:relative}.course-tag{background:var(--sky);font-size:.72rem;position:absolute;top:-.8rem;right:1rem}.course-item h3{margin-bottom:.2rem;font-size:1.05rem;font-weight:800}.course-item p{font-size:.88rem}.course-cats{justify-content:center;gap:1rem;display:flex}.polaroid{background:#fff;padding:.7rem;transition:transform .2s;transform:rotate(-3deg)}.polaroid.tilt{transform:rotate(3deg)translateY(1.2rem)}.polaroid:hover,.polaroid.tilt:hover{transform:rotate(0)translateY(-4px)}.polaroid img{border:2px solid var(--ink);border-radius:8px;width:clamp(120px,16vw,200px)}.online-layout{text-align:center}.online-desc{max-width:640px;margin:0 auto 1.6rem;font-weight:500}.scene-list{flex-wrap:wrap;justify-content:center;gap:.8rem;list-style:none;display:flex}.scene-tag{background:#fff}.access-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,1.6rem);display:grid}.access-card{padding:clamp(1.2rem,3vw,1.8rem)}.access-card h3{margin:.7rem 0 .4rem;font-size:1.1rem;font-weight:800}.access-card p{font-size:.92rem}.follow-section{text-align:center;position:relative}.follow-cat{justify-content:center;margin-bottom:-.4rem;display:flex}.follow-cat img{animation:3s ease-in-out infinite floaty}.follow-links{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,1.8rem);display:flex}.follow-card{gap:.2rem;min-width:220px;padding:1.4rem 2.4rem;transition:transform .15s,box-shadow .15s;display:grid}.follow-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.follow-card.xhs{background:#ffe1e8}.follow-card.dy{background:#dceef7}.follow-name{font-size:1.3rem;font-weight:800}.follow-desc{font-size:.85rem;font-weight:500}.follow-arrow{font-size:1.2rem}.follow-note{opacity:.85;margin-top:1.6rem;font-size:.88rem;font-weight:700}.footer{border-top:3px solid var(--ink);background:var(--paper);text-align:center;justify-items:center;gap:.5rem;padding:2rem 1rem 2.5rem;font-size:.85rem;font-weight:500;display:grid}.footer img{border:2px solid var(--ink);background:#fff;border-radius:50%}.footer-made{color:var(--pink-deep);font-weight:800}@media (width<=820px){.nav{display:none}.header{justify-content:space-between}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-title-sub{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-visual{order:-1}.hero-cat-frame img{width:clamp(180px,50vw,260px)}.feature-grid,.access-grid,.courses-layout{grid-template-columns:1fr}.course-cats{margin-top:.5rem}.deco-3,.deco-5{display:none}}