@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#17352f;background:#f8f6ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}#root{overflow:hidden}.site-shell{--ink:#17352f;--cream:#f8f6ef;--coral:#ee6b52;background:var(--cream)}.nav-wrap{height:82px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--coral);color:#fff;font-size:22px;font-weight:800}.brand strong{display:block;font-size:18px}.brand small{font:10px DM Mono;letter-spacing:1px;color:#739087}.nav-wrap nav{display:flex;gap:34px;font-size:13px;color:#628078}.nav-wrap nav a{padding:8px 0;border-bottom:2px solid transparent}.nav-wrap nav a.active,.nav-wrap nav a:hover{color:var(--ink);border-color:var(--coral)}.contact-link{font-size:13px;font-weight:700}.contact-link span,.text-button span,.button span,.mail span{color:var(--coral);font-size:18px}.hero{max-width:1240px;margin:auto;padding:76px 32px 90px;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:590px}.eyebrow{font:11px DM Mono;letter-spacing:2px;color:#e56c55;margin:0 0 22px}.hero h1{font-size:clamp(50px,6vw,82px);line-height:1.08;letter-spacing:-3px;margin:0}.hero h1 em,.section-heading em,.columns em{font-style:normal;color:var(--coral)}.hero-text{max-width:400px;color:#5d756d;line-height:1.9;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;gap:18px;align-items:center;padding:15px 20px}.button.primary{background:var(--ink);color:#fff;border-radius:3px;font-size:13px}.text-button{font-size:13px;font-weight:700}.hero-art{height:490px;position:relative;background:#dff0e5;border-radius:48% 48% 5px 5px;overflow:hidden}.sun{position:absolute;top:42px;right:72px;color:#f4b83e;font-size:38px}.cloud{position:absolute;width:100px;height:28px;border-radius:30px;background:#fff;opacity:.7}.cloud:before{content:"";position:absolute;width:42px;height:42px;left:20px;bottom:4px;border-radius:50%;background:#fff}.cloud-a{top:92px;left:50px}.cloud-b{top:150px;right:30px;transform:scale(.7)}.hill{position:absolute;bottom:-120px;border-radius:50% 50% 0 0}.hill-back{background:#b5d6bc;width:620px;height:300px;left:-130px}.hill-front{background:#8bb99b;width:700px;height:230px;right:-220px}.tree{position:absolute;bottom:125px;width:92px;height:220px}.tree i,.tree b,.tree strong{position:absolute;display:block;border-radius:50%;background:#43806b}.tree i{width:75px;height:75px;top:0;left:8px}.tree b{width:93px;height:90px;top:48px;left:-8px}.tree strong{width:70px;height:70px;top:95px;left:20px}.tree:after{content:"";position:absolute;width:15px;height:74px;background:#8b5d43;bottom:-60px;left:40px}.tree-left{left:48px;transform:scale(.8)}.tree-right{right:24px;transform:scale(1.1)}.book{position:absolute;bottom:91px;left:42%;width:140px;height:76px;background:#f8c95b;border:5px solid #f4a846;border-radius:7px;transform:rotate(-8deg);display:flex;justify-content:space-around;padding-top:17px;color:#bc664c;font-size:22px;font-weight:800}.book:after{content:"";position:absolute;left:50%;height:55px;border-left:2px solid #e9a044}.kid{position:absolute;bottom:128px;left:50%;width:52px;height:120px;transform:rotate(7deg)}.kid .head{width:45px;height:45px;border-radius:50%;background:#f4bb8d;border:5px solid #17352f;position:absolute;top:0}.kid .body{position:absolute;top:42px;left:5px;width:42px;height:55px;background:#ee6b52;border-radius:18px 18px 9px 9px}.leg{position:absolute;top:89px;width:10px;height:40px;background:#17352f;border-radius:5px}.leg-a{left:10px;transform:rotate(12deg)}.leg-b{right:7px;transform:rotate(-15deg)}.spark{position:absolute;color:#f4b83e;font-size:25px}.spark-a{top:205px;left:34%}.spark-b{top:250px;left:62%;font-size:35px}.art-note{position:absolute;right:32px;bottom:42px;background:#fff9e9;padding:12px 17px;font-size:12px;line-height:1.7;transform:rotate(4deg);box-shadow:4px 6px #c5dfca}.art-note b{color:var(--coral)}.intro-band{background:var(--coral);color:#fff;display:flex;align-items:center;gap:70px;padding:44px max(32px,calc((100% - 1176px)/2))}.intro-band>p{font-size:20px;line-height:1.6;margin:0 auto 0 0}.intro-band strong{font-size:28px}.stat{display:flex;align-items:center;gap:15px;border-left:1px solid #f7ad9d;padding-left:25px;min-width:140px}.stat b{font-size:32px}.stat span{font-size:11px;line-height:1.7}.tracks,.columns{max-width:1176px;margin:auto;padding:120px 32px}.section-heading{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:end}.section-heading h2,.columns h2{font-size:43px;line-height:1.2;margin:0;letter-spacing:-1px}.section-heading>p:last-child{color:#668077;line-height:1.8;font-size:14px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.track-card{padding:30px 28px 26px;min-height:245px;position:relative}.track-card.coral{background:#ffe5dc}.track-card.mint{background:#dcefe3}.track-card.gold{background:#fff0bd}.track-icon{font-size:25px}.track-card h3{font-size:22px;margin:40px 0 10px}.track-card p{font-size:13px;color:#60756e;line-height:1.8;max-width:260px}.track-card a{position:absolute;bottom:25px;right:28px;font-size:12px;font-weight:700}.columns{display:grid;grid-template-columns:40% 60%;padding-top:10px;padding-bottom:130px}.column-list>div{display:grid;grid-template-columns:45px 1fr 1fr 25px;align-items:center;border-top:1px solid #d5ded7;padding:23px 0}.column-list b{font:12px DM Mono;color:#e56c55}.column-list span{font-size:18px;font-weight:700}.column-list p{font-size:12px;color:#799087;margin:0}.arrow{color:var(--coral);font-size:20px!important}footer{background:var(--ink);color:#fff;padding:64px max(32px,calc((100% - 1176px)/2));display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}.footer-brand{display:flex;gap:18px;align-items:flex-start}.footer-brand p{font-size:20px;line-height:1.5;margin:0}.mail{font-size:22px;font-weight:700;border-bottom:1px solid #608179;padding-bottom:12px}.mail span{margin-left:18px}footer small{position:absolute;bottom:24px;left:max(32px,calc((100% - 1176px)/2));color:#85a19a;font-size:11px}@media(max-width:800px){.nav-wrap{padding:0 20px}.nav-wrap nav{display:none}.contact-link{font-size:11px}.hero{display:block;padding:54px 20px 65px}.hero-art{margin-top:45px;height:370px}.intro-band{padding:35px 20px;gap:20px;flex-wrap:wrap}.intro-band>p{width:100%}.tracks,.columns{padding:75px 20px}.section-heading,.columns{display:block}.section-heading h2,.columns h2{font-size:37px;margin-bottom:25px}.track-grid{grid-template-columns:1fr;margin-top:40px}.track-card{min-height:220px}.column-list{margin-top:45px}.column-list>div{grid-template-columns:35px 1fr 25px}.column-list p{grid-column:2;margin-top:6px}.column-list .arrow{grid-column:3;grid-row:1/3}footer{display:block;padding:50px 20px 80px}footer>div:nth-child(2){margin-top:45px}footer small{left:20px}}.track-grid{grid-template-columns:repeat(2,1fr)}.intro-band,.play-badge{display:none}footer,.site-shell:after{display:none!important}.brand-mark{display:none}.site-shell{--ink: #10203b;--coral: #7d78ff;--cream: #f6f8ff;background:var(--cream)}.hero{position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;width:680px;height:680px;top:-220px;right:-170px;border-radius:50%;background:radial-gradient(circle,#7d78ff38,#7d78ff00 68%);animation:halo 8s ease-in-out infinite}.hero:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(38,61,100,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(38,61,100,.12) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to right,transparent,#000 45%,transparent);mask-image:linear-gradient(to right,transparent,#000 45%,transparent);pointer-events:none;animation:grid-drift 18s linear infinite}.hero-art{background:linear-gradient(135deg,#d9e8ff,#c9d6fb 48%,#b7bdf2);box-shadow:0 24px 60px #34478929}.studio-window{background:linear-gradient(145deg,#122443,#223d67);box-shadow:20px 22px #7d78ff,0 30px 55px #15224b4d}.studio-window p{font-size:0;color:transparent}.studio-window strong em{color:#a9e8ff}.pixel-box{background:#a9e8ff}.hero-art .art-note{background:#eef3ff;box-shadow:4px 6px #a6b4e8}.track-card{border:1px solid rgba(53,76,126,.08)}.track-card.coral{background:#ecebff}.track-card.mint{background:#e5f5f1}.track-card.gold{background:#fff4ce}.track-card.blue{background:#e2efff}.track-icon{color:#5863c5}.button.primary{background:#152847;box-shadow:0 8px 20px #1528472e;transition:transform .25s ease,box-shadow .25s ease}.button.primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #15284740}.hero-art{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.hero-art:hover{transform:translateY(-8px) rotate(.5deg);box-shadow:0 32px 75px #3447893d}@keyframes halo{0%,to{transform:scale(.92) translate(0);opacity:.7}50%{transform:scale(1.08) translate(-20px,18px);opacity:1}}@keyframes grid-drift{to{background-position:48px 48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.brand strong{font-size:0}.brand strong:after{content:"页面工作室";font-size:18px}.brand small{font-size:0}.brand small:after{content:"PAGE STUDIO";font:10px DM Mono;letter-spacing:1px}.brand-mark{font-size:0;position:relative;transition:transform .35s ease}.brand-mark:after{content:"页";font-size:22px}.brand:hover .brand-mark{transform:rotate(12deg) scale(1.08)}.contact-link,.text-button[href="#contact"],.track-card a[href="#contact"],footer>div:nth-child(2){display:none}.status-dot{color:#6d8c83;font:11px DM Mono}.hero-copy,.track-card,.column-list>div{animation:rise-in .7s ease both}.hero-art{animation:float-art 6s ease-in-out infinite}.track-card{transition:transform .25s ease,box-shadow .25s ease}.track-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:10px 12px #17352f1f}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-art{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.track-card.blue{background:#dce9ee}.studio-art{background:#d9e8e3;border-radius:8px}.studio-art:after{content:"";position:absolute;width:190px;height:150px;left:50%;top:58%;transform:translate(-50%,-50%);border-radius:48% 52% 45% 45%;background:#9ca9e8;box-shadow:inset 0 -16px #4139852e,0 18px #17352f1a;animation:mascot-breathe 4s ease-in-out infinite}.studio-art:before{content:"";position:absolute;z-index:2;width:20px;height:32px;left:calc(50% - 42px);top:53%;border-radius:50%;background:#fff;box-shadow:64px 0 #fff,7px 10px 0 4px #17352f,71px 10px 0 4px #17352f;animation:mascot-look 5s ease-in-out infinite}.studio-window{position:absolute;top:70px;right:80px;bottom:80px;left:55px;padding:55px 38px 30px;background:#17352f;color:#fff;box-shadow:20px 22px #ef7259;transform:rotate(-2deg)}.window-bar{position:absolute;top:18px;left:20px;display:flex;gap:7px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#f5c65d}.studio-window p{margin:0 0 28px;color:#8fafa5;font:11px DM Mono}.studio-window strong{font:700 46px/1.02 DM Mono;letter-spacing:0}.studio-window strong em{color:#f5c65d;font-style:normal}.code-lines{position:absolute;right:28px;bottom:28px;display:grid;gap:7px}.code-lines span{display:block;width:75px;height:4px;background:#648c80}.code-lines span:nth-child(2){width:48px}.pixel-box{position:absolute;top:38px;right:28px;width:76px;height:76px;padding:10px;background:#f5c65d;color:#17352f;font:28px/20px monospace;transform:rotate(7deg)}.play-badge{position:absolute;left:26px;bottom:25px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#fff;color:#ef7259;font-size:20px;box-shadow:6px 8px #9fc7b6}footer{min-height:42vh;align-content:center;overflow:hidden}footer{min-height:86vh;display:grid;place-items:center;text-align:center;position:relative;background:#090b18}footer .footer-brand{position:relative;z-index:2;display:block}footer .footer-brand .brand-mark{margin:0 auto 22px;width:58px;height:58px}footer .footer-brand:before{content:"";position:absolute;z-index:-1;width:420px;height:310px;left:50%;top:-95px;transform:translate(-50%);border-radius:48% 52% 44% 48%;background:#6876cf;box-shadow:inset 0 -26px #1e1c5540,0 24px 70px #4a53d466;animation:mascot-breathe 4s ease-in-out infinite}footer .footer-brand:after{content:"•  •";position:absolute;z-index:1;left:50%;top:-9px;transform:translate(-50%);color:#101329;font:700 50px/1 monospace;letter-spacing:28px;white-space:nowrap;animation:mascot-look 5s ease-in-out infinite}footer .footer-brand p{margin-top:230px;font-size:24px}footer small{z-index:2}footer:before{content:"";position:absolute;width:260px;height:260px;right:10%;top:18%;border-radius:50%;background:#245349;opacity:.55;animation:breathe 5s ease-in-out infinite}.site-shell:after{content:"芽";position:fixed;right:7vw;bottom:7vh;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#f5c65d;font-size:30px;pointer-events:none;animation:orbit 8s linear infinite}@keyframes breathe{0%,to{transform:scale(.9);opacity:.35}50%{transform:scale(1.12);opacity:.7}}@keyframes orbit{to{transform:rotate(360deg) translate(16px) rotate(-360deg)}}@keyframes mascot-breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-53%) scale(1.04,.98)}}@keyframes mascot-look{0%,to{transform:translate(0)}50%{transform:translate(7px)}}@media(max-width:800px){.track-grid{grid-template-columns:1fr}.studio-window{top:55px;right:50px;bottom:70px;left:35px}.studio-window strong{font-size:34px}}.play-badge{display:none!important}.studio-window p{font-size:0!important;color:transparent!important}.studio-window p:after{content:"page / studio";font:11px DM Mono;color:#9db2d4}.filing-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;padding:24px 20px;border-top:1px solid #10203b24;background:var(--cream);color:var(--ink);font-size:14px;line-height:1.6;text-align:center}.filing-footer a:hover{text-decoration:underline}.filing-footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.filing-registration{white-space:nowrap}.police-registration{display:inline-flex;align-items:center;gap:5px}.police-registration img{display:block;width:18px;height:20px;object-fit:contain}