.community-page{max-width:1180px;margin:auto;padding:64px 32px 90px;color:#eee9ef}.community-page[hidden],.community-page [hidden]{display:none!important}.community-heading>span,.community-welcome small,.community-welcome>div>span{font-size:11px;letter-spacing:.18em;color:#afa0b6}.community-heading h1{font-size:clamp(34px,5vw,60px);font-weight:400;margin:18px 0}.community-heading p{color:#bdb2c3}.community-welcome{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;background:#eeeae5;color:#242127;border-radius:4px;padding:52px;margin-top:32px}.community-welcome>img{width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(ellipse,#30273c,transparent 70%)}.community-welcome h2{font-size:32px;font-weight:400}.community-welcome p{font-size:16px;line-height:1.9}.community-welcome small{display:block;margin-top:28px;color:#68616b}.community-primary{display:inline-flex;justify-content:center;background:#d5c5d5;color:#17131c;border:0;border-radius:40px;padding:14px 24px;font-size:15px;text-decoration:none;cursor:pointer}.community-welcome .community-primary{background:#242127;color:#fff}.community-welcome details{font-size:13px;margin-top:24px;color:#6d6471}.community-page input,.community-page textarea,.community-discussion textarea{width:100%;box-sizing:border-box;background:transparent;color:inherit;border:1px solid #7771;border-bottom:1px solid #8c8090;padding:12px;font:inherit;border-radius:0}.community-page label{display:block;margin-bottom:22px;font-size:14px}.community-consent{display:flex!important;gap:9px;align-items:start;font-size:12px!important;line-height:1.7}.community-consent input{width:auto;margin-top:5px}.community-identity{display:flex;align-items:center;justify-content:space-between;margin:35px 0}.community-identity strong{font-size:24px;font-weight:400}.community-identity small{display:block;font-size:10px;margin-top:8px;color:#aea0ba;overflow-wrap:anywhere}.community-identity a{color:inherit;text-decoration:none;font-size:13px}.community-tabs{display:flex;gap:24px;overflow-x:auto;margin:30px 0 34px}.community-tabs button{white-space:nowrap;color:#a89cad;background:none;border:0;padding:10px 0;font:inherit;cursor:pointer}.community-tabs button[aria-pressed=true]{color:#fff;box-shadow:0 1px #d6bdd8}.community-page h2{font-size:25px;font-weight:400}.community-page h3{font-size:18px;font-weight:400;margin-top:32px}#communityNotice{font-size:14px;color:#d1bacd;min-height:1.3em}#communityPanel{max-width:900px}#communityPanel button:not(.community-primary),.community-discussion button{border:0;background:transparent;color:#d6c3dc;padding:10px 12px;font:inherit;cursor:pointer}.community-messages{height:46svh;min-height:230px;max-height:650px;overflow:auto;overscroll-behavior:contain;padding:5px 16px 12px 0;scrollbar-width:thin}.community-message{padding:18px 0}.message-meta{display:flex;align-items:center;gap:12px;font-size:13px}.message-meta strong{font-weight:500}.message-meta time{color:#8c8495;font-size:10px}.message-meta img,.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.community-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;margin:10px 0 0}.message-ops{display:flex;gap:14px}.message-ops button{font-size:11px!important;padding:8px 0!important;color:#9d90a3!important}.community-compose{display:flex;gap:16px;align-items:center;margin-top:18px}.community-compose button{white-space:nowrap}.community-compose textarea{flex:1;resize:vertical;min-height:65px;max-height:160px}.community-profile{max-width:580px}.profile-avatar{width:80px;height:80px;margin-bottom:20px}.community-hint{font-size:12px;color:#b0a4b7}.community-favorite{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff0a;font-size:14px}.community-favorite button:first-child{text-align:left}.community-favorite button:last-child{flex-shrink:0;font-size:12px!important}.community-danger{margin-top:48px;max-width:600px}.community-danger p{font-size:13px;line-height:1.8;color:#ad9fb6}.community-report{padding:20px 0;border-bottom:1px solid #ffffff12}.community-report small{display:block;color:#b6a9bd}.community-discussion{max-width:700px;margin:32px auto;padding:0 20px}.community-discussion .community-messages{height:250px}.community-page :focus-visible,.community-discussion :focus-visible{outline:2px solid #c5a7cf;outline-offset:4px}#communitySaveSong{font-size:13px;padding:10px;background:transparent;border:0;color:inherit}
@media(max-width:760px){.header-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.header-nav a{font-size:11px}.community-page{padding:32px 20px 55px}.community-welcome{grid-template-columns:1fr;padding:24px;gap:8px;margin-top:18px}.community-welcome>img{max-height:230px}.community-welcome h2{font-size:28px;margin-top:12px}.community-heading h1{font-size:36px}.community-tabs{gap:22px;font-size:14px;margin:22px 0}.community-welcome .community-primary{width:100%;box-sizing:border-box}.community-compose{gap:6px}.community-identity{gap:12px}.community-messages{height:45svh}}
.member-gate{width:min(440px,calc(100vw - 40px));box-sizing:border-box;padding:44px 30px 30px;border:1px solid #d4c1dc30;border-radius:16px;background:radial-gradient(ellipse at top,#342b41,#13121c 65%);color:#f0e9f1;text-align:center;box-shadow:0 24px 100px #0008}.member-gate::backdrop{background:#05040bb5;backdrop-filter:blur(8px)}.member-gate-symbol{display:block;width:76px;height:76px;margin:0 auto 22px;fill:none;stroke:#d4bce1;stroke-width:1.2}.member-gate>span{font-size:9px;letter-spacing:.16em;color:#ab9bb7}.member-gate h2{font-size:27px;font-weight:400;letter-spacing:.08em;margin:18px 0}.member-gate p{font-size:14px;line-height:1.9;color:#baadc5;margin:0 0 26px}.member-gate .community-primary{width:100%}.member-gate-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#d0c3d6;font-size:26px;cursor:pointer}.member-gate-later{display:block;margin:15px auto 0;border:0;background:none;color:#b7a9c0;font:inherit;font-size:12px;padding:8px;cursor:pointer}.member-gate :focus-visible{outline:2px solid #cfb7df;outline-offset:4px}
/* A compact editorial invitation, subordinate to the music artwork */
.member-invite{position:fixed;z-index:90;display:flex;align-items:center;gap:12px;width:248px;box-sizing:border-box;padding:17px 32px 16px 17px;background:#14131a;color:#f0e9ef;border:0;border-radius:3px;box-shadow:0 10px 35px #0004;animation:member-invite-in .45s ease both}
.member-invite::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:linear-gradient(transparent,#c2abb9,transparent)}
.member-invite[hidden]{display:none!important}
.member-invite[data-corner$="left"]{left:24px}.member-invite[data-corner$="right"]{right:24px}.member-invite[data-corner^="top"]{top:var(--invite-top,100px)}.member-invite[data-corner^="bottom"]{bottom:28px}
.member-invite>svg{width:29px;height:29px;flex-shrink:0;fill:none;stroke:#bfa9bd;stroke-width:1;opacity:.8}
.member-invite>div{min-width:0}.member-invite small{display:block;font-family:Arial,sans-serif;font-size:8px;line-height:1;letter-spacing:.18em;font-weight:400;color:#9b8f9d}
.member-invite p{font-family:"Noto Serif TC","Songti TC",serif;font-size:17px;font-weight:400;line-height:1.45;letter-spacing:.1em;margin:7px 0 4px}
.member-invite button{border:0;background:none;color:#d8cad6;cursor:pointer;border-radius:0;box-shadow:none}
.member-invite-join{display:flex;align-items:center;gap:18px;padding:3px 0;font-size:11px;line-height:1.5;letter-spacing:.06em}.member-invite-join span{font-size:16px;font-weight:300;line-height:1;transition:transform .2s}.member-invite-join:hover span{transform:translate(2px,-2px)}
.member-invite-dismiss{position:absolute;top:6px;right:5px;width:30px;height:30px;padding:0;font-size:18px;font-weight:300;line-height:1;color:#8f8494!important}
.member-invite :focus-visible{outline:1px solid #d7bce4;outline-offset:4px}
@keyframes member-invite-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.member-invite{width:216px;max-width:calc(100vw - 32px);gap:10px;padding:13px 29px 12px 14px}.member-invite>svg{width:24px;height:24px}.member-invite small{font-size:7px;letter-spacing:.14em}.member-invite p{font-size:15px;margin:6px 0 3px;letter-spacing:.08em}.member-invite-join{font-size:10px;gap:15px}.member-invite[data-corner^="bottom"]{bottom:calc(88px + env(safe-area-inset-bottom))}.member-invite[data-corner$="left"]{left:16px}.member-invite[data-corner$="right"]{right:16px}}
@media(prefers-reduced-motion:reduce){.member-invite{animation:none}.member-invite-join span{transition:none}}