:root{--ink:#101722;--ink2:#172231;--paper:#eef1f3;--muted:#8c98a6;--line:#2a3747;--coral:#ff6b55;--mint:#7ee0bd;--white:#f9fbfc;--radius:18px}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Avenir Next","PingFang SC",sans-serif;background:var(--ink);color:var(--white)}button,a{font:inherit}.hidden{display:none!important}.eyebrow{font:700 10px/1.2 "SFMono-Regular",monospace;letter-spacing:.18em;color:var(--muted)}.login-shell{height:100%;display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:var(--paper);color:var(--ink)}.login-card{display:flex;flex-direction:column;justify-content:center;padding:8vw;position:relative}.brand-mark,.logo span{display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:800}.brand-mark{width:54px;height:54px;border-radius:17px;margin-bottom:48px}.brand-mark img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.logo img{width:34px;height:34px;border-radius:11px;object-fit:cover;display:block;flex:none}.login-card h1{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 24px}.login-copy{color:#596575;max-width:430px;line-height:1.8}.login-actions{display:grid;gap:12px;margin-top:36px;max-width:380px}.login-btn{height:52px;border-radius:14px;text-decoration:none;display:flex;align-items:center;gap:14px;padding:0 18px;font-weight:700}.login-btn span{width:26px;text-align:center}.google{background:#fff;color:#202938;border:1px solid #dce0e5}.wechat{background:#08c160;color:#fff}.dev-login{text-align:center;color:#697686;font-size:13px;margin-top:8px}.login-art{position:relative;overflow:hidden;background:var(--ink2)}.login-art i{position:absolute;border:1px solid #42546b;border-radius:50%;width:58vw;height:58vw;left:12%;top:8%;animation:orbit 18s linear infinite}.login-art i:nth-child(2){width:42vw;height:42vw;left:24%;top:20%;animation-direction:reverse}.login-art i:nth-child(3){width:23vw;height:23vw;left:38%;top:35%}.login-art strong{position:absolute;right:7%;bottom:8%;font-size:9vw;line-height:.76;letter-spacing:-.09em;color:#223144}@keyframes orbit{to{transform:rotate(360deg)}}
.app-shell{height:100%;display:grid;grid-template-columns:238px minmax(440px,1fr) 360px;background:var(--ink)}.sidebar{border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;min-height:0}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-size:19px;margin:0 8px 30px}.logo span{width:34px;height:34px;border-radius:11px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a8b2be;text-align:left;border-radius:12px;padding:12px 14px;font-weight:650}.nav-item span{margin-right:10px}.nav-item.active{background:#1d2a39;color:#fff}.creator-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 10px 12px;color:#718092;font:700 11px/1 monospace;letter-spacing:.1em}.creator-heading button,.account button{border:0;background:none;color:#8592a2;cursor:pointer}.creator-list{overflow:auto;display:grid;align-content:start;gap:4px}.creator-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:12px}.creator-row:hover{background:#192534}.creator-row img,.avatar-fallback{width:34px;height:34px;border-radius:11px;object-fit:cover;background:#2c3a4a}.creator-row b{font-size:13px}.creator-row small{display:block;color:#6f7e90;margin-top:2px}.follow{border:1px solid #3d4b5d;background:transparent;color:#9ca8b5;border-radius:999px;padding:5px 9px;font-size:11px;cursor:pointer}.follow.on{border-color:#ff8b79;color:#ff8b79}.account{margin-top:auto;border-top:1px solid var(--line);padding:18px 4px 0;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.account img{width:36px;height:36px;border-radius:12px;background:#2a3747}.account small{display:block;color:#6f7e90;font-size:10px;margin-top:3px}.content{background:var(--paper);color:var(--ink);padding:34px 38px;overflow:auto}.content header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.content h1{font-size:38px;letter-spacing:-.05em;margin:4px 0 0}.live-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe3e7;padding:8px 12px;border-radius:999px;color:#667283;font-size:12px}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #dff8ef}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.asset-card{background:#fff;border:1px solid #dde2e7;border-radius:var(--radius);overflow:hidden;transition:transform .22s,box-shadow .22s;cursor:pointer}.asset-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #1d2a3818}.cover{height:260px;background:#dce2e7;display:grid;place-items:center;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain}.cover .play-badge{position:absolute;width:50px;height:50px;border:1px solid #ffffffaa;border-radius:50%;background:#101722aa;color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}.asset-body{padding:15px}.asset-body h3{font-size:15px;margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-body p{font-size:12px;color:#7b8795;margin:0}.asset-meta{display:flex;align-items:center;gap:8px;color:#697584;font-size:11px}.asset-meta img{width:24px;height:24px;border-radius:8px;object-fit:cover}.empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:#8793a0}.now-panel{padding:34px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.stage{margin-top:18px;min-height:360px;flex:1;border:1px solid #2e3d4f;border-radius:22px;background:radial-gradient(circle at 50% 70%,#29394a,#111a26 65%);position:relative;overflow:hidden;display:grid;place-items:center}.stage:after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:22%;border-radius:50%;background:#0006;filter:blur(25px)}#player{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}#player-empty{position:absolute;color:#667588;font-size:12px}.now-meta{padding:22px 3px 10px}.now-meta small{color:var(--coral)}.now-meta h2{font-size:20px;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;justify-content:center;align-items:center;gap:28px;margin:18px 0}.transport button{border:0;background:none;color:#8d9aaa;font-size:28px;cursor:pointer}.transport .play{width:54px;height:54px;border-radius:50%;background:var(--white);color:var(--ink);font-size:17px}.timeline{display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:center;color:#6f7d8d;font:10px monospace}.timeline input{accent-color:var(--coral);width:100%}#toast{position:fixed;right:24px;top:24px;background:#fff;color:#15202e;padding:13px 18px;border-radius:12px;box-shadow:0 18px 50px #0004;transform:translateY(-90px);transition:.25s;z-index:10}#toast.show{transform:translateY(0)}@media(max-width:1050px){.app-shell{grid-template-columns:210px 1fr}.now-panel{position:fixed;right:16px;bottom:16px;width:320px;height:72vh;background:var(--ink);border-radius:22px;box-shadow:0 20px 60px #0008}.login-shell{grid-template-columns:1fr}.login-art{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}