
@font-face{font-family:NsLiquidCentury;src:url('/assets/newset/century-gothic.ttf')}
#ns-liquid-draft{--nl-cream:#fff9ed;--nl-text:#fdf9f0;--nl-ink:#28495a;--nl-sea:#527b8a;--nl-glow:#fff8e6;--nl-frost:.13;--nl-blur:12px;--nl-radius:38px;--nl-speed:510ms;font-family:NsLiquidCentury,'Century Gothic',sans-serif;color:var(--nl-text);width:100%;isolation:isolate}
#ns-liquid-draft *{box-sizing:border-box}
#ns-liquid-draft .nl-stage{position:relative;width:100%;aspect-ratio:1440/900;background:var(--nl-sea);overflow:hidden}
#ns-liquid-draft picture,#ns-liquid-draft picture img{display:block;position:absolute;inset:0;width:100%;height:100%}
#ns-liquid-draft button{font-family:inherit;color:inherit}
#ns-liquid-draft .nl-trigger{position:absolute;z-index:4;top:3.1%;right:2.75%;display:flex;align-items:center;justify-content:center;gap:4.5px;width:44px;height:44px;padding:0;border:0;background:transparent}
#ns-liquid-draft .nl-trigger>span{width:2.2px;height:2.2px;border-radius:50%;background:var(--nl-cream);opacity:.88}
#ns-liquid-draft .nl-outside{position:absolute;inset:0;visibility:hidden;background:#0b293d00;opacity:0;transition:opacity var(--nl-speed),visibility 0s var(--nl-speed)}
#ns-liquid-draft .nl-glass{position:absolute;z-index:3;left:50%;top:50%;width:76%;max-width:650px;border-radius:var(--nl-radius);padding:42px 30px 29px;transform:translate(-50%,-47%) scale(.91);opacity:0;visibility:hidden;isolation:isolate;background:linear-gradient(135deg,#fffaf02b,#e4f5fa09 35%,#ffffff04 62%,#fff4d51a),rgba(225,241,245,var(--nl-frost));backdrop-filter:blur(var(--nl-blur)) saturate(1.13);-webkit-backdrop-filter:blur(var(--nl-blur)) saturate(1.13);border:1px solid #ffffff61;box-shadow:inset 0 1.5px 1px #ffffffa0,inset 1px 0 1px #ffffff45,inset -1px -1.5px 2px #ffffff3d,0 20px 60px #12354724,0 4px 10px #12354714;transition:transform var(--nl-speed) cubic-bezier(.2,.8,.2,1),opacity var(--nl-speed),visibility 0s var(--nl-speed)}
#ns-liquid-draft .nl-glass:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 8% 0%,#ffffff5c,transparent 44%),radial-gradient(ellipse at 100% 100%,#e5faff2b,transparent 42%);z-index:-1}
#ns-liquid-draft .nl-reflection{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1}
#ns-liquid-draft .nl-reflection:after{content:'';position:absolute;width:130%;height:18%;top:-11%;left:-14%;border-radius:50%;background:linear-gradient(180deg,#fff8e8ad,#fff9e52e 45%,transparent);filter:blur(7px);transform:rotate(-8deg)}
#ns-liquid-draft .nl-close{position:absolute;top:9px;right:11px;width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;opacity:.8}
#ns-liquid-draft .nl-close span{position:absolute;width:12px;height:1px;background:currentColor;transform:rotate(45deg)}
#ns-liquid-draft .nl-close span+span{transform:rotate(-45deg)}
#ns-liquid-draft .nl-categories{display:grid;grid-template-columns:1fr 1fr;gap:34px}
#ns-liquid-draft .nl-category h2{margin:0 0 21px;font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.025em;color:var(--nl-cream);text-shadow:0 1px 6px #163e4f22}
#ns-liquid-draft .nl-items{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ns-liquid-draft .nl-item{padding:0;border:0;background:transparent;text-align:left;min-width:0;transition:transform .25s;position:relative}
#ns-liquid-draft .nl-item:hover{transform:translateY(-3px)}
#ns-liquid-draft .nl-item[aria-pressed=true] .nl-art{box-shadow:0 0 0 2px #fffae6b8,0 6px 15px #21475419}
#ns-liquid-draft .nl-label{display:block;font-size:11px;line-height:1.4;letter-spacing:.035em;margin-top:11px;color:var(--nl-cream);opacity:.9}
#ns-liquid-draft .nl-art{position:relative;width:100%;aspect-ratio:1;display:block;border-radius:22px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff65,0 5px 14px #224b5d0f;transition:box-shadow .25s}
#ns-liquid-draft .nl-app-one{background:linear-gradient(140deg,#d6e8e6,#86b6c8 70%,#6f9bad)}
#ns-liquid-draft .nl-app-one i{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 28% 20%,#fffdf6dd,#f8f9ef35 40%,#6296a612 65%,#f2ffff95);box-shadow:inset 0 1px 2px #fffffff5,2px 6px 12px #487b8e26;border:1px solid #f6fffbb0}
#ns-liquid-draft .nl-app-two{background:linear-gradient(135deg,#ece4ce,#d5c8aa 55%,#9aaca8)}
#ns-liquid-draft .nl-app-two i{position:absolute;width:23%;height:49%;left:20%;top:24%;border-radius:40px;transform:rotate(32deg);background:linear-gradient(90deg,#f8f5e9b5,#ffffff2b);box-shadow:inset 1px 0 1px #ffffff9f,2px 4px 9px #89867520}
#ns-liquid-draft .nl-app-two i:nth-child(2){left:38%;top:30%}#ns-liquid-draft .nl-app-two i:nth-child(3){left:56%;top:22%;height:37%}
#ns-liquid-draft .nl-music-one{border-radius:14px;background:radial-gradient(ellipse at 76% 23%,#ead4bb,#bdc5be 35%,#6c939e 72%,#3b6879)}
#ns-liquid-draft .nl-music-one i{position:absolute;inset:24%;border:1px solid #f7f1df9c;border-radius:50%;box-shadow:0 0 0 8px #ffffff12,0 0 0 17px #ffffff0d}
#ns-liquid-draft .nl-music-two{border-radius:14px;background:linear-gradient(150deg,#8dabb7,#547c91 55%,#2e596f)}
#ns-liquid-draft .nl-music-two i{position:absolute;inset:38% -20% -20%;border:1px solid #d8e5e590;border-radius:50%;transform:rotate(-27deg)}
#ns-liquid-draft .nl-music-two i:nth-child(2){inset:48% -20% -18%;border-color:#fff4d67d}#ns-liquid-draft .nl-music-two i:nth-child(3){inset:58% -20% -18%;border-color:#e7eeee80}
#ns-liquid-draft.nl-open .nl-outside{opacity:1;visibility:visible;transition-delay:0s}
#ns-liquid-draft.nl-open .nl-glass{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
@media(max-width:600px){#ns-liquid-draft .nl-stage{aspect-ratio:390/844}#ns-liquid-draft .nl-trigger{top:3.3%;right:6.4%}#ns-liquid-draft .nl-glass{width:86%;max-width:380px;padding:39px 23px 24px;--nl-radius:32px}#ns-liquid-draft .nl-categories{gap:24px}#ns-liquid-draft .nl-category h2{font-size:21px;margin-bottom:17px}#ns-liquid-draft .nl-items{grid-template-columns:1fr;gap:17px}#ns-liquid-draft .nl-art{aspect-ratio:1.22}#ns-liquid-draft .nl-label{margin-top:8px;font-size:11px}#ns-liquid-draft .nl-close{top:5px;right:7px}}
@media(prefers-reduced-motion:reduce){#ns-liquid-draft *{transition:none!important}}
/* Portrait composition: categories flow from App to Music. */
#ns-liquid-draft .nl-trigger{flex-direction:column;gap:3.7px}
#ns-liquid-draft .nl-glass{width:280px;max-width:78%;padding:29px 22px 22px;--nl-radius:34px}
#ns-liquid-draft .nl-categories{grid-template-columns:1fr;gap:29px}
#ns-liquid-draft .nl-category h2{font-size:21px;margin:0 0 15px}
#ns-liquid-draft .nl-items{grid-template-columns:1fr 1fr;gap:16px}
#ns-liquid-draft .nl-art{aspect-ratio:1;border-radius:20px}
#ns-liquid-draft .nl-music-one,#ns-liquid-draft .nl-music-two{border-radius:13px}
#ns-liquid-draft .nl-label{font-size:11px;margin-top:9px}
#ns-liquid-draft .nl-close{top:5px;right:6px}
@media(max-width:600px){#ns-liquid-draft .nl-glass{width:280px;max-width:78%;padding:29px 22px 22px;--nl-radius:31px}#ns-liquid-draft .nl-categories{gap:28px}#ns-liquid-draft .nl-items{grid-template-columns:1fr 1fr;gap:14px}#ns-liquid-draft .nl-art{aspect-ratio:1}#ns-liquid-draft .nl-category h2{font-size:20px;margin-bottom:14px}}
/* Subtle glass adjustment and six original icons with display-only grading. */
#ns-liquid-draft{--nl-frost:.10;--nl-blur:10px}
#ns-liquid-draft .nl-glass{background:linear-gradient(135deg,#fffaf024,#e4f5fa07 35%,#ffffff03 62%,#fff4d515),rgba(225,241,245,var(--nl-frost));box-shadow:inset 0 1.5px 1px #ffffffb0,inset 1px 0 1px #ffffff40,inset -1px -1.5px 2px #ffffff40,0 20px 60px #12354720,0 4px 10px #12354712}
#ns-liquid-draft .nl-category:first-child .nl-items{grid-template-columns:repeat(2,minmax(0,77.5px));justify-content:center;gap:22px 26px}
#ns-liquid-draft .nl-real-icon{border-radius:18px;background:#80a8b2}
#ns-liquid-draft .nl-real-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:url('#ns-sea-duotone');opacity:1}
#ns-liquid-draft .nl-real-icon:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ffffff0d,transparent 65%);border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff40}
#ns-liquid-draft .nl-category:first-child .nl-label{font-size:10px;letter-spacing:0;white-space:nowrap}
@media(max-width:600px){#ns-liquid-draft .nl-category:first-child .nl-items{grid-template-columns:repeat(2,minmax(0,77.5px));justify-content:center;gap:22px 26px}#ns-liquid-draft .nl-real-icon{border-radius:16px}}
/* Original source colors for comparison, using the corrected logo assets. */
#ns-liquid-draft .nl-real-icon img{filter:none;opacity:1}
#ns-liquid-draft .nl-real-icon:after{display:none}

@font-face{font-family:LoushiHei;src:url('/assets/newset/loushi-light.woff2');font-weight:300;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#527b8a;font-family:NsLiquidCentury,'Century Gothic',sans-serif;color:#fff9ed}
#ns-liquid-draft .nl-stage{position:fixed;inset:0;height:100dvh;width:100%;aspect-ratio:auto;background:#527b8a url('/assets/newset/background-desktop.png') center/100% 100%}
#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}
.nl-tone{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,32,53,.76) 0%,rgba(8,44,66,.61) 24%,rgba(9,53,72,.10) 47%,transparent 60%,rgba(3,38,57,.50) 100%)}
.masthead{position:absolute;top:85px;left:18px;right:18px;text-align:center;pointer-events:none}h1{position:relative;display:table;margin:0 auto;font:400 155px/1.12 NsLiquidCentury;letter-spacing:.005em;color:transparent;white-space:nowrap;font-synthesis:none}.glass{position:absolute;pointer-events:none}
.descriptor{font-size:11px;letter-spacing:.18em;margin:18px 0 0;opacity:.8;color:#fff7e8;line-height:1.4}.invitation{position:absolute;left:30px;right:30px;bottom:93px;text-align:center;pointer-events:none}.caption{font:300 18px/1.5 LoushiHei,'Microsoft JhengHei',sans-serif;letter-spacing:.32em;text-indent:.32em;margin:0;color:#fff7e9;opacity:.8}
#ns-liquid-draft .nl-label{text-align:center;margin-top:4px!important;font-weight:400}#ns-liquid-draft .nl-item{text-align:center;cursor:pointer}#ns-liquid-draft .nl-trigger,#ns-liquid-draft .nl-close{cursor:pointer}
#fallback{position:fixed;bottom:24px;left:24px;right:24px;font-size:12px;text-align:center;color:#fff9ed;pointer-events:none}
@media(max-width:649px){#ns-liquid-draft .nl-stage{background-image:url('/assets/newset/background-mobile.png')}.masthead{top:122px}h1{font-size:78px}.descriptor{font-size:9px;letter-spacing:.15em}.invitation{bottom:104px}.caption{font-size:14px}}
@media(max-width:370px){h1{font-size:70px}}
@media(max-height:650px){.masthead{top:9%}h1{font-size:clamp(50px,12vw,100px)}.descriptor{margin-top:9px}.invitation{bottom:28px}#ns-liquid-draft .nl-glass{max-height:90dvh;padding-top:26px;padding-bottom:20px}#ns-liquid-draft .nl-category:first-child .nl-items{gap:16px 26px}}
