@font-face{font-family:WebFont;src:url(//static.notanote.cn/assets/fonts/meow.woff2) format("woff2");font-display:swap}:root{--n-bg: #fcfcfc;--n-bg-2: #f7f7f8;--n-text-1: #16161a;--n-text-2: #5a5a61;--n-text-3: #6e6e76;--n-rule: rgba(22, 22, 26, .1);--n-rule-2: rgba(22, 22, 26, .2);--n-accent-grad: linear-gradient(96deg, #ff6fa5 0%, #b36bff 52%, #6c7bff 100%);--n-accent-ink: #a81c6b;--n-accent-ink-grad: #f58484;--n-accent-soft: rgba(168, 28, 107, .07);--n-ink: #000;--n-surface: rgba(252, 252, 252, .72);--n-dock: rgba(252, 252, 252, .78);--n-focus: #a81c6b;--n-sidebar: 300px;--n-content: 1180px;--n-gutter: clamp(1.5rem, 4vw, 3.5rem);--n-baseline: 1.75rem;--n-measure: 34rem;--n-r-card: 8px;--n-r-mark: 2px;--n-shadow-1: 0 1px 2px rgba(22, 22, 26, .04);--n-shadow-2: 0 2px 10px rgba(22, 22, 26, .06);--n-shadow-3: 0 12px 32px rgba(22, 22, 26, .1);--ease-out: cubic-bezier(.2, .8, .2, 1);--n-nav-dur: .4s;--n-nav-ease: cubic-bezier(.1, .8, .3, 1);--n-brand-drift: calc(var(--n-sidebar) + 6rem + .8rem);--n-logo-dur: .72s;--n-logo-ease: cubic-bezier(.22, 1, .36, 1);--n-logo-delay: .07s}*{margin:0;padding:0;box-sizing:border-box;font-family:WebFont!important;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{background:var(--n-bg);color:var(--n-text-1);overflow-x:hidden;line-height:1.7;padding-left:var(--n-sidebar);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html.splashing,html.splashing body{overflow:hidden}.hero-description,.download-note,.song-title,.song-artist,.footer-slogan,.footer-bottom p,.popup-item-value,.splash-text-item{-webkit-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--n-focus);outline-offset:2px}a{color:inherit}img{max-width:100%}#home,#download,#songs{scroll-margin-top:2rem}.img-background{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.img-background img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);mix-blend-mode:multiply;filter:brightness(1.2) contrast(.5);opacity:.4}@supports not (mix-blend-mode: multiply){.img-background img{opacity:.34;filter:brightness(1.1) contrast(.5)}}.hero-content:before{content:"";position:absolute;inset:-4rem 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 34% 45%,rgba(252,252,252,.88) 0%,rgba(252,252,252,.5) 55%,transparent 80%)}#particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;bottom:0;border-radius:50%;will-change:transform,opacity;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translate3d(0,12vh,0);opacity:0}12%{opacity:var(--peak, .5)}55%{transform:translate3d(calc(var(--drift, 0px) * .55),-45vh,0);opacity:var(--peak, .5)}88%{opacity:calc(var(--peak, .5) * .45)}to{transform:translate3d(var(--drift, 0px),-112vh,0);opacity:0}}@keyframes particlePulse{0%,to{filter:blur(var(--blur, 0px)) brightness(1)}50%{filter:blur(var(--blur, 0px)) brightness(1.35)}}.splash-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#fcfcfcf0;opacity:1;pointer-events:all;transition:background-color .3s ease,opacity .3s ease}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-text-sequence{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.splash-text-item{position:absolute;text-align:center;padding:0 2rem;max-width:800px;font-size:clamp(1.125rem,2.6vw,1.75rem);color:var(--n-text-1);opacity:0;line-height:1.9;letter-spacing:.02em;font-weight:300;text-shadow:0 1px 0 rgba(252,252,252,.9)}.splash-text-item.active{animation:textSequence 3.5s ease-in-out forwards}@keyframes textSequence{0%{opacity:0;transform:scale(1)}28.57%{opacity:1;transform:scale(1)}71.43%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.splash-bg-blur{position:fixed;inset:0;z-index:9998;opacity:1;background:#fcfcfceb;backdrop-filter:blur(48px) saturate(60%) brightness(1.08);-webkit-backdrop-filter:blur(48px) saturate(60%) brightness(1.08);transform:scale(1.1);transition:transform 13s ease-out,opacity 3s ease,backdrop-filter 3s ease}.splash-bg-blur.animate{transform:scale(1)}.splash-bg-blur.fade-out{opacity:0;backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}.splash-skip-hint{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);color:#16161abf;font-size:.8125rem;letter-spacing:.18em;opacity:0;animation:fadeInOut 2s ease-in-out infinite;animation-delay:1s;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}@media(hover:none),(pointer:coarse){.splash-skip-hint{display:none}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:.9}}.rule{display:block;width:48px;height:2px;background:var(--n-accent-grad);border-radius:var(--n-r-mark)}.brand{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:var(--n-r-mark);box-shadow:var(--n-shadow-1)}.brand-mark{height:42px;size:120%;width:auto;display:block}.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal-up.active{opacity:1;transform:translateY(0)}.sidebar{position:fixed;top:0;left:0;width:var(--n-sidebar);height:100vh;z-index:1000;display:flex;flex-direction:column;padding:2.5rem 0 2rem;opacity:0;visibility:hidden;transform:translate(-40px);transition:opacity .5s var(--ease-out),visibility .5s var(--ease-out),transform .5s var(--ease-out)}.sidebar.visible{opacity:1;visibility:visible;transform:translate(0)}.sidebar-logo{padding:0 2.5rem;margin-bottom:2.25rem}.nav-links{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;list-style:none;width:100%}@media(max-height:700px){.nav-links{top:10rem;bottom:1.5rem;transform:none;overflow-y:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}}.nav-links li{position:relative;z-index:2;width:100%}.nav-links a{position:relative;display:block;padding:.8125rem 2.5rem;width:100%;font-size:1.0625rem;line-height:1.4;font-weight:400;letter-spacing:.01em;color:var(--n-text-2);text-decoration:none;transition:color .25s ease,padding-left .3s var(--ease-out)}.nav-links a:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;background:linear-gradient(90deg,rgba(168,28,107,.08),transparent);transition:width var(--n-nav-dur) var(--n-nav-ease)}.nav-links a:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:var(--n-r-mark);background:var(--n-accent-grad);transition:height var(--n-nav-dur) var(--n-nav-ease)}.nav-links li:before{content:"";position:absolute;left:-10px;top:5%;width:320px;height:90%;border-radius:20px;filter:blur(8px);transform-origin:left center;transform:scaleX(0) scaleY(.5);opacity:0;z-index:-2;pointer-events:none;transition:transform var(--n-nav-dur) var(--n-nav-ease),opacity var(--n-nav-dur) var(--n-nav-ease);background:linear-gradient(90deg,rgba(168,28,107,.42) 0%,rgba(148,46,186,.26) 30%,rgba(108,123,255,.12) 58%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}.nav-links li:after{content:"";position:absolute;left:0;top:-20%;width:360px;height:140%;pointer-events:none;z-index:-1;opacity:0;background-image:radial-gradient(ellipse 60px 10px at center,rgba(168,28,107,.22) 0%,transparent 60%),radial-gradient(ellipse 80px 15px at center,rgba(122,43,200,.14) 0%,transparent 50%),radial-gradient(circle at 10px 15%,rgba(168,28,107,.85) .5px,transparent 1.5px),radial-gradient(circle at 30px 85%,rgba(122,43,200,.7) 1px,transparent 2px),radial-gradient(circle at 40px 35%,rgba(168,28,107,.75) .5px,transparent 1px),radial-gradient(circle at 70px 65%,rgba(122,43,200,.5) 1.5px,transparent 2.5px),radial-gradient(circle at 90px 20%,rgba(168,28,107,.6) 1px,transparent 2px),radial-gradient(circle at 120px 45%,rgba(108,123,255,.65) .8px,transparent 1.5px),radial-gradient(ellipse 30px .5px at 15px 50%,rgba(168,28,107,.6) 1px,transparent 3px),radial-gradient(ellipse 40px 1px at 50px 75%,rgba(122,43,200,.5) 1px,transparent 3px),radial-gradient(ellipse 50px .5px at 80px 25%,rgba(168,28,107,.35) 1px,transparent 3px),radial-gradient(ellipse 25px .8px at 110px 80%,rgba(108,123,255,.4) 1px,transparent 2px);background-size:120px 30%,160px 40%,70px 100%,110px 100%,65px 100%,130px 100%,85px 100%,150px 100%,100px 100%,150px 100%,200px 100%,120px 100%;background-repeat:repeat-x;background-position:0 45%,0 55%,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 15%,transparent 75%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 15%,transparent 75%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;transition:opacity var(--n-nav-dur) var(--n-nav-ease)}.nav-links li:hover:before,.nav-links li:has(>a:focus-visible):before{opacity:.45;transform:scaleX(.7) scaleY(.82);animation:none}.nav-links li:has(>a.active):before{opacity:1;transform:scaleX(1) scaleY(1);animation:beamPulsate 1.5s ease-in-out var(--n-nav-dur) infinite alternate}.nav-links li:has(>a.active):after{opacity:1;animation:particleStream 1.2s linear infinite}@keyframes beamPulsate{0%{filter:blur(8px) opacity(1)}to{filter:blur(10px) opacity(.82)}}@keyframes particleStream{0%{background-position-x:0px,0px,0px,0px,0px,0px,0px,0px,0px,0px,0px,0px}to{background-position-x:120px,160px,70px,110px,65px,130px,85px,150px,100px,150px,200px,120px}}.nav-links a:hover,.nav-links a.active,.nav-links a:focus-visible{color:var(--n-text-1)}.nav-links a:hover,.nav-links a:focus-visible{padding-left:2.875rem}.nav-links a:hover:before,.nav-links a.active:before{width:100%}.nav-links a:hover:after{height:40%}.nav-links a.active:after{height:60%}.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2;width:100%;max-width:var(--n-content);padding:6rem 10rem}@media(min-width:1025px){.hero{margin-left:calc(-1 * var(--n-sidebar));padding-left:var(--n-sidebar)}.hero-content:before{inset:-4rem 0 -4rem calc(-1 * var(--n-sidebar));background:radial-gradient(ellipse 55% 60% at 48% 45%,rgba(252,252,252,.88) 0%,rgba(252,252,252,.5) 55%,transparent 80%)}}.hero-slogan{white-space:nowrap;font-size:min(clamp(2.4rem,6.5vw,5.25rem),calc((100vw - 2 * var(--n-gutter)) / 10));font-weight:900;line-height:1.12;letter-spacing:-.03em;color:var(--n-text-1);margin-bottom:1.75rem;text-indent:-.6em}@media(min-width:1025px){.hero-slogan{font-size:min(clamp(2.4rem,6.5vw,5.25rem),calc((min(var(--n-content),100vw - var(--n-sidebar)) - 20rem)*.1))}}.hero.ready .hero-slogan{animation:fadeInUp .8s var(--ease-out) .1s backwards}.hero.ready .hero-description{animation:fadeInUp .8s var(--ease-out) .22s backwards}.slogan-highlight{background:var(--n-accent-ink-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-description{font-size:clamp(1.0625rem,1.5vw,1.1875rem);color:var(--n-text-2);line-height:1.85;max-width:var(--n-measure)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-visual{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:240px;height:240px;pointer-events:none;z-index:1}.hero-visual:before{content:"";position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(circle,rgba(168,28,107,.06) 0%,transparent 65%);animation:glow-pulse 6s ease-in-out infinite}.hero-visual .note{position:absolute;stroke:#16161a29;animation:note-float 6s ease-in-out infinite}.note-1{width:72px;height:72px;top:0;left:70px}.note-2{width:48px;height:48px;top:80px;left:150px;opacity:.8;animation-delay:1.5s}.note-3{width:34px;height:34px;top:150px;left:40px;opacity:.6;animation-delay:3s}@keyframes note-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);opacity:.45;z-index:2;transition:opacity .3s ease}.scroll-indicator:hover{opacity:.9}.mouse{width:26px;height:42px;border:1.5px solid rgba(22,22,26,.45);border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:3px;height:7px;background:var(--n-text-1);border-radius:var(--n-r-mark);animation:scroll-wheel 1.6s infinite}@keyframes scroll-wheel{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,14px);opacity:0}}.download{position:relative;z-index:1;padding-block:7rem}.download-art,.download:after{position:absolute;top:0;bottom:0;right:0;left:calc(-1 * var(--n-sidebar));pointer-events:none}.download-art{z-index:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.download-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:saturate(.95) contrast(.9) brightness(1.05);opacity:.62}.download:after{content:"";z-index:1;background:linear-gradient(112deg,#fcfcfced,#fcfcfccc 30%,#fcfcfc57 66%,#fcfcfc24);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.download-inner{position:relative;z-index:2;max-width:var(--n-content);margin-inline:auto;padding-inline:var(--n-gutter)}.download .rule{margin-bottom:1.5rem}.download-title{font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:800;line-height:1.14;letter-spacing:-.025em;color:var(--n-text-1);margin-bottom:1.25rem;max-width:32rem}.download-note{font-size:1rem;color:var(--n-text-2);max-width:var(--n-measure)}.download-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.download-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.5rem 1.375rem;text-decoration:none;color:inherit;background:var(--n-surface);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid var(--n-rule);border-radius:var(--n-r-card);overflow:hidden;transform:translateZ(0);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.download-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--n-accent-grad);transform:scaleY(0);transform-origin:center;transition:transform .3s var(--ease-out)}.download-card:hover{background:#ffffffeb;border-color:var(--n-rule-2);box-shadow:var(--n-shadow-2)}.download-card-icon{display:flex;align-items:center;justify-content:center}.download-card-icon svg{width:40px;height:40px;fill:var(--n-text-2)}.download-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.download-card-name{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--n-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-card-store{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--n-text-2)}.download-card-arrow{width:16px;height:16px;fill:var(--n-text-3);transition:transform .25s ease,fill .25s ease}.download-card:hover .download-card-arrow{transform:translate(3px);fill:var(--n-accent-ink)}.songs{position:relative;z-index:1;padding-block:6rem;--n-card-w: clamp(170px, 52vw, 236px);--n-rail-gap: 1.25rem}.songs-header{width:min(calc(var(--n-content) - 2 * var(--n-gutter)),100% - 2 * var(--n-gutter));margin-inline:auto;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--n-rule);display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.section-title{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--n-text-1)}.section-subtitle{flex:0 0 auto;color:var(--n-text-3);font-size:.9375rem;text-align:right}.songs-scroll-container{position:relative;max-width:var(--n-content);margin-inline:auto;padding-inline:var(--n-gutter)}.songs-scroll{display:flex;gap:var(--n-rail-gap);overflow-x:auto;padding:.5rem 0 1.5rem;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.songs-scroll::-webkit-scrollbar{display:none}.song-card{flex:0 0 var(--n-card-w);scroll-snap-align:start;display:flex;flex-direction:column;gap:.875rem}.song-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--n-bg-2);border:1px solid var(--n-rule);border-radius:var(--n-r-card);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.song-card:hover .song-cover{transform:translateY(-4px);box-shadow:var(--n-shadow-3)}.song-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.song-title{font-size:1rem;font-weight:600;color:var(--n-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:.8125rem;color:var(--n-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-arrow{position:absolute;top:calc(.5rem + var(--n-card-w) / 2);transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fcfcfceb;border:1px solid var(--n-rule);border-radius:50%;cursor:pointer;z-index:10;box-shadow:var(--n-shadow-1);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.scroll-arrow:hover{background:var(--n-text-1);border-color:var(--n-text-1)}.scroll-arrow:active{transform:translateY(-50%) scale(.95)}.scroll-arrow svg{width:20px;height:20px;fill:var(--n-text-1);transition:fill .2s ease}.scroll-arrow:hover svg{fill:#fff}.scroll-arrow.left{left:.25rem}.scroll-arrow.right{right:.25rem}.scroll-arrow.hidden{opacity:0;visibility:hidden;pointer-events:none}.footer{position:relative;z-index:1;border-top:1px solid var(--n-rule)}.footer:before{content:"";position:absolute;top:0;bottom:0;right:0;left:calc(-1 * var(--n-sidebar));background:#fcfcfc99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:-1;pointer-events:none}.footer-inner{max-width:var(--n-content);margin-inline:auto;padding:3rem var(--n-gutter) 2rem;display:flex;gap:4rem;align-items:flex-start}.footer-brand{flex:0 0 auto;min-width:0}.footer-brand .brand{padding-left:0}.footer-slogan{margin-top:1.25rem;font-size:.875rem;line-height:1.7;color:var(--n-text-2)}.footer-links{flex:1;display:flex;gap:3rem;justify-content:flex-end}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col h2{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--n-text-3);margin-bottom:.5rem}.footer-col a{font-size:.875rem;color:var(--n-text-2);text-decoration:none;transition:color .2s ease}.footer-col a:hover{color:var(--n-text-1)}.footer-bottom{max-width:var(--n-content);margin-inline:auto;padding:1.25rem var(--n-gutter);border-top:1px solid var(--n-rule);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;color:var(--n-text-3)}.footer-bottom a{color:var(--n-text-3);text-decoration:none;transition:color .2s ease}.footer-bottom a:hover{color:var(--n-text-1)}.cadpa-corner{position:absolute;top:1rem;right:1.5rem;z-index:1002}.cadpa-corner-logo{height:105px;width:auto;display:block;border-radius:4px;box-shadow:0 1px 3px #16161a24;margin:20px}.fab-container{position:fixed;bottom:2rem;left:1.5rem;z-index:1001;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;opacity:0;visibility:hidden;transform:translate(calc(-100% - 2rem));transition:opacity .4s ease,visibility .4s ease,transform .4s var(--ease-out)}.fab-container.visible{opacity:1;visibility:visible}.fab-container.slide-in{transform:translate(0)}.community-fab{position:relative}.fab-button{width:56px;height:56px;border-radius:50%;background:var(--n-ink);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--n-shadow-2);transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}.fab-button:hover{background:var(--n-accent-ink);box-shadow:var(--n-shadow-3);transform:scale(1.06)}.fab-button svg{width:26px;height:26px;fill:#fff}.community-popup{position:absolute;left:70px;bottom:0;width:320px;background:#fff;border:1px solid var(--n-rule);border-radius:var(--n-r-card);box-shadow:var(--n-shadow-3);opacity:0;visibility:hidden;transform:translate(-14px) scale(.98);transition:opacity .25s ease,visibility .25s ease,transform .25s var(--ease-out)}.community-popup.active{opacity:1;visibility:visible;transform:translate(0) scale(1)}.popup-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--n-rule);display:flex;align-items:center;gap:1rem}.popup-avatar{width:48px;height:48px;border-radius:50%;background:var(--n-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-avatar-icon{width:26px;height:26px;fill:#fff}.popup-title{font-size:1.0625rem;font-weight:600;color:var(--n-text-1)}.popup-subtitle{font-size:.8125rem;color:var(--n-text-2)}.popup-content{padding:1rem}.popup-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem;background:transparent;border:1px solid transparent;border-radius:var(--n-r-card);margin-bottom:.25rem;text-align:left;cursor:pointer;text-decoration:none;color:inherit;transition:background-color .2s ease,border-color .2s ease}.popup-item:last-child{margin-bottom:0}.popup-item:hover{background:var(--n-bg-2);border-color:var(--n-rule)}.popup-item-icon{width:36px;height:36px;border-radius:var(--n-r-card);background:var(--n-accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-item-icon svg{width:25px;height:25px;fill:var(--n-accent-ink)}.popup-item-icon.steam{background:#66c0f424}.popup-item-icon.discord{background:#5865f21f}.popup-item-icon.discord svg{fill:#4752c4}.popup-item-icon.steam svg{fill:#1b5b8c}.popup-item-icon.taptap{background:#00d9c5}.popup-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.popup-item-label{font-size:.75rem;color:var(--n-text-3)}.popup-item-value{font-size:.9375rem;font-weight:600;color:var(--n-text-1)}.popup-item-tail{width:16px;height:16px;fill:var(--n-text-3);flex-shrink:0}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(12px);background:var(--n-ink);color:#fff;padding:.75rem 1.25rem;border-radius:var(--n-r-card);font-size:.875rem;box-shadow:var(--n-shadow-3);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;z-index:1001}.copy-toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mouse-trail{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(168,28,107,.5) 0%,rgba(122,43,200,.2) 60%,transparent 100%);pointer-events:none;z-index:9999;animation:trailFade .6s ease-out forwards}@keyframes trailFade{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.back-to-top{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--n-rule);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--n-shadow-2);opacity:0;visibility:hidden;transform:scale(.85);transition:opacity .3s ease,visibility .3s ease,transform .3s var(--ease-out),background-color .25s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:scale(1)}.back-to-top:hover{background:var(--n-bg-2)}.back-to-top svg{width:22px;height:22px;fill:var(--n-text-1)}@media(max-width:1024px){body{padding-left:0;padding-bottom:90px}.nav-links{position:static;transform:none}.sidebar{position:fixed;width:calc(100% - 2rem);height:64px;top:auto;bottom:1.5rem;left:1rem;flex-direction:row;align-items:center;padding:0 .75rem;background:var(--n-dock);border:1px solid var(--n-rule);border-radius:32px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--n-shadow-3),inset 0 1px #fcfcfce6;transform:translateY(100px) scale(.94);overflow:hidden}.sidebar:before{display:none}.sidebar.visible{transform:translateY(0) scale(1)}.sidebar-logo{display:none}.nav-links{flex-direction:row;align-items:center;gap:.25rem;flex:1;min-width:0;height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:1.5rem;scroll-padding-right:1.5rem}.nav-links::-webkit-scrollbar{display:none}.nav-links.fade-right{mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent 100%)}.nav-links.fade-left{mask-image:linear-gradient(to right,transparent 0,#000 2.5rem);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2.5rem)}.nav-links.fade-left.fade-right{mask-image:linear-gradient(to right,transparent 0,#000 2.5rem,#000 calc(100% - 2.5rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2.5rem,#000 calc(100% - 2.5rem),transparent 100%)}.nav-links li{width:auto;flex-shrink:0}.nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .625rem;font-size:.9375rem;line-height:1.4;font-weight:500;white-space:nowrap;color:var(--n-text-2)}.nav-links a:before,.nav-links a:after,.nav-links li:before,.nav-links li:after{display:none}.nav-links a:hover,.nav-links a.active{color:var(--n-text-1);padding-left:.625rem}.hero{min-height:auto;padding-block:7rem 4rem}.hero-content{padding-inline:var(--n-gutter)}.hero-visual,.scroll-indicator{display:none}.download{padding-block:5rem}.download-art img{object-position:50% 30%;opacity:.6}.download:after{background:linear-gradient(180deg,#fcfcfce6,#fcfcfccc 52%,#fcfcfceb)}.download-grid{margin-top:2.5rem}.download-art,.download:after,.footer:before{left:0}.fab-container{bottom:calc(2.5rem + 64px);left:1rem;gap:.75rem}.back-to-top,.fab-button{width:44px;height:44px}.back-to-top svg,.fab-button svg{width:18px;height:18px}.community-popup{left:56px;width:calc(100vw - 56px - 2rem);max-width:320px}.cadpa-corner{top:.75rem;right:1rem}.cadpa-corner-logo{height:72px}}@media(max-width:860px){.download-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}}@media(max-width:768px){.songs{padding-block:3.5rem;--n-rail-gap: 1rem}.songs-header{display:block}.section-subtitle{margin-top:.5rem;text-align:left}.song-title{font-size:.9375rem}.scroll-arrow{display:none}.footer-inner{flex-direction:column;gap:2rem;padding:2rem var(--n-gutter) 1.5rem}.footer-brand{flex:none}.footer-links{flex-wrap:wrap;gap:2rem;justify-content:flex-start}.footer-bottom{flex-direction:column;gap:.4rem;text-align:center}.download-title br{display:none}}@media(max-width:420px){.download-card{row-gap:.875rem;padding:1.125rem 1rem}.popup-item-value{font-size:.875rem}}@media(hover:none){.download-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fcfcfcf0}.download-card:hover{transform:none}.download-card:before{transform:scaleY(1);transform-origin:top;opacity:.4}.download-card-arrow{transition:none}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.splash-text-item.active,.hero-slogan,.hero-description,.hero-visual:before,.hero-visual .note,.splash-skip-hint,.mouse:before{animation:none!important}#particles{display:none}.hero-slogan,.hero-description{opacity:1;transform:none}.splash-bg-blur{transition:opacity .3s ease;transform:none}.reveal-up{opacity:1;transform:none;transition:none}.mouse-trail{display:none}.nav-links li:before,.nav-links li:after{animation:none!important}.nav-links li:has(>a.active):after{opacity:0}.download-card,.download-card:before,.download-card-arrow,.song-cover,.nav-links a,.nav-links a:before,.nav-links a:after,.scroll-arrow{transition:none}}.nt-page-home .sidebar-logo{position:relative;min-height:calc(35px + .8rem);padding:0}.nt-page-home .sidebar-logo .brand{position:absolute;left:2.5rem;top:0;transform:translate(0);transition:transform var(--n-logo-dur) var(--n-logo-ease);opacity:0}.nt-page-home .sidebar-logo .brand{--n-brand-rise: calc(50vh - 13.225rem) }.nt-page-home .sidebar.visible .sidebar-logo .brand{opacity:1;transition:transform var(--n-logo-dur) var(--n-logo-ease) var(--n-logo-delay),opacity .5s var(--ease-out) .2s}@media(min-width:1025px){html.nt-at-top.nt-page-home .sidebar-logo .brand{transform:translate(var(--n-brand-drift),var(--n-brand-rise))}}html:not(.nt-at-top).nt-page-home .sidebar-logo .brand{transition:transform var(--n-logo-dur) var(--n-logo-ease) var(--n-logo-delay)}@media(max-width:1024px){.nt-page-home .hero-content{display:flex;flex-direction:column}.nt-page-home .hero-content:after{content:"";order:-1;width:min(200px,52vw);height:calc(min(200px,52vw) * 661 / 3715);margin-bottom:1.5rem;background:url(//static.notanote.cn/assets/images/Notanote.png) no-repeat left center;background-size:contain}}.sidebar-user{margin-top:auto;position:relative;z-index:2}.sidebar-user .user-entry{position:relative;display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 2.5rem;text-decoration:none;color:inherit;transition:padding-left .3s var(--ease-out)}.user-entry:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;background:linear-gradient(90deg,rgba(168,28,107,.08),transparent);transition:width var(--n-nav-dur) var(--n-nav-ease)}.user-entry:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:var(--n-r-mark);background:var(--n-accent-grad);transition:height var(--n-nav-dur) var(--n-nav-ease)}.sidebar-user:before{content:"";position:absolute;left:-10px;top:5%;width:320px;height:90%;border-radius:20px;filter:blur(8px);transform-origin:left center;transform:scaleX(0) scaleY(.5);opacity:0;z-index:-2;pointer-events:none;transition:transform var(--n-nav-dur) var(--n-nav-ease),opacity var(--n-nav-dur) var(--n-nav-ease);background:linear-gradient(90deg,rgba(168,28,107,.42) 0%,rgba(148,46,186,.26) 30%,rgba(108,123,255,.12) 58%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}.sidebar-user:has(.user-entry:hover):before,.sidebar-user:has(.user-entry:focus-visible):before{opacity:.45;transform:scaleX(.7) scaleY(.82)}.user-entry:hover:before,.user-entry:focus-visible:before{width:100%}.user-entry:hover:after,.user-entry:focus-visible:after{height:40%}.user-entry:hover,.user-entry:focus-visible{padding-left:2.875rem}.user-entry-icon,.user-entry-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--n-r-card);background:var(--n-accent-soft);display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}.user-entry-icon svg{width:22px;height:22px;fill:var(--n-accent-ink)}.user-entry:hover .user-entry-icon,.user-entry:focus-visible .user-entry-icon{background:#a81c6b21}.user-entry-avatar{border-radius:50%;object-fit:cover;background:var(--n-bg-2);box-shadow:0 0 0 1px var(--n-rule)}.sidebar-user[data-state=guest] .user-entry-avatar,.sidebar-user[data-state=member] .user-entry-icon{display:none}.user-entry-text{flex:1;min-width:0;display:flex;flex-direction:column}.user-entry-label,.user-entry-value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-entry-label{font-size:.75rem;line-height:1.7;color:var(--n-text-3)}.user-entry-value{font-size:.9375rem;line-height:1.45;font-weight:600;color:var(--n-text-2);transition:color .25s ease}.sidebar-user[data-state=member] .user-entry-value{color:var(--n-text-1)}.user-entry:hover .user-entry-value,.user-entry:focus-visible .user-entry-value{color:var(--n-text-1)}.user-entry-tail{width:16px;height:16px;flex-shrink:0;fill:var(--n-text-3);transition:transform .25s var(--ease-out),fill .25s ease}.user-entry:hover .user-entry-tail,.user-entry:focus-visible .user-entry-tail{fill:var(--n-text-1);transform:translate(3px)}@media(min-width:1025px){.sidebar-user{margin-bottom:9rem}}@media(min-width:1025px)and (max-height:970px){.nav-links{top:0;bottom:0;transform:none;justify-content:center;padding:7rem 0 16.125rem;gap:.25rem}.nav-links a{padding-top:.6875rem;padding-bottom:.6875rem}}@media(min-width:1025px)and (max-height:790px){.nav-links{top:7rem;bottom:16.125rem;transform:none;padding:0;gap:.25rem;justify-content:flex-start;overflow-y:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}}@media(max-width:1024px){.sidebar-user{margin-top:0;margin-bottom:0;flex-shrink:0;margin-left:.5rem}.sidebar-user .user-entry{min-width:44px;min-height:44px;justify-content:center;padding:.5rem 0}.user-entry:before,.user-entry:after,.sidebar-user:before{display:none}.user-entry-text,.user-entry-tail{display:none}.user-entry-icon,.user-entry-avatar{width:32px;height:32px}.user-entry-icon svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.user-entry,.user-entry:before,.user-entry:after,.sidebar-user:before,.user-entry-icon,.user-entry-value,.user-entry-tail{transition:none}}