.theme-toggle{position:relative;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--c-line, rgba(126, 200, 227, .35));background:transparent;cursor:pointer;flex:none}.theme-toggle:hover{background:var(--c-tint, rgba(126, 200, 227, .18))}.theme-toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;transform:rotate(-100deg) scale(0);opacity:0;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out}.theme-toggle-icon.is-active{transform:rotate(0) scale(1);opacity:1}.theme-toggle-sun{color:var(--c-sun, #f5b961)}.theme-toggle-moon{color:var(--c-title, #2c5f7c)}@media (prefers-reduced-motion: reduce){.theme-toggle-icon{transition:none}}.settings{position:relative}.settings-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--c-line, rgba(126, 200, 227, .35));background:transparent;color:var(--c-title, #2c5f7c);cursor:pointer;flex:none;transition:background .3s ease-out,transform .4s ease-out}.settings-btn:hover{background:var(--c-tint, rgba(126, 200, 227, .18))}.settings-btn.is-open{transform:rotate(90deg)}.settings-panel{position:absolute;top:48px;right:0;width:200px;padding:14px 16px;border-radius:16px;background:var(--c-card, #fff);border:1px solid var(--c-line, rgba(126, 200, 227, .35));box-shadow:var(--shadow-hover, 0 16px 48px rgba(126, 200, 227, .38));z-index:120;animation:settingsPop .25s ease-out}@keyframes settingsPop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-title{font-size:13px;font-weight:700;color:var(--c-title, #2c5f7c);margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.settings-label{font-size:14px;color:var(--c-text, #3a4a5a)}.settings-switch{position:relative;width:40px;height:22px;border:none;border-radius:999px;cursor:pointer;background:var(--c-mist, #eaf6fb);border:1px solid var(--c-line, rgba(126, 200, 227, .35));transition:background .3s ease-out;flex:none}.settings-switch.on{background:linear-gradient(120deg,var(--c-primary, #7ec8e3),var(--c-sakura, #ffb7c5));border-color:transparent}.settings-knob{position:absolute;top:50%;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%);transition:left .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #2c5f7c4d}.settings-switch.on .settings-knob{left:21px}@media (prefers-reduced-motion: reduce){.settings-panel{animation:none}.settings-btn.is-open{transform:none}.settings-knob{transition:none}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .4s ease-out,box-shadow .4s ease-out,backdrop-filter .4s ease-out}.navbar--solid{background:var(--c-glass, rgba(250, 253, 255, .78));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-nav, 0 2px 16px rgba(126, 200, 227, .18))}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{display:flex;align-items:center;gap:8px;flex:none;white-space:nowrap;font-family:var(--font-en);font-weight:700;font-size:20px;color:var(--c-title);transition:transform .4s ease-out}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo-icon{color:var(--c-primary)}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-links{display:flex;gap:6px}.navbar-links a{position:relative;padding:7px 12px;font-size:15px;font-weight:500;white-space:nowrap;color:var(--c-title);border-radius:999px;transition:background .3s ease-out,color .3s ease-out}.navbar-links a:hover,.navbar-blog.is-active{background:var(--c-tint, rgba(126, 200, 227, .18));color:var(--c-primary)}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;overflow:hidden;background-color:var(--c-white);background-image:linear-gradient(90deg,var(--c-veil-strong) 0%,var(--c-veil-mid) 36%,var(--c-veil-faint) 66%,var(--c-veil-none) 80%),linear-gradient(0deg,var(--c-veil-strong) 0%,var(--c-veil-none) 24%),url(/images/hero-bg.webp);background-size:cover;background-position:right center}.hero-star{position:absolute;color:var(--c-aqua)}.hero-star--1{top:18%;left:6%}.hero-star--2{top:34%;left:38%;animation-delay:-1.4s}.hero-drop{position:absolute;top:24%;left:26%;color:var(--c-primary);opacity:.7}.hero-layout{position:relative;z-index:2;padding-bottom:150px}.hero-content{max-width:640px}.hero-title{display:flex;flex-direction:column;font-family:var(--font-en);font-weight:700;font-size:clamp(72px,8vw,124px);line-height:.98;letter-spacing:.01em;color:var(--c-title)}.hero-title-line--accent{background:linear-gradient(110deg,var(--c-primary) 20%,var(--c-sakura) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title-line--accent .split-char{background:linear-gradient(165deg,var(--c-primary) 12%,var(--c-sakura) 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{display:flex;align-items:center;flex-wrap:wrap;margin-top:26px;font-size:clamp(15px,1.2vw,18px);font-weight:500;letter-spacing:.14em;color:var(--c-text)}.hero-rotating{display:inline-flex;margin:0 8px;padding:3px 14px;border-radius:10px;overflow:hidden;font-weight:700;color:var(--c-title);background:linear-gradient(120deg,var(--c-sakura-soft, rgba(255, 183, 197, .4)),var(--c-tint, rgba(126, 200, 227, .35)))}.hero-icons{display:flex;align-items:center;gap:26px;margin-top:22px;color:var(--c-primary);opacity:.75}.hero-cta{margin-top:36px;padding:14px 46px;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-cn);font-size:16px;font-weight:700;letter-spacing:.15em;color:#fff;background:linear-gradient(120deg,var(--c-primary),var(--c-primary-deep, #5db4d6));box-shadow:0 8px 28px #7ec8e380;transition:box-shadow .4s ease-out}.hero-cta:hover{box-shadow:0 8px 36px #7ec8e3bf,0 0 60px #a8dcef99}.hero-pager{position:absolute;right:clamp(20px,3.5vw,56px);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.hero-pager-item{display:flex;align-items:center;gap:12px;border:none;background:none;cursor:pointer;font-family:var(--font-en);font-weight:600;font-size:13px;color:var(--c-pager-dim, rgba(44, 95, 124, .45));text-shadow:0 0 6px var(--c-halo, rgba(250, 253, 255, .95)),0 0 14px var(--c-halo, rgba(250, 253, 255, .8));transition:color .3s ease-out,font-size .3s ease-out}.hero-pager-item:hover{color:var(--c-primary)}.hero-pager-item.is-active{font-size:26px;font-weight:700;color:var(--c-title)}.hero-pager-item.is-active:after{content:"";width:46px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--c-primary),var(--c-sakura))}.hero-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2}.hero-bottom-inner{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:24px 0 30px;border-top:1px solid var(--c-divider, rgba(44, 95, 124, .15))}.hero-bottom-inner:before{content:"";position:absolute;top:-2px;left:0;width:140px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--c-primary),var(--c-sakura))}.hero-bottom-title{font-family:var(--font-en);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--c-title)}.hero-bottom-desc{margin-top:6px;font-size:13px;color:var(--c-text-dim, rgba(58, 74, 90, .75))}.hero-bottom-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--c-primary);transition:color .3s ease-out,gap .3s ease-out}.hero-bottom-link:hover{color:var(--c-sakura);gap:12px}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-blob{position:absolute;width:46vw;height:46vw;max-width:620px;max-height:620px;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform}.ambient-blob--1{top:-12%;left:-8%;background:radial-gradient(circle,var(--c-aqua, #a8dcef) 0%,transparent 70%);animation:ambientFloat1 22s ease-in-out infinite}.ambient-blob--2{bottom:-16%;right:-6%;background:radial-gradient(circle,var(--c-sakura, #ffb7c5) 0%,transparent 70%);opacity:.32;animation:ambientFloat2 27s ease-in-out infinite}.ambient-blob--3{top:30%;right:24%;width:30vw;height:30vw;background:radial-gradient(circle,var(--c-primary, #7ec8e3) 0%,transparent 70%);opacity:.28;animation:ambientFloat3 19s ease-in-out infinite}@keyframes ambientFloat1{0%,to{transform:translate(0)}50%{transform:translate(8%,10%)}}@keyframes ambientFloat2{0%,to{transform:translate(0)}50%{transform:translate(-10%,-8%)}}@keyframes ambientFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6%,12%) scale(1.12)}}@media (prefers-reduced-motion: reduce){.ambient-blob{animation:none}}.about{position:relative;overflow:hidden;background:var(--c-white)}.about .container{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:72px;align-items:center}.about-avatar-col{display:flex;justify-content:center}.about-avatar-wrap{position:relative}.about-avatar{width:320px;height:320px;border-radius:50%;background-color:var(--c-mist);background-size:cover;background-position:center 22%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #7ec8e340,0 0 0 22px #a8dcef1f,0 16px 60px #7ec8e373}.about-avatar-fallback{color:var(--c-aqua)}.about-orbit{position:absolute;top:-44px;right:-44px;bottom:-44px;left:-44px;pointer-events:none}.circular-text.about-circular{width:100%;height:100%;margin:0;color:var(--c-primary);font-family:var(--font-en);pointer-events:auto}.circular-text.about-circular span{font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.85}.about-deco{position:absolute}.about-deco--star1{top:-6px;right:18px;color:var(--c-sakura)}.about-deco--star2{bottom:40px;left:-18px;color:var(--c-primary);animation-delay:-1.4s}.about-deco--paw{top:36px;left:-30px;color:var(--c-aqua);transform:rotate(-20deg)}.about-info .section-head{margin-bottom:28px}.about-text{font-family:"ZCOOL KuaiLe",var(--font-cn);font-size:18px;line-height:1.95;letter-spacing:.03em;color:var(--c-text);margin-bottom:16px}.about-links{display:flex;gap:14px;margin-top:22px}.about-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--c-title);background:var(--c-mist);transition:background .3s ease-out,color .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out}.about-links a:hover{background:var(--c-sakura);color:#fff;transform:translateY(-4px) scale(1.08);box-shadow:0 8px 20px #ffb7c580}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:80px}.about-stat-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;background:var(--c-card, #fff);border:2px solid var(--c-line, rgba(126, 200, 227, .35));border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform .4s ease-out,box-shadow .4s ease-out}.about-stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.about-stat-num{font-family:var(--font-en);font-size:40px;font-weight:700;color:var(--c-title);line-height:1.2}.about-stat-suffix{font-size:24px;color:var(--c-primary)}.about-stat-label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--c-text);letter-spacing:.1em}.about-stat-paw{color:var(--c-sakura)}.projects{position:relative;background:linear-gradient(180deg,var(--c-white) 0%,var(--c-mist) 100%);overflow:hidden}.projects-deco{position:absolute;pointer-events:none}.projects-deco--paw1{top:14%;left:4%;color:var(--c-primary);opacity:.1;transform:rotate(-24deg)}.projects-deco--paw2{top:30%;right:5%;color:var(--c-sakura);opacity:.16;transform:rotate(18deg)}.projects-deco--paw3{bottom:10%;left:7%;color:var(--c-sakura);opacity:.14;transform:rotate(12deg)}.projects-deco--star1{top:18%;right:12%;color:var(--c-aqua)}.projects-deco--star2{bottom:16%;right:9%;color:var(--c-sakura);animation-delay:-1.4s}.project-wrap{position:relative}.catears--project{padding:0 38px;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.project-card{cursor:pointer;background:var(--c-card, #fff);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .4s ease-out,box-shadow .4s ease-out}.project-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.project-cover-box{position:relative;aspect-ratio:16 / 9;overflow:hidden}.project-cover{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .8s ease-out}.project-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(120deg,var(--c-sakura),#ff9fb3);box-shadow:0 4px 14px #ffb7c58c}.project-card:hover .project-cover{transform:scale(1.05)}.project-cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2c5f7c47;opacity:0;transition:opacity .4s ease-out}.project-card:hover .project-cover-mask{opacity:1}.project-detail-btn{display:flex;align-items:center;gap:6px;padding:11px 26px;border:none;border-radius:999px;cursor:pointer;font-family:var(--font-cn);font-size:15px;font-weight:700;color:var(--c-title);background:var(--c-glass-btn, rgba(250, 253, 255, .95));box-shadow:0 6px 20px #2c5f7c4d;transform:translateY(8px);transition:transform .4s ease-out,background .3s ease-out}.project-card:hover .project-detail-btn{transform:translateY(0)}.project-detail-btn:hover{background:var(--c-sakura);color:#fff}.project-body{padding:24px 28px 28px}.project-name{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--c-title)}.project-name-paw{flex:none;color:var(--c-primary);transition:color .3s ease-out,transform .3s ease-out}.project-card:hover .project-name-paw{color:var(--c-sakura);transform:rotate(-16deg) scale(1.15)}.project-desc{margin-top:8px;font-size:14.5px;color:var(--c-text)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-tag{padding:4px 14px;border-radius:999px;font-family:var(--font-en);font-size:12.5px;font-weight:600;color:var(--c-title);background:var(--c-mist);border:1px solid var(--c-line, rgba(126, 200, 227, .35));transition:background .3s ease-out,color .3s ease-out}.project-card:hover .project-tag{background:#ffb7c52e;border-color:#ffb7c580}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#2c5f7c73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:projModalFade .3s ease-out}.project-modal-card{position:relative;width:min(620px,100%);max-height:88vh;overflow-y:auto;border-radius:var(--radius-card);background:var(--c-card, #fff);box-shadow:var(--shadow-hover);animation:projModalPop .4s cubic-bezier(.34,1.56,.64,1)}.project-modal-close{position:absolute;top:14px;right:14px;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;color:var(--c-title);background:var(--c-glass-btn, rgba(250, 253, 255, .92));box-shadow:0 4px 14px #2c5f7c40;transition:background .3s ease-out,transform .3s ease-out}.project-modal-close:hover{background:var(--c-sakura);color:#fff;transform:rotate(90deg)}.project-modal-cover{aspect-ratio:16 / 9;background-size:cover}.project-modal-body{padding:24px 28px 28px}.project-modal-title{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--c-title);margin-bottom:14px}.project-modal-title svg{flex:none;color:var(--c-primary)}.project-modal-para{margin-top:14px;font-size:15px;line-height:1.85;color:var(--c-text)}.project-modal-links{display:flex;gap:12px;margin-top:22px}.project-modal-link{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(120deg,var(--c-primary),var(--c-primary-deep, #5db4d6));box-shadow:0 6px 18px #7ec8e373;transition:transform .3s ease-out,box-shadow .3s ease-out}.project-modal-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}@keyframes projModalFade{0%{opacity:0}to{opacity:1}}@keyframes projModalPop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.project-modal,.project-modal-card{animation:none}.project-modal-close:hover{transform:none}}.star-border-container{display:inline-block;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.skills{position:relative;overflow:hidden;background:var(--c-white)}.skills .container{position:relative;z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.skill-wrap{position:relative}.catears--skill{padding:0 34px;z-index:1}.skill-card{display:block;width:100%;border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform .4s ease-out,box-shadow .4s ease-out}.skill-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.skill-card .inner-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:38px 28px;background:var(--c-card, #fff);border:2px dashed var(--c-line, rgba(126, 200, 227, .45));border-radius:calc(var(--radius-card) - 2px);color:var(--c-text);font-size:14px;overflow:hidden}.skill-paw-mark{position:absolute;right:12px;bottom:8px;color:var(--c-primary);opacity:.12;transform:rotate(-18deg);transition:opacity .4s ease-out,transform .4s ease-out}.skill-card:hover .skill-paw-mark{opacity:.28;transform:rotate(-6deg) scale(1.08);color:var(--c-sakura)}.skill-icon{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-top:10px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--c-aqua),var(--c-primary));box-shadow:0 8px 24px #7ec8e373}.skill-icon-ears{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:72px;height:16px}.skill-card:hover .skill-icon{animation:skillIconBounce .6s ease-out}@keyframes skillIconBounce{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-10px) rotate(-6deg)}65%{transform:translateY(2px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}.skill-name{font-size:19px;font-weight:700;color:var(--c-title)}.skill-desc{font-size:14px;color:var(--c-text)}.contact{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;scroll-margin-top:0;background:linear-gradient(180deg,var(--c-sea-1, #eaf6fb) 0%,var(--c-sea-2, #a8dcef) 55%,var(--c-sea-3, #7ec8e3) 100%)}.waveband{overflow:hidden}.waveband-layer{position:absolute;top:0;left:0;width:200%;height:100%;display:flex}.waveband-layer svg{width:50%;height:100%;flex:none}.waveband-layer--1{opacity:.25;animation:waveFlow 18s linear infinite}.waveband-layer--2{opacity:.45;top:14%;animation:waveFlow 12s linear infinite reverse}.waveband-layer--3{opacity:.95;top:30%;animation:waveFlow 8s linear infinite}@keyframes waveFlow{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-waves--top{position:absolute;top:-1px;left:0;right:0;height:84px;z-index:1;transform:scaleY(-1);pointer-events:none}.contact-waves--bottom{position:absolute;bottom:-1px;left:0;right:0;height:110px;z-index:2;pointer-events:none}.contact-bubble{position:absolute;z-index:1;border-radius:50%;background-size:cover;background-position:center 25%;border:4px solid var(--c-bubble-ring, rgba(250, 253, 255, .92));box-shadow:0 14px 40px #2c5f7c47,0 0 0 10px #fafdff29;pointer-events:none}.contact-bubble--1{width:170px;height:170px;left:7%;top:26%;background-position:50% 18%}.contact-bubble--2{width:132px;height:132px;right:9%;bottom:26%;background-position:48% 30%;animation-delay:-1.6s}.contact-bubble--3{width:96px;height:96px;left:15%;bottom:22%;background-position:22% 30%;animation-delay:-2.6s}.contact-bubble--glass1{width:38px;height:38px;border-width:2px;background:#ffffff59;right:20%;top:30%;box-shadow:0 6px 18px #2c5f7c2e}.contact-bubble--glass2{width:24px;height:24px;border-width:2px;background:#ffffff4d;left:28%;top:44%;box-shadow:0 4px 12px #2c5f7c26;animation-delay:-3s}.contact-cloud{position:absolute;color:var(--c-cloud, rgba(255, 255, 255, .8))}.contact-cloud--1{top:12%;left:6%}.contact-cloud--2{top:30%;right:10%;animation-delay:-2.5s}.contact-cloud--3{bottom:10%;left:14%;opacity:.6;animation-delay:-4s}.contact-star{position:absolute;color:var(--c-star, #fff)}.contact-star--1{top:20%;right:28%}.contact-star--2{top:46%;left:18%;animation-delay:-1s}.contact-star--3{bottom:26%;right:16%;animation-delay:-2s}.contact-content{position:relative;z-index:2;text-align:center}.contact-title{margin-top:10px;font-size:clamp(34px,3.4vw,50px);font-weight:900;color:var(--c-title)}.contact-subtitle{margin-top:16px;font-size:17px;color:var(--c-text)}.contact-links{display:flex;justify-content:center;gap:36px;margin-top:52px}.contact-link{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--c-title)}.contact-link>svg{box-sizing:content-box;padding:25px;border-radius:50%;background:var(--c-glass-btn, rgba(250, 253, 255, .92));box-shadow:0 10px 32px #2c5f7c38;transition:transform .4s ease-out,background .4s ease-out,color .4s ease-out,box-shadow .4s ease-out}.contact-link:hover>svg{transform:translateY(-10px) scale(1.06);background:var(--c-sakura);color:#fff;box-shadow:0 18px 40px #ffb7c58c}.contact-link-label{font-size:14px;font-weight:500;letter-spacing:.12em}.contact-footer{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding:28px 0 22px;text-align:center;font-size:13px;color:var(--c-footer-text, rgba(44, 95, 124, .75));letter-spacing:.08em}.contact-heart{color:var(--c-sakura)}.timeline{position:relative;background:linear-gradient(180deg,var(--c-mist) 0%,var(--c-white) 100%);overflow:hidden}.timeline-track{position:relative;max-width:900px;margin:0 auto;padding:10px 0}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,var(--c-primary),var(--c-sakura));opacity:.5}.timeline-item{position:relative;width:50%;padding:14px 40px;box-sizing:border-box}.timeline-item--left{left:0;text-align:right}.timeline-item--right{left:50%;text-align:left}.timeline-dot{position:absolute;top:26px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--c-primary);box-shadow:0 0 0 5px var(--c-white),0 6px 16px #7ec8e380;z-index:1}[data-theme=night] .timeline-dot{box-shadow:0 0 0 5px var(--c-white),0 6px 16px #00000073}.timeline-dot--award{background:var(--c-sakura)}.timeline-dot--study{background:var(--c-aqua)}.timeline-item--left .timeline-dot{right:-17px}.timeline-item--right .timeline-dot{left:-17px}.timeline-card{display:inline-block;text-align:left;max-width:360px;padding:18px 22px;border-radius:var(--radius-card);background:var(--c-card, #fff);border:1px solid var(--c-line, rgba(126, 200, 227, .3));box-shadow:var(--shadow-soft);transition:transform .4s ease-out,box-shadow .4s ease-out}.timeline-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.timeline-badge{display:inline-block;padding:2px 12px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:var(--c-primary)}.timeline-badge--award{background:var(--c-sakura)}.timeline-badge--study{background:var(--c-aqua);color:var(--c-title)}.timeline-date{display:block;margin-top:8px;font-family:var(--font-en);font-size:13px;font-weight:700;color:var(--c-primary)}.timeline-title{margin-top:4px;font-size:17px;font-weight:700;color:var(--c-title)}.timeline-desc{margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--c-text)}.bgm{position:fixed;left:28px;bottom:28px;z-index:90;display:flex;align-items:center}.bgm-disc{position:relative;flex:none;display:block;width:52px;height:52px;border-radius:50%;border:2px solid var(--c-primary, #7ec8e3);cursor:pointer;overflow:hidden;background:repeating-radial-gradient(circle at center,transparent 0 3px,rgba(44,95,124,.07) 3px 4px),radial-gradient(circle at center,var(--c-card, #ffffff) 16%,var(--c-aqua, #a8dcef) 62%,var(--c-primary, #7ec8e3) 100%);box-shadow:var(--shadow-soft, 0 8px 32px rgba(126, 200, 227, .25));transition:transform .3s ease-out,box-shadow .3s ease-out;z-index:1}.bgm-disc:hover{transform:scale(1.08);box-shadow:var(--shadow-hover, 0 16px 48px rgba(126, 200, 227, .38))}.bgm-cover{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background-size:cover;background-position:center 20%}.bgm-hole{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--c-white, #fafdff);border:2px solid var(--c-title, #2c5f7c);z-index:1}.bgm--playing .bgm-disc{animation:bgmSpin 6s linear infinite}@keyframes bgmSpin{to{transform:rotate(360deg)}}.bgm-panel{display:flex;align-items:center;gap:10px;margin-left:-8px;padding-left:16px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;border-radius:0 16px 16px 0;background:var(--c-glass, rgba(250, 253, 255, .85));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft, 0 8px 32px rgba(126, 200, 227, .25));transition:max-width .45s ease-out,opacity .35s ease-out,padding .45s ease-out}.bgm:hover .bgm-panel,.bgm:focus-within .bgm-panel{max-width:280px;opacity:1;padding-right:14px}.bgm-meta{display:flex;flex-direction:column;min-width:0}.bgm-title{font-size:13.5px;font-weight:700;color:var(--c-title, #2c5f7c);overflow:hidden;text-overflow:ellipsis;max-width:150px}.bgm-sub{font-size:11px;color:var(--c-text-dim, rgba(58, 74, 90, .75));overflow:hidden;text-overflow:ellipsis;max-width:150px}.bgm-ctrl{display:flex;align-items:center;gap:2px}.bgm-ctrl button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;color:var(--c-title, #2c5f7c);background:transparent;transition:background .3s ease-out,color .3s ease-out,transform .2s ease-out}.bgm-ctrl button:hover{background:var(--c-tint, rgba(126, 200, 227, .18));color:var(--c-primary, #7ec8e3);transform:scale(1.12)}.bgm-note{position:absolute;left:42px;bottom:30px;font-size:16px;font-weight:700;color:var(--c-primary, #7ec8e3);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.bgm-note--2{color:var(--c-sakura, #ffb7c5);font-size:19px}.bgm--playing .bgm-note{animation:bgmNoteFloat 2.4s ease-out infinite}.bgm--playing .bgm-note--2{animation-delay:.8s}.bgm--playing .bgm-note--3{animation-delay:1.6s}@keyframes bgmNoteFloat{0%{opacity:0;transform:translate(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(48px,-66px) rotate(26deg)}}@media (prefers-reduced-motion: reduce){.bgm--playing .bgm-disc,.bgm--playing .bgm-note{animation:none}}.konami{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;overflow:hidden}.konami-paw{position:absolute;top:-60px;fill:var(--c-primary, #7ec8e3);opacity:0;animation-name:konamiPawFall;animation-timing-function:linear;animation-fill-mode:forwards}.konami-paw--pink{fill:var(--c-sakura, #ffb7c5)}@keyframes konamiPawFall{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:.85}82%{opacity:.85}to{transform:translateY(115vh) rotate(var(--paw-rotate, 24deg));opacity:0}}.konami-toast{position:absolute;top:88px;left:50%;padding:12px 30px;border-radius:999px;background:var(--c-card, #ffffff);border:2px solid var(--c-sakura, #ffb7c5);color:var(--c-title, #2c5f7c);font-size:16px;font-weight:700;letter-spacing:.05em;white-space:nowrap;box-shadow:var(--shadow-soft, 0 8px 32px rgba(126, 200, 227, .25));animation:konamiToastPop .6s cubic-bezier(.34,1.56,.64,1) both,konamiToastFade .6s ease-out 4.6s forwards}@keyframes konamiToastPop{0%{transform:translate(-50%) translateY(-26px) scale(.6);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes konamiToastFade{to{transform:translate(-50%) translateY(-12px) scale(.92);opacity:0}}@media (prefers-reduced-motion: reduce){.konami-paw{animation:none}.konami-toast{animation:none;transform:translate(-50%)}}.intro-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--c-white, #fafdff) 0%,var(--c-mist, #eaf6fb) 100%);opacity:1;transition:opacity .6s ease-out;pointer-events:auto}.intro-loader--leaving{opacity:0;pointer-events:none}.intro-loader__inner{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.intro-paw{position:relative;width:96px;height:96px}.intro-paw__pad,.intro-paw__toe{position:absolute;background:var(--c-primary, #7ec8e3);border-radius:50%;will-change:transform,opacity}.intro-paw__pad{width:46px;height:38px;left:25px;bottom:4px;border-radius:50% 50% 48% 48%;background:var(--c-primary-deep, #5db4d6);animation:introPawPad 1.2s ease-in-out infinite}.intro-paw__toe{width:20px;height:24px}.intro-paw__toe--1{left:6px;top:30px;animation:introPawToe 1.2s ease-in-out infinite;animation-delay:0s}.intro-paw__toe--2{left:24px;top:12px;background:var(--c-sakura, #ffb7c5);animation:introPawToe 1.2s ease-in-out infinite;animation-delay:.12s}.intro-paw__toe--3{right:24px;top:12px;animation:introPawToe 1.2s ease-in-out infinite;animation-delay:.24s}.intro-paw__toe--4{right:6px;top:30px;animation:introPawToe 1.2s ease-in-out infinite;animation-delay:.36s}@keyframes introPawPad{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes introPawToe{0%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-10px);opacity:1}}.intro-loader__greeting{margin:0;font-size:24px;font-weight:700;color:var(--c-title, #2c5f7c);animation:introTextIn .6s ease-out both}.intro-loader__hint{margin:0;font-size:14px;color:var(--c-text-dim, rgba(58, 74, 90, .75));letter-spacing:.5px;animation:introTextIn .6s ease-out .15s both}@keyframes introTextIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.intro-loader{transition:none}.intro-paw__pad,.intro-paw__toe,.intro-loader__greeting,.intro-loader__hint{animation:none;opacity:1;transform:none}}.sakura-fall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;pointer-events:none;overflow:hidden;opacity:.45}.sakura-petal{position:absolute;top:-8%;display:block;will-change:transform;animation-name:sakura-drop;animation-timing-function:linear;animation-iteration-count:infinite}.sakura-petal__svg{display:block;width:100%;height:100%;will-change:transform;animation-name:sakura-spin;animation-timing-function:linear;animation-iteration-count:infinite}.sakura-petal__sakura{fill:var(--c-sakura, #ffb7c5)}.sakura-petal__snow{fill:var(--c-white, #fafdff)}.sakura-fall--snow{opacity:.5}@keyframes sakura-drop{0%{transform:translateZ(0)}25%{transform:translate3d(var(--sway, 24px),28vh,0)}50%{transform:translate3d(0,56vh,0)}75%{transform:translate3d(calc(var(--sway, 24px) * -1),84vh,0)}to{transform:translate3d(0,116vh,0)}}@keyframes sakura-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sakura-petal,.sakura-petal__svg{animation:none}}.mouse-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:86;pointer-events:none;display:block}@media (prefers-reduced-motion: reduce){.mouse-particles{display:none}}body.paw-cursor-active,body.paw-cursor-active *{cursor:none!important}.paw-cursor-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9996;pointer-events:none;cursor:none}.paw-main{position:fixed;left:0;top:0;width:30px;height:30px;transform:translate(-100px,-100px);fill:var(--c-primary, #7ec8e3);filter:drop-shadow(0 2px 4px rgba(126,200,227,.45));transition:opacity .25s ease-out;will-change:transform,opacity}.paw-trail{position:fixed;width:20px;height:20px;margin-left:-10px;margin-top:-10px;fill:var(--c-primary, #7ec8e3);transform-origin:center;animation:pawTrailFade .7s ease-out forwards;will-change:transform,opacity}.paw-trail--pink{fill:var(--c-sakura, #ffb7c5)}@keyframes pawTrailFade{0%{opacity:.85;transform:rotate(var(--paw-rotate, 0deg)) scale(.9)}to{opacity:0;transform:rotate(var(--paw-rotate, 0deg)) scale(.4)}}@media (prefers-reduced-motion: reduce){.paw-trail{animation:none;opacity:0}.paw-main{transition:none}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:101;pointer-events:none;background:transparent}.scroll-progress__bar{width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--c-primary, #7ec8e3),var(--c-sakura, #ffb7c5));will-change:transform}.scroll-top{position:fixed;left:28px;bottom:88px;z-index:89;width:48px;height:48px;padding:0;border:1px solid var(--c-line, rgba(126, 200, 227, .35));border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--c-glass-btn, rgba(250, 253, 255, .95));box-shadow:var(--shadow-soft, 0 8px 32px rgba(126, 200, 227, .25));opacity:0;transform:translateY(12px) scale(.85);pointer-events:none;transition:opacity .35s ease-out,transform .35s ease-out,box-shadow .3s ease-out,background-color .5s ease-out,border-color .5s ease-out}.scroll-top.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top.is-visible:hover{transform:translateY(-3px) scale(1.06);box-shadow:var(--shadow-hover, 0 16px 48px rgba(126, 200, 227, .38))}.scroll-top.is-visible:active{transform:translateY(-1px) scale(.98)}.scroll-top:focus-visible{outline:2px solid var(--c-primary, #7ec8e3);outline-offset:3px}.scroll-top__paw{width:24px;height:24px;fill:var(--c-primary, #7ec8e3);transition:fill .3s ease-out}.scroll-top.is-visible:hover .scroll-top__paw{fill:var(--c-sakura, #ffb7c5)}@media (prefers-reduced-motion: reduce){.scroll-top{transform:none;transition:opacity .2s linear,background-color .5s ease-out,border-color .5s ease-out}.scroll-top.is-visible,.scroll-top.is-visible:hover,.scroll-top.is-visible:active{transform:none}.scroll-progress__bar{will-change:auto}}.hitokoto{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);z-index:88;max-width:min(86vw,520px);padding:8px 18px;border:1px solid var(--c-line, rgba(126, 200, 227, .35));border-radius:999px;background:var(--c-card, #ffffff);box-shadow:var(--shadow-soft, 0 8px 32px rgba(126, 200, 227, .25));color:var(--c-text, #3a4a5a);font-size:13px;line-height:1.5;font-family:inherit;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:0;transition:transform .6s ease-out,opacity .6s ease-out,box-shadow .3s ease-out}.hitokoto--shown{opacity:1;transform:translate(-50%) translateY(0)}.hitokoto--shown:hover{transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-hover, 0 16px 48px rgba(126, 200, 227, .38))}.hitokoto:focus-visible{outline:2px solid var(--c-primary, #7ec8e3);outline-offset:2px}.hitokoto-from{margin-left:6px;color:var(--c-text-dim, rgba(58, 74, 90, .75));font-size:12px}.hitokoto-text{display:inline;animation:hitokotoFade .5s ease-out}@keyframes hitokotoFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.hitokoto{transition:none;transform:translate(-50%);opacity:1}.hitokoto--shown:hover{transform:translate(-50%)}.hitokoto-text{animation:none}}#oml2d-stage,.oml2d-stage{z-index:70!important;left:auto!important;right:0!important}.oml2d-tips{z-index:71!important}:root{--c-white: #fafdff;--c-mist: #eaf6fb;--c-card: #ffffff;--c-title: #2c5f7c;--c-text: #3a4a5a;--c-primary: #7ec8e3;--c-primary-deep: #5db4d6;--c-aqua: #a8dcef;--c-sakura: #ffb7c5;--c-line: rgba(126, 200, 227, .35);--c-tint: rgba(126, 200, 227, .18);--c-glass: rgba(250, 253, 255, .78);--c-glass-btn: rgba(250, 253, 255, .95);--c-halo: rgba(250, 253, 255, .95);--c-pager-dim: rgba(44, 95, 124, .45);--c-divider: rgba(44, 95, 124, .15);--c-text-dim: rgba(58, 74, 90, .75);--c-footer-text: rgba(44, 95, 124, .75);--c-sakura-soft: rgba(255, 183, 197, .4);--c-cloud: rgba(255, 255, 255, .8);--c-star: #ffffff;--c-bubble-ring: rgba(250, 253, 255, .92);--c-veil-strong: rgba(250, 253, 255, .95);--c-veil-mid: rgba(250, 253, 255, .72);--c-veil-faint: rgba(250, 253, 255, .08);--c-veil-none: rgba(250, 253, 255, 0);--c-sea-1: #eaf6fb;--c-sea-2: #a8dcef;--c-sea-3: #7ec8e3;--shadow-soft: 0 8px 32px rgba(126, 200, 227, .25);--shadow-hover: 0 16px 48px rgba(126, 200, 227, .38);--shadow-nav: 0 2px 16px rgba(126, 200, 227, .18);--c-sun: #f5b961}[data-theme=night]{--c-white: #0d1626;--c-mist: #131f33;--c-card: #18263d;--c-title: #bfe3f5;--c-text: #c9d6e3;--c-primary: #6db5d6;--c-primary-deep: #4f9cc2;--c-aqua: #6fa8c9;--c-sakura: #e89aab;--c-line: rgba(109, 181, 214, .28);--c-tint: rgba(109, 181, 214, .16);--c-glass: rgba(13, 22, 38, .8);--c-glass-btn: rgba(24, 38, 61, .92);--c-halo: rgba(13, 22, 38, .9);--c-pager-dim: rgba(191, 227, 245, .45);--c-divider: rgba(191, 227, 245, .16);--c-text-dim: rgba(201, 214, 227, .7);--c-footer-text: rgba(191, 227, 245, .7);--c-sakura-soft: rgba(232, 154, 171, .3);--c-cloud: rgba(207, 228, 243, .12);--c-star: #cfe4f3;--c-bubble-ring: rgba(207, 228, 243, .4);--c-veil-strong: rgba(13, 22, 38, .93);--c-veil-mid: rgba(13, 22, 38, .78);--c-veil-faint: rgba(13, 22, 38, .3);--c-veil-none: rgba(13, 22, 38, .42);--c-sea-1: #131f33;--c-sea-2: #1b3550;--c-sea-3: #274868;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .45);--shadow-hover: 0 16px 48px rgba(0, 0, 0, .6);--shadow-nav: 0 2px 16px rgba(0, 0, 0, .4)}@media (prefers-reduced-motion: no-preference){body,body *{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.5s;transition-timing-function:ease-out}}[data-theme=night] img,[data-theme=night] .project-cover,[data-theme=night] .about-avatar,[data-theme=night] .contact-bubble{filter:brightness(.85)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:0;transition:opacity .6s ease-out;background-repeat:no-repeat;background-size:100% 100%;background-image:radial-gradient(2px 2px at 8% 12%,rgba(191,227,245,.9) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 28%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(2.5px 2.5px at 35% 8%,rgba(168,220,239,.9) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 48% 20%,rgba(232,154,171,.8) 50%,transparent 51%),radial-gradient(2px 2px at 62% 14%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(3px 3px at 76% 6%,rgba(191,227,245,.95) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 18%,rgba(168,220,239,.8) 50%,transparent 51%),radial-gradient(2px 2px at 15% 52%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(2.5px 2.5px at 30% 68%,rgba(191,227,245,.85) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 60%,rgba(232,154,171,.7) 50%,transparent 51%),radial-gradient(2px 2px at 70% 74%,rgba(168,220,239,.85) 50%,transparent 51%),radial-gradient(2.5px 2.5px at 85% 56%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 10% 86%,rgba(191,227,245,.75) 50%,transparent 51%),radial-gradient(2px 2px at 42% 90%,rgba(168,220,239,.8) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 93% 84%,rgba(255,255,255,.75) 50%,transparent 51%)}[data-theme=night] body:after{opacity:1;animation:starTwinkle 4s ease-in-out infinite alternate}@keyframes starTwinkle{0%{filter:brightness(.8)}to{filter:brightness(1.5)}}@media (prefers-reduced-motion: reduce){body:after,[data-theme=night] body:after{animation:none}}:root{--radius-card: 20px;--font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-en: "Quicksand", "Comfortaa", "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-cn);color:var(--c-text);background:var(--c-white);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.route-loading{display:flex;align-items:center;justify-content:center;min-height:70vh;font-size:16px;letter-spacing:.1em;color:var(--c-primary)}.container{width:min(1200px,92%);margin:0 auto}.section{padding:110px 0;scroll-margin-top:64px}.section-head{text-align:center;margin-bottom:56px}.section-head--left{text-align:left}.section-head-en{font-family:var(--font-en);font-weight:700;font-size:14px;letter-spacing:.35em;color:var(--c-primary);text-transform:uppercase}.section-head-cn{font-size:38px;font-weight:900;color:var(--c-title);margin-top:8px}.section-head-cn:after{content:"";display:block;width:56px;height:5px;border-radius:3px;margin:14px auto 0;background:linear-gradient(90deg,var(--c-primary),var(--c-sakura))}.section-head--left .section-head-cn:after{margin-left:0}.catears{position:absolute;top:-19px;left:0;right:0;height:20px;overflow:hidden;display:flex;justify-content:space-between;padding:0 30px;pointer-events:none}.catears-ear{width:36px;height:29px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatYSmall{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.float-slow{animation:floatY 7s ease-in-out infinite}.float-mid{animation:floatY 5s ease-in-out infinite}.float-fast{animation:floatYSmall 3.5s ease-in-out infinite}.twinkle{animation:twinkle 2.8s ease-in-out infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--c-mist)}::-webkit-scrollbar-thumb{background:var(--c-aqua);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}::selection{background:#7ec8e366;color:var(--c-title)}