:root{--ink:#22251f;--paper:#f4f1e8;--white:#fffdf7;--yellow:#f2c94c;--coral:#e86f61;--mint:#70b99f;--blue:#79a9d8;--line:#cbc8bc;--muted:#74776e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}.screen-shell{width:100vw;height:100vh;display:grid;grid-template-rows:13vh 1fr 7vh;padding:0 3.2vw;background:var(--paper)}.screen-topbar{display:grid;grid-template-columns:1.1fr 1.6fr .7fr;align-items:center;border-bottom:.25vh solid var(--ink);gap:2vw}.brand-lockup{display:flex;align-items:center;gap:1vw}.pixel-logo{width:4.5vw;height:4.5vw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.22vw;transform:rotate(3deg)}.pixel-logo i{display:block;background:var(--yellow);border-radius:.2vw}.pixel-logo i:nth-child(2),.pixel-logo i:nth-child(9){background:var(--coral)}.pixel-logo i:nth-child(3),.pixel-logo i:nth-child(7){background:var(--blue)}.pixel-logo i:nth-child(4){background:var(--mint)}.pixel-logo i:nth-child(5){background:var(--ink)}.brand-en,.heading-en{font-size:.82vw;font-weight:900;color:#277260}.brand-cn{font-size:1.6vw;font-weight:900;margin-top:.25vh}.topbar-center{text-align:center;min-width:0}.mode-name{font-size:1.05vw;font-weight:900}.announcement{display:block;margin-top:.55vh;color:var(--muted);font-size:.82vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clock-wrap{text-align:right}.clock{font-size:2.35vw;line-height:1;font-weight:900}.date{font-size:.72vw;color:var(--muted);margin-top:.5vh}.stage{min-height:0;padding:3vh 0}.mode{display:none}.mode.active{display:grid}.mode-song{grid-template-columns:minmax(0,1.7fr) minmax(25vw,.8fr);gap:2.4vw}.song-primary{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:flex-end;padding:4vh 3vw;background:var(--ink);color:var(--white);border-radius:.6vw;overflow:hidden}.playing-tag{position:absolute;left:3vw;top:3.5vh;color:var(--yellow);font-size:1vw;font-weight:900}.playing-tag span{display:inline-block;width:.7vw;height:.7vw;margin-right:.55vw;background:var(--coral);border-radius:50%}.record-mark{position:absolute;right:3vw;top:1vh;font-size:15vw;line-height:1;color:#393d35;font-weight:900}.song-primary h1{position:relative;z-index:1;max-width:88%;font-size:4.8vw;line-height:1.12;margin:0;font-weight:900;overflow-wrap:anywhere}.song-meta{position:relative;z-index:1;font-size:1.35vw;color:#d4d7ce;margin:1.6vh 0 0}.song-primary blockquote{position:relative;z-index:1;max-width:85%;min-height:1.5em;margin:2.5vh 0 0;padding-left:1.2vw;border-left:.4vw solid var(--yellow);font-size:1.35vw;line-height:1.5;color:#f3dda0}.song-sidebar{display:grid;grid-template-rows:auto 1fr;gap:2vh;min-height:0}.next-block{padding:2.8vh 2vw;background:var(--blue);border:.18vw solid #4d7fad;border-radius:.6vw}.block-label,.block-head{font-size:.85vw;font-weight:900;color:#315d84}.next-song{font-size:2vw;line-height:1.2;font-weight:900;margin-top:1.3vh;overflow-wrap:anywhere}.queue-block{min-height:0;padding:2.5vh 2vw;background:var(--white);border:.18vw solid var(--line);border-radius:.6vw;overflow:hidden}.block-head{display:flex;justify-content:space-between;color:var(--ink);padding-bottom:1.4vh;border-bottom:.18vw solid var(--ink)}.queue-list{margin-top:1vh}.queue-item{display:grid;grid-template-columns:2.2vw 1fr;align-items:center;gap:.8vw;padding:1.15vh 0;border-bottom:.1vw solid #dedbd0}.queue-number{width:2vw;height:2vw;display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:.28vw;font-size:.8vw;font-weight:900}.queue-title{font-size:1vw;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queue-meta{font-size:.72vw;color:var(--muted);margin-top:.2vh}.queue-empty{padding:3vh 0;color:var(--muted);font-size:1vw}.mode-playlist,.mode-works{grid-template-rows:auto 1fr}.mode-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.5vh}.mode-heading.compact{margin-bottom:2vh}.mode-heading h1{font-size:3.3vw;line-height:1.1;margin:.5vh 0 0}.track-count{font-size:1.2vw;font-weight:900;color:#277260}.playlist-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);column-gap:3vw;overflow:hidden}.playlist-item{display:grid;grid-template-columns:3.4vw 1fr auto;align-items:center;gap:1vw;border-top:.14vw solid var(--line);padding:1vh .3vw}.playlist-number{font-size:1.6vw;font-weight:900;color:#b0952d}.playlist-title{font-size:1.32vw;font-weight:900}.playlist-meta{font-size:.78vw;color:var(--muted);margin-top:.3vh}.playlist-table{font-size:.8vw;color:#277260;font-weight:800}.empty-screen{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.4vw}.work-stamp{width:5.3vw;height:5.3vw;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--coral);color:#fff;border:.18vw solid var(--ink);border-radius:.5vw;font-size:.8vw;font-weight:900;line-height:1.3;transform:rotate(3deg)}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:1.2vw;min-height:0}.work{position:relative;min-width:0;min-height:0;background:var(--white);border:.16vw solid var(--line);border-radius:.5vw;overflow:hidden}.work img{width:100%;height:100%;display:block;object-fit:cover}.work-info{position:absolute;left:0;right:0;bottom:0;padding:1.2vh 1vw;background:rgba(34,37,31,.9);color:#fff}.work-info strong{font-size:1vw}.work-info span{display:block;font-size:.7vw;color:#d8dbd2;margin-top:.25vh}.mode-promo{grid-template-columns:1fr 25vw;align-items:stretch;gap:4vw}.promo-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.promo-copy h1{font-size:4.7vw;line-height:1.08;margin:1vh 0 2vh}.promo-copy>p{max-width:75%;font-size:1.35vw;line-height:1.5;color:#5f6259}.pattern-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;margin-top:2.5vh}.pattern{min-width:0;padding:1.5vh 1vw;background:var(--white);border:.15vw solid var(--line);border-radius:.45vw}.pattern strong{display:block;font-size:1vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern span{font-size:.7vw;color:var(--muted)}.qr-panel{align-self:center;background:var(--yellow);border:.2vw solid var(--ink);border-radius:.65vw;padding:3vh 2vw;text-align:center;transform:rotate(1deg)}.qr-caption{font-size:1.25vw;font-weight:900}.qr-frame{width:16vw;height:16vw;margin:2vh auto;padding:.8vw;background:#fff;border:.18vw solid var(--ink)}.qr-frame img{width:100%;height:100%;display:block;object-fit:contain}.qr-note{font-size:.85vw;font-weight:800}.screen-footer{display:flex;align-items:center;justify-content:space-between;border-top:.15vw solid var(--line);font-size:.82vw;color:#5f6259}.footer-message{display:flex;align-items:center;gap:.45vw}.footer-block{width:.8vw;height:.8vw;border-radius:.15vw;background:var(--yellow)}.footer-block.coral{background:var(--coral)}.footer-block.blue{background:var(--blue)}.connection{display:flex;align-items:center;gap:.5vw;font-weight:800}.connection-dot{width:.65vw;height:.65vw;border-radius:50%;background:#d3a921}.connection.connected .connection-dot{background:#3e9b79}.connection.disconnected{color:#a53f34}.connection.disconnected .connection-dot{background:var(--coral)}@media(max-aspect-ratio:4/3){.screen-shell{padding:0 2vw}.mode-song{grid-template-columns:1.4fr 1fr}.song-primary h1{font-size:4vw}.works-grid{grid-template-columns:repeat(3,1fr)}}