*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#21190f;background:#fbf8f1;font-family:Georgia,'Times New Roman',serif}.site-header{height:76px;background:rgba(255,253,248,.97);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(148,103,38,.15);backdrop-filter:blur(10px)}.brand{text-decoration:none;color:#15100c;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand .jq{font-size:44px;font-style:italic;letter-spacing:-4px}.brand .word{font-size:18px;letter-spacing:2px}.brand .cn{font-size:18px;margin-left:3px}.nav{display:flex;align-items:stretch;height:100%}.nav a{min-width:88px;padding:18px 14px 0;text-align:center;color:#231a12;text-decoration:none;font-size:12px;letter-spacing:.4px;position:relative}.nav a span{display:block;font-size:11px;margin-top:5px}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;height:2px;background:#a56f1b;left:23px;right:23px;bottom:11px}.music-hero{height:390px;position:relative;background-image:url('assets/jqmusic-home-master.png');background-size:cover;background-position:center 34%;overflow:hidden}.music-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,244,.88) 0%,rgba(255,252,244,.72) 37%,rgba(255,252,244,.34) 63%,rgba(255,252,244,.12) 100%)}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(247,237,217,.18))}.hero-copy{position:relative;z-index:2;width:min(680px,70vw);padding:72px 0 0 clamp(28px,10vw,170px)}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.4px;color:#9b6a21;margin:0 0 14px}.hero-copy h1{font-size:62px;font-weight:400;margin:0;line-height:1}.hero-copy h1 span{display:block;font-size:31px;margin-top:8px}.hero-copy>p:not(.eyebrow):not(.hero-note){font-size:20px;margin:20px 0 0}.ornament{color:#ad7726;font-size:17px;margin:14px 0}.hero-note{font-size:18px;color:#805b2a;margin:0}.featured-track{width:min(1180px,calc(100% - 44px));margin:-46px auto 78px;position:relative;z-index:4;background:#fffaf2;border:1px solid rgba(160,110,34,.2);border-radius:24px;box-shadow:0 18px 60px rgba(71,51,20,.15);display:grid;grid-template-columns:390px 1fr;overflow:hidden}.art-panel{min-height:370px;position:relative;background:radial-gradient(circle at 50% 38%,#fff8d8 0 12%,transparent 13%),linear-gradient(145deg,#dcb35b,#efe4b6 45%,#b6cad0);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.art-panel:before,.art-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.7);width:210px;height:210px;z-index:-1}.art-panel:after{width:280px;height:280px;opacity:.5}.halo{position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,244,196,.75);filter:blur(5px);z-index:-1}.title-mark{font-size:56px;letter-spacing:8px}.sub-mark{margin-top:14px;font-size:14px;letter-spacing:2px}.track-info{padding:58px 62px}.track-info h2,.library h2{font-weight:400;margin:0;font-size:42px}.credit{color:#9b6a21;font-size:16px}.description{max-width:650px;font-size:16px;line-height:1.8;color:#665847}.player-row{display:flex;align-items:center;gap:18px;margin:30px 0 24px}.round-play,.mini-player button{border:0;background:#a9711e;color:#fff;width:52px;height:52px;border-radius:50%;font-size:18px;cursor:pointer}.timeline{flex:1}.timeline input,.mini-line input{width:100%;accent-color:#a9711e}.times{display:flex;justify-content:space-between;font-size:12px;color:#796b58;margin-top:6px}.outline{display:inline-block;text-decoration:none;color:#4b3822;border:1px solid #a87b3e;border-radius:999px;padding:11px 18px;font-size:14px}.library{width:min(1320px,calc(100% - 44px));margin:0 auto 110px}.library-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(145,101,36,.18);padding-bottom:20px;margin-bottom:28px}.library h2 span{font-size:21px;color:#8b7961;margin-left:8px}.search-wrap{display:flex;align-items:center;gap:10px;font-size:13px;color:#856b4c}.search-wrap input{width:240px;padding:11px 14px;border:1px solid #d5c6ae;border-radius:999px;background:#fffdf8;font:14px Georgia,'Times New Roman',serif;outline:none}.search-wrap input:focus{border-color:#a9711e}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}.work-card{min-width:0}.cover{height:185px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(75,57,30,.1)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(14,12,10,.18))}.cover span{font-size:33px;color:white;text-shadow:0 2px 8px rgba(0,0,0,.35);z-index:1;letter-spacing:3px}.work-card h3{font-size:18px;font-weight:400;margin:12px 0 5px}.work-card p{font-size:13px;color:#8d7b66;margin:0}.card-play{position:absolute;left:14px;bottom:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:rgba(21,18,12,.55);color:#fff;z-index:2;cursor:pointer}.badge{position:absolute!important;right:12px!important;top:12px!important;font-size:10px!important;background:#a9711e!important;border-radius:999px!important;padding:5px 8px!important;letter-spacing:1px!important}.cover-heart{background:linear-gradient(145deg,#d7b25c,#9eb7be)}.cover-wheat{background:linear-gradient(160deg,#87b4d7,#e1c56d 70%,#bb8933)}.cover-star{background:radial-gradient(circle at 52% 40%,#f8fbff 0 2%,#9fd0ff 3%,transparent 12%),linear-gradient(#0b1f4d,#152f66 55%,#0a1429)}.cover-rain{background:linear-gradient(145deg,#678ea2,#c5d5cf 48%,#3c6873)}.cover-galaxy{background:radial-gradient(circle at 30% 35%,#c4b5ff 0 2%,transparent 13%),linear-gradient(145deg,#14132f,#3e2e6c 55%,#0b1d33)}.cover-light{background:linear-gradient(145deg,#f8e3b1,#d39b43 60%,#7d6c4b)}.cover-lotus{background:linear-gradient(145deg,#bdddcf,#f4d4da 65%,#a7c7b6)}.cover-mountain{background:linear-gradient(160deg,#c7d8dc,#7f9b9a 55%,#d9c8a1)}.cover-origin{background:linear-gradient(145deg,#d7cab0,#a48353)}.cover-mist{background:linear-gradient(145deg,#ced8dc,#8c9aa1 52%,#ebe9e2)}.cover-tear{background:linear-gradient(145deg,#7fa3ba,#d5dde0)}.cover-moon{background:radial-gradient(circle at 72% 24%,#fff8cf 0 12%,transparent 13%),linear-gradient(#24354a,#596a6c)}.cover-fan{background:linear-gradient(145deg,#e7dbc6,#a7b5a1)}.cover-rose{background:linear-gradient(145deg,#c89a72,#7b546b 65%,#432b3d)}.cover-sail{background:linear-gradient(145deg,#c7d7dc,#6f8494 55%,#d1b27d)}.cover-call{background:linear-gradient(145deg,#e9d9b5,#b29667)}.cover-heaven{background:linear-gradient(145deg,#d2e2e8,#aac1cf 54%,#e9e2cd)}.cover-plum{background:linear-gradient(145deg,#e4d8d2,#be8e9b)}.cover-road{background:linear-gradient(145deg,#d0c2a2,#7d7660)}.empty{text-align:center;padding:60px 0;color:#8d7b66}footer{border-top:1px solid rgba(148,103,38,.16);background:#f1eadf;padding:36px clamp(24px,7vw,110px);display:flex;justify-content:space-between;gap:30px;font-size:14px}footer strong{font-size:18px}footer p{margin:8px 0 0;color:#746653}footer a{color:#795623}.mini-player{position:fixed;left:50%;bottom:18px;transform:translate(-50%,130%);transition:.28s ease;width:min(760px,calc(100vw - 30px));display:grid;grid-template-columns:44px 160px 1fr;gap:14px;align-items:center;background:rgba(255,252,246,.98);border:1px solid rgba(155,105,29,.32);box-shadow:0 12px 38px rgba(49,35,18,.22);padding:10px 14px;border-radius:18px;z-index:50}.mini-player.show{transform:translate(-50%,0)}.mini-player button{width:38px;height:38px}.mini-player strong{display:block}.mini-player span{font-size:12px;color:#7e6d58}.mini-line{display:flex;align-items:center;gap:10px}.mini-line span{width:82px;text-align:right}
@media(max-width:1000px){.nav a{min-width:70px;padding-left:8px;padding-right:8px}.featured-track{grid-template-columns:330px 1fr}.track-info{padding:44px 40px}.works-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{height:auto;padding:14px 18px;align-items:flex-start}.brand .jq{font-size:36px}.brand .word,.brand .cn{font-size:14px}.nav{display:none}.music-hero{height:330px;background-position:42% 30%}.music-hero:before{background:rgba(255,252,244,.66)}.hero-copy{width:100%;padding:72px 25px 0}.hero-copy h1{font-size:46px}.hero-copy h1 span{font-size:26px}.featured-track{grid-template-columns:1fr;margin-top:-34px}.art-panel{min-height:260px}.track-info{padding:34px 26px}.library-head{align-items:flex-start;gap:20px;flex-direction:column}.search-wrap{width:100%}.search-wrap input{flex:1;width:auto}.works-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.cover{height:145px}footer{flex-direction:column}.mini-player{grid-template-columns:42px 1fr}.mini-line{display:none}}

.purchase-modal{position:fixed;inset:0;background:rgba(20,18,14,.62);display:grid;place-items:center;z-index:1000;padding:24px}
.purchase-modal[hidden]{display:none}
.purchase-card{position:relative;max-width:560px;background:#fffdf8;border:1px solid #d9c39a;border-radius:22px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:center}
.purchase-card h2{font-size:34px;margin:8px 0 12px}
.purchase-card p{line-height:1.75;color:#4d473d}
.purchase-card a{display:inline-block;margin-top:14px;padding:12px 22px;border-radius:999px;background:#ad7a28;color:white;text-decoration:none}
.purchase-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;color:#6a6258}
.actions button.outline{font:inherit;cursor:pointer;background:transparent}
.membership-box{margin:22px 0 4px;padding:18px 20px;border:1px solid rgba(160,110,34,.24);border-radius:16px;background:#fffdf8}.membership-box strong{display:block;font-size:19px;font-weight:400}.membership-box p{margin:7px 0 0;color:#746653;line-height:1.6}.member-cta,.purchase-card .member-cta{display:inline-block;margin-top:16px;background:#a9711e;color:#fff!important;text-decoration:none;border-radius:999px;padding:12px 20px;border:0;font:14px Georgia,'Times New Roman',serif}.purchase-modal{position:fixed;inset:0;background:rgba(20,16,11,.48);display:grid;place-items:center;padding:22px;z-index:100}.purchase-modal[hidden]{display:none}.purchase-card{width:min(520px,100%);position:relative;background:#fffaf2;border:1px solid rgba(160,110,34,.28);border-radius:22px;padding:38px;box-shadow:0 22px 70px rgba(28,20,10,.28)}.purchase-card h2{font-size:34px;font-weight:400;margin:0 0 12px}.purchase-card p{line-height:1.75;color:#665847}.purchase-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#6e5b43;cursor:pointer}

/* V4 content structure: homepage remains untouched. */
.public-selection{width:min(1320px,calc(100% - 44px));margin:0 auto 76px}.section-intro{max-width:820px;color:#746653;line-height:1.8;font-size:15px;margin:-4px 0 28px}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.public-card{border:1px solid rgba(145,101,36,.16);border-radius:16px;overflow:hidden;background:#fffdf8}.public-card .cover{border-radius:0;height:175px}.public-card>div:last-child{padding:18px}.public-card h3{font-size:19px;font-weight:400;margin:0 0 7px}.public-card p{font-size:13px;color:#8d7b66;margin:0 0 12px}.coming-link{display:inline-block;font-size:11px;letter-spacing:.3px;color:#9b6a21;border:1px solid rgba(155,106,33,.3);border-radius:999px;padding:7px 10px}.member-intro{margin:0 0 28px}.work-card{position:relative}.lock-mark{display:inline-block;margin-top:9px;font-size:10px;letter-spacing:1.2px;color:#9b6a21;border:1px solid rgba(155,106,33,.28);border-radius:999px;padding:5px 8px}.locked .cover:before{content:'🔒';position:absolute;right:12px;top:12px;z-index:3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,253,248,.88);font-size:13px}.playable .lock-mark{display:none}@media(max-width:760px){.public-grid{grid-template-columns:1fr}.public-card{display:grid;grid-template-columns:130px 1fr}.public-card .cover{height:100%;min-height:130px}.public-selection{margin-bottom:58px}}