*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #ff6b9d;--secondary-color: #c44569;--accent-color: #feca57}body{margin:0;min-width:320px;min-height:100vh;color:#333;background-color:#fff}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c44569,#ff6b9d)}:root{--accent: #FF6FA5;--accent-soft: #FFE3EE;--ink: #4A3F3A;--ink-soft: #6B5C55;--ink-muted: #8A7B73;--bg: #FFFBF5;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-hand: "Gochi Hand", cursive;--font-zh-display: "ZCOOL KuaiLe", cursive;--font-zh-body: "Noto Sans SC", sans-serif}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:var(--font-body);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(rgba(74,63,58,.06) 1.4px,transparent 1.4px);background-size:26px 26px;overflow-x:hidden}.display-heading{font-family:var(--font-display)}.display-heading.lang-zh{font-family:var(--font-zh-display);font-weight:400}.section-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:6px}.section-emoji{font-size:34px;line-height:1}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,46px);margin:0;line-height:1;color:var(--ink)}.lead{font-size:18px;line-height:1.75;margin:0 0 20px;color:#5a4d47}.squiggle{display:block;margin-bottom:26px}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-16px) rotate(var(--r, 0deg))}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes wavehand{0%,60%,to{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.floaty{animation:floaty 6.5s ease-in-out infinite}.bob{animation:bob 2s ease-in-out infinite}.wavehand{animation:wavehand 2.6s ease-in-out 1s infinite;transform-origin:70% 70%;display:inline-block}@media(prefers-reduced-motion:reduce){.floaty,.bob,.wavehand{animation:none!important}}.navigation{position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:14px 12px}.nav-pill{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #fff;box-shadow:0 8px 24px #4a3f3a1f;border-radius:999px;padding:7px 10px}.nav-logo{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--accent);padding:6px 14px;border-radius:999px;background:var(--accent-soft)}.nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav-link{font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--ink-soft);padding:6px 13px;border-radius:999px;transition:background .15s,color .15s}.nav-link:hover{background:#fff1f6;color:var(--ink)}.lang-switcher{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--accent);background:var(--accent-soft);border:none;padding:6px 14px;border-radius:999px}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:8px}.menu-toggle span{width:22px;height:2.5px;background:var(--ink-soft);border-radius:2px}@media(max-width:720px){.menu-toggle{display:flex}.nav-pill{flex-direction:column;border-radius:22px;padding:8px 10px}.nav-links{display:none;flex-direction:column;width:100%}.nav-pill.open .nav-links{display:flex}}.footer{text-align:center;padding:10px 24px 40px}.footer-made{font-family:var(--font-hand);font-size:20px;color:#a89b93}.hero{position:relative;max-width:1080px;margin:0 auto;padding:36px 24px 30px}.hero-doodles{position:absolute;inset:0;pointer-events:none}.doodle{position:absolute;width:48px;height:48px;border-radius:14px;background:#ffcf5c;opacity:.8}.doodle.d1{left:2%;top:14%;--r: -8deg;background:#ffcf5c}.doodle.d2{right:6%;top:8%;--r: 12deg;background:#ff9dbe;border-radius:50% 50% 50% 8px}.doodle.d3{right:3%;top:48%;--r: 0deg;background:#cfeafd}.doodle.d2.floaty{animation-duration:7s;animation-delay:.6s}.doodle.d3.floaty{animation-duration:8s;animation-delay:.3s}.hero-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:40px;justify-content:center;padding-top:8px}.hero-text{flex:1 1 360px;min-width:300px;max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:15px;padding:7px 16px;border-radius:999px}.hero-title{font-weight:700;font-size:clamp(48px,8vw,84px);line-height:1.02;margin:18px 0 14px;color:var(--ink)}.hero-title .accent{color:var(--accent)}.hero-intro{font-size:19px;line-height:1.7;max-width:440px;margin:0;color:var(--ink-soft)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{font-family:var(--font-display);font-weight:600;font-size:17px;padding:13px 26px;border-radius:999px;transition:transform .15s,background .15s}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 8px 20px #ff6fa559}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{color:var(--accent);background:#fff;border:2px solid var(--accent-soft);padding:11px 24px}.btn-secondary:hover{background:#fff1f6}.polaroid{position:relative;background:#fff;padding:14px 14px 52px;border-radius:6px;box-shadow:0 18px 40px #4a3f3a2e}.hero-polaroid{flex:0 0 auto;transform:rotate(4deg)}.polaroid .tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-5deg);width:120px;height:30px;background:repeating-linear-gradient(45deg,#fff6 0 7px,#fff0 7px 14px),var(--accent);opacity:.85;border-radius:2px;z-index:2}.polaroid-img{width:280px;height:300px;object-fit:cover;border-radius:4px}.polaroid-caption{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--font-hand);font-size:24px;color:var(--ink-soft)}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:4px;margin:34px auto 0;width:fit-content;color:#a89b93;font-family:var(--font-hand);font-size:18px}@media(max-width:720px){.polaroid-img{width:240px;height:260px}}.about{max-width:1000px;margin:30px auto 0;padding:40px 24px}.about-grid{display:flex;flex-wrap:wrap;gap:24px}.about-card-prose{flex:1 1 340px;background:#fff;border-radius:20px;padding:28px 30px;box-shadow:0 12px 30px #4a3f3a14}.about-card-prose p{font-size:18px;line-height:1.8;margin:0;color:#5a4d47}.about-facts{flex:1 1 260px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.fact-card{background:#fff;border-radius:16px;padding:16px 16px 14px;box-shadow:0 8px 20px #4a3f3a12}.fact-card.fc0{transform:rotate(-2deg)}.fact-card.fc1{transform:rotate(2deg)}.fact-card.fc2{transform:rotate(1.5deg)}.fact-card.fc3{transform:rotate(-1.5deg)}.fact-emoji{font-size:26px}.fact-label{font-family:var(--font-display);font-weight:600;font-size:17px;margin-top:4px;color:var(--ink)}.dance{max-width:1000px;margin:0 auto;padding:40px 24px;position:relative}.dance-grid{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.dance-text{flex:1 1 300px;min-width:280px}.dance .tag-row{display:flex;flex-wrap:wrap;gap:10px}.dance .tag{font-family:var(--font-display);font-weight:500;font-size:15px;padding:8px 16px;border-radius:999px}.dance .tag.tag0{background:#dceefb;color:#3e84be}.dance .tag.tag1{background:var(--accent-soft);color:#d8568c}.dance .tag.tag2{background:#fbebcb;color:#c7943a}.dance .photo-stack{flex:0 0 auto;max-width:100%;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.dance .photo-frame{position:relative;background:#fff;padding:12px 12px 40px;border-radius:6px;box-shadow:0 14px 34px #4a3f3a26}.dance .pf-a{transform:rotate(-3deg)}.dance .pf-b{transform:rotate(4deg);margin-top:24px}.dance .photo-ph{width:200px;height:240px;border-radius:4px;background:linear-gradient(135deg,#fff1f6,#dceefb);display:flex;align-items:center;justify-content:center;font-size:56px}.dance .pf-b .photo-ph{width:180px;height:210px}.dance .photo-caption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:var(--font-hand);font-size:19px;color:var(--ink-soft)}.calligraphy{background:#fff;margin-top:20px}.calligraphy-inner{max-width:1000px;margin:0 auto;padding:54px 24px}.calligraphy-grid{display:flex;flex-wrap:wrap;gap:36px;align-items:center}.scroll-art{flex:0 0 auto;margin:0 auto}.scroll-rod{width:240px;height:14px;background:#8c6b4f;border-radius:7px;box-shadow:0 4px 8px #00000026;margin:0 auto}.scroll-string{width:6px;height:18px;background:#c9b8af;margin:0 auto}.scroll-paper{background:#fdf6e9;border:1px solid #EADFC7;padding:18px 16px;width:220px;box-shadow:0 16px 36px #4a3f3a29}.scroll-ph{height:300px;display:flex;align-items:center;justify-content:center;font-family:var(--font-zh-display);font-size:120px;color:#c9b8af}.calligraphy-text{flex:1 1 300px;min-width:280px}.char-tiles{display:flex;gap:14px;flex-wrap:wrap}.char-tile{font-family:var(--font-zh-display);font-size:40px;color:var(--ink);background:#fdf6e9;border:1px solid #EADFC7;border-radius:12px;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.photography{max-width:1000px;margin:0 auto;padding:54px 24px}.photography-grid{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between}.photography-text{flex:1 1 300px;min-width:280px}.photography .tag-row{display:flex;flex-wrap:wrap;gap:10px}.photography .tag{font-family:var(--font-display);font-weight:500;font-size:15px;padding:8px 16px;border-radius:999px}.photography .tag.tag0{background:#fbebcb;color:#c7943a}.photography .tag.tag1{background:#dbf6ec;color:#2f9d78}.photography .tag.tag2{background:var(--accent-soft);color:#d8568c}.photography .photo-stack{flex:0 0 auto;max-width:100%;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.photography .photo-frame{position:relative;background:#fff;padding:12px 12px 40px;border-radius:6px;box-shadow:0 14px 34px #4a3f3a26}.photography .pf-a{transform:rotate(3deg)}.photography .pf-b{transform:rotate(-4deg);margin-top:24px}.photography .photo-ph{width:200px;height:240px;border-radius:4px;background:linear-gradient(135deg,#fbebcb,#dbf6ec);display:flex;align-items:center;justify-content:center;font-size:56px}.photography .pf-b .photo-ph{width:180px;height:210px}.photography .photo-caption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-family:var(--font-hand);font-size:19px;color:var(--ink-soft)}.favorites{max-width:1000px;margin:0 auto;padding:54px 24px}.fav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.fav-card{border-radius:22px;padding:26px}.fav-cute{background:#fff1f6;transform:rotate(-1.2deg)}.fav-skate{background:#dceefb;transform:rotate(1deg)}.fav-music{background:#fbebcb;transform:rotate(-.8deg)}.fav-emoji{font-size:40px}.fav-title{font-family:var(--font-display);font-weight:600;font-size:22px;margin:10px 0 2px;color:var(--ink)}.fav-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fav-tags:empty{margin-top:0}.fav-pill{background:#fff;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px}.fav-cute .fav-pill{color:#d8568c}.fav-skate .fav-pill{color:#3e84be}.fav-music .fav-pill{color:#c7943a}.sayhi{max-width:1000px;margin:10px auto 0;padding:30px 24px 70px}.sayhi-panel{position:relative;background:var(--accent);border-radius:28px;padding:54px 32px;text-align:center;overflow:hidden;box-shadow:0 20px 44px #ff6fa54d}.sayhi-doodles{position:absolute;inset:0;pointer-events:none;opacity:.85}.sd{position:absolute;width:34px;height:34px;background:#fff;border-radius:50% 50% 50% 8px}.sd.s1{left:8%;top:18%;--r: -10deg}.sd.s2{right:9%;top:24%;--r: 14deg;border-radius:50%}.sd.s3{right:16%;bottom:14%;--r: 0deg}.sayhi-content{position:relative}.sayhi-wave{font-size:48px;display:inline-block;transform-origin:70% 70%}.sayhi-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,44px);color:#fff;margin:8px 0 10px}.sayhi-body{color:#ffffffeb;font-size:18px;max-width:440px;margin:0 auto 26px}.sayhi-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--accent);background:#fff;padding:15px 30px;border-radius:999px;box-shadow:0 10px 24px #00000024;transition:transform .15s}.sayhi-btn:hover{transform:translateY(-2px)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}