*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:PingFang SC,HarmonyOS Sans SC,MiSans,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}.wrap{width:min(1180px,100% - 48px);margin:0 auto;position:relative}.hero{text-align:center;background:radial-gradient(circle at 15% 20%, #ffe9b0 0, transparent 36%), radial-gradient(circle at 85% 78%, #ddebff 0, transparent 40%), radial-gradient(circle at 80% 15%, #ffe1d6 0, transparent 30%), var(--bg);place-items:center;min-height:92vh;display:grid;position:relative;overflow:hidden}.stickers{position:absolute;inset:0}.sticker{cursor:pointer;user-select:none;-webkit-user-drag:none;object-fit:contain;filter:drop-shadow(0 10px 12px #2e3a5924);will-change:transform;position:absolute;top:0;left:0}.intro{z-index:1;pointer-events:none;padding:64px 0 80px;position:relative}.intro a,.intro .me{pointer-events:auto}.me{perspective:600px;margin-bottom:22px;display:inline-block;position:relative}.avatar{object-fit:cover;width:132px;height:132px;box-shadow:0 0 0 5px var(--sun), 0 18px 40px #ffaa3c4d;will-change:transform;border:5px solid #fff;border-radius:50%;display:block}.bubble{white-space:nowrap;text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:10px 16px;font-weight:700;animation:.6s .3s both wave-in;position:absolute;top:18px;left:calc(100% + 14px)}.bubble:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:18px;left:-8px}.bubble small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:400;display:block}@keyframes wave-in{0%{opacity:0;transform:translate(-10px)scale(.9)}}h1{letter-spacing:1px;font-size:clamp(42px,6.4vw,76px);font-weight:900;line-height:1.15}h1 .hl{color:var(--coral);pointer-events:auto;display:inline-block;position:relative}h1 .hl span{display:inline-block}h1 .hl:hover span{animation:.6s bounce}h1 .hl span:nth-child(2){animation-delay:80ms!important}h1 .hl span:nth-child(3){animation-delay:.16s!important}@keyframes bounce{30%{transform:translateY(-14px)rotate(-6deg)}60%{transform:translateY(2px)}}h1 .hl svg{width:100%;height:16px;position:absolute;bottom:-10px;left:0}.lead{color:var(--muted);margin-top:24px;font-size:18px;line-height:1.75}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.chip{box-shadow:var(--shadow);color:var(--muted);background:#ffffffe6;border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.chip b{color:var(--ink);font-size:16px}.ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.btn{border-radius:999px;align-items:center;gap:8px;padding:15px 28px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-xhs{background:var(--xhs);color:#fff;box-shadow:0 10px 24px #ff24424d}.btn-ghost{color:var(--ink);box-shadow:var(--shadow);background:#fff}.scroll-hint{z-index:1;color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:13px;animation:2.4s ease-in-out infinite hint;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}@keyframes hint{50%{transform:translateY(6px)}}.works{padding:72px 0 40px;position:relative}.sec-head{text-align:center;margin-bottom:26px}.sec-head h2{font-size:clamp(28px,4vw,38px);font-weight:900}.sec-head p{color:var(--muted);margin-top:10px}.tabs{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.tabs button{color:var(--muted);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;transition:background .2s,color .2s,transform .2s}.tabs button:hover{transform:translateY(-2px)}.tabs button.on{background:var(--ink);color:#fff}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.work{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;transition:transform .3s,box-shadow .3s;animation:.45s both pop;display:block}.work:nth-child(2){animation-delay:50ms}.work:nth-child(3){animation-delay:.1s}.work:nth-child(4){animation-delay:.15s}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}.work:nth-child(odd):hover{transform:translateY(-8px)rotate(-1.5deg)}.work:nth-child(2n):hover{transform:translateY(-8px)rotate(1.5deg)}.work:hover{box-shadow:0 22px 44px #2e3a5929}.work .pic{aspect-ratio:3/2;background:var(--tint);border-radius:16px;position:relative;overflow:hidden}.work img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.work:hover img{transform:scale(1.06)}.go{color:var(--xhs);opacity:0;background:#fffffff2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.work:hover .go{opacity:1;transform:none}.work .info{align-items:center;gap:10px;padding:12px 6px 4px;display:flex}.work .info div{flex:1;min-width:0}.work h3{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.4;overflow:hidden}.work .meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.work .arrow{background:var(--tint);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:800;transition:transform .3s;display:grid}.work:hover .arrow{transform:rotate(-45deg)}.more{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.shop{border-radius:32px;align-items:center;gap:28px;margin-top:110px;padding:34px 40px 34px 250px;display:flex;position:relative;box-shadow:0 20px 50px #ff8e724d}.shop-bg{border-radius:inherit;background:linear-gradient(120deg,#ffd966 0%,#ffb86b 55%,#ff8e72 100%);position:absolute;inset:0;overflow:hidden}.shop-bg:before,.shop-bg:after{content:"";background:#ffffff2e;border-radius:50%;position:absolute}.shop-bg:before{width:220px;height:220px;top:-90px;right:-60px}.shop-bg:after{width:140px;height:140px;bottom:-80px;right:180px}.teacher{filter:drop-shadow(0 8px 16px #a0502833);transform-origin:50% 100%;height:250px;transition:transform .3s;position:absolute;bottom:0;left:34px}.shop:hover .teacher{transform:rotate(-2deg)scale(1.03)}.shop>div:not(.shop-bg){position:relative}.shop h3{font-size:24px;font-weight:900}.shop p{opacity:.85;margin-top:6px}.shop .btn{z-index:1;color:var(--xhs);background:#fff;flex-shrink:0;margin-left:auto;position:relative}footer{text-align:center;color:#a3abbf;padding:36px 0 40px;font-size:13px}@media (width<=960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop{text-align:center;flex-direction:column;margin-top:150px;padding:160px 24px 32px}.teacher{height:250px;top:-110px;bottom:auto;left:50%;translate:-50%}.shop .btn{margin:8px auto 0}}@media (width<=640px){.wrap{width:calc(100% - 32px)}.hero{min-height:100svh}.intro{padding:112px 0 120px}.avatar{width:104px;height:104px}.bubble{margin-top:14px;display:inline-block;position:static}.bubble:before{border:8px solid #0000;border-top:0;border-bottom-color:#fff;top:-8px;left:50%;translate:-50%}.me{flex-direction:column;align-items:center;display:flex}.lead{font-size:16px}.tabs{scrollbar-width:none;justify-content:flex-start;margin:0 -16px 18px;padding:4px 4px 12px 16px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.grid{gap:12px}.work{border-radius:18px;padding:6px}.work .pic{border-radius:13px}.work .info{padding:8px 4px 2px}.work h3{font-size:14px}.work .meta{font-size:12px}.work .arrow{display:none}.shop h3{font-size:20px}.scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.grid .work[hidden]{display:none}.edu-catalog{padding:64px 0 24px}.edu-catalog a:focus-visible{outline-offset:4px;outline:3px solid #5b9dff}.edu-grades{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.edu-grade{background:var(--card,#fff);border-radius:var(--radius,24px);box-shadow:var(--shadow,0 10px 30px #2e3a591a);padding:10px 10px 16px;transition:transform .3s,box-shadow .3s;position:relative}.edu-grade:nth-child(odd):hover{transform:translateY(-8px)rotate(-1.5deg);box-shadow:0 22px 44px #2e3a5929}.edu-grade:nth-child(2n):hover{transform:translateY(-8px)rotate(1.5deg);box-shadow:0 22px 44px #2e3a5929}.edu-grade .pic{aspect-ratio:3/2;background:#fff3ce;border-radius:16px;display:block;overflow:hidden}.edu-grade .pic img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.edu-grade:hover .pic img{transform:scale(1.06)}.edu-grade .body{padding:12px 8px 0}.edu-grade .body>span{letter-spacing:2px;color:var(--muted,#6b7590);font-size:12px;font-weight:700}.edu-grade h3{margin:2px 0 4px;font-size:20px}.edu-grade p{color:var(--muted,#6b7590);font-size:14px}.edu-grade .vols{gap:10px;margin-top:12px;display:flex}.edu-grade .vols a{background:#fff3ce;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;transition:background .2s}.edu-grade .vols a:hover{background:#ffe39a}.edu-footnote{text-align:center;color:var(--muted,#6b7590);margin-top:18px;font-size:13px}@media (width<=860px){.edu-grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=420px){.edu-grades{grid-template-columns:1fr}}