:root{color:#20312b;background:#f3efe4;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;--bg: #f3efe4;--panel: #fffaf0;--ink: #20312b;--muted: #6f7a70;--line: #ded4bf;--accent: #2f6f4e;--accent-strong: #184f35;--soft: #e4eadc;--danger: #a04432}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 8%,rgba(47,111,78,.16),transparent 28rem),linear-gradient(135deg,#f7f0df,#edf1e5)}button,input,textarea{font:inherit}button{border:0;border-radius:12px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):hover{transform:translateY(-1px)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px;background:#20312bf0;color:#f7f0df}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#e3b44c;color:#1d2d27;font-weight:800}.brand small,.account small{display:block;color:#bac8bd}nav{display:grid;gap:10px}nav button,.ghost{padding:12px 14px;background:transparent;color:inherit;text-align:left}nav button.active,nav button:hover,.ghost:hover{background:#ffffff1f}.account{display:grid;gap:8px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.content{padding:36px}.topbar,.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar p{margin:0 0 4px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.api-status{display:inline-flex;align-items:center;width:fit-content;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fffaf0bd;color:var(--muted);font-size:12px;font-weight:800}.api-status.online{border-color:#2f6f4e4d;background:#e4eadcdb;color:var(--accent-strong)}.api-status.unavailable{border-color:#a0443247;background:#f2d7cfb8;color:var(--danger)}.auth-status{margin-bottom:16px}h1,h2{margin:0;letter-spacing:-.04em}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffaf0c7}.notice.subtle{color:var(--muted);background:#e4eadcb8}.panel{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fffaf0e6;box-shadow:0 24px 70px #20312b14}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:22px}form,.composer,.task-list,.work-list,.post-list{display:grid;gap:16px}label{display:grid;gap:8px;color:var(--muted);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fffdf7;color:var(--ink);outline:none}textarea{min-height:140px;resize:vertical}.lyrics{min-height:240px}.voice-strip{align-items:center;background:#fffdf7c2;border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.voice-strip small{color:var(--muted)}.primary,.secondary{padding:12px 16px;font-weight:800}.primary{background:var(--accent);color:#fffaf0}.secondary{border:1px solid var(--line);background:var(--soft);color:var(--accent-strong)}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{padding:10px 16px;background:#ede2ca;color:var(--ink)}.tabs button.active{background:var(--accent);color:#fff}.auth-panel{max-width:520px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.flow span{padding:10px;border-radius:12px;background:#edf1e5;color:var(--accent-strong);font-size:13px;font-weight:800;text-align:center}.task-card,.work-card,.post-card,.wallet-card,.package-card,.withdrawal-item,.order-card{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fffdf8}.card-head{display:flex;justify-content:space-between;gap:12px}.card-head>div:first-child{display:grid;gap:4px}.badges{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:8px}.badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#edf1e5;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.badge.running{background:#e4eadc;color:#2f6f4e}.badge.success{background:#d9eadf;color:#1f6a3d}.badge.warning{background:#f4e6c3;color:#8a5a13}.badge.danger{background:#f2d7cf;color:var(--danger)}.versions{display:flex;flex-wrap:wrap;gap:8px}.versions button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);background:#f7f0df;color:var(--accent-strong);font-weight:800}.versions button.active{border-color:var(--accent);background:var(--accent);color:#fffaf0}.versions small{color:inherit;opacity:.72}.publish-box{display:grid;gap:12px;padding:14px;border:1px dashed rgba(47,111,78,.38);border-radius:16px;background:#e4eadc85}.publish-box textarea{min-height:82px}.publish-box small,.section-head small{color:var(--muted)}.post-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--accent-strong);font-size:13px;font-weight:800}.post-stats span{padding:6px 9px;border-radius:999px;background:#edf1e5}.post-content{margin:0;color:var(--ink);line-height:1.7}.post-content.muted,.post-meta{color:var(--muted)}.post-meta{margin:0;font-size:13px}.wallet-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:22px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:22px}.wallet-card,.settings-card{margin-top:24px}.account-summary{grid-column:1 / -1;background:radial-gradient(circle at 100% 0%,rgba(227,180,76,.2),transparent 18rem),linear-gradient(135deg,rgba(47,111,78,.1),transparent),#fffaf0f0}.wide-card{grid-column:1 / -1}.hero-wallet{background:linear-gradient(135deg,rgba(47,111,78,.12),transparent),#fffaf0f0}.money-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stats{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:12px}.money-stats div,.profile-stats div{display:grid;gap:6px;padding:14px;border:1px solid rgba(222,212,191,.88);border-radius:16px;background:#fffdf8}.money-stats small,.profile-stats small,.price-row small{color:var(--muted)}.money-stats strong{font-size:22px;color:var(--accent-strong)}.profile-stats strong{overflow-wrap:anywhere;color:var(--accent-strong)}.money-stats.compact{grid-template-columns:1.4fr .7fr .7fr}.money-stats.compact strong{overflow-wrap:anywhere;font-size:16px}.package-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.package-card{position:relative}.package-card.active{border-color:#2f6f4e9e;box-shadow:0 18px 42px #2f6f4e1f}.package-card.recommended:before{position:absolute;inset:-1px auto auto 18px;padding:4px 9px;border-radius:0 0 10px 10px;background:#e3b44c;color:#1d2d27;font-size:12px;font-weight:800;content:"Best pick"}.package-card ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--muted);font-size:13px}.price-row{display:grid;gap:4px}.price-row strong{font-size:28px;color:var(--accent-strong)}.order-query{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.dev-button{border-style:dashed}.withdrawal-list{display:grid;gap:12px}.withdrawal-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.post-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.reaction-button,.danger-button{padding:9px 12px;border:1px solid var(--line);background:#f7f0df;color:var(--accent-strong);font-size:13px;font-weight:800}.reaction-button.active{border-color:#2f6f4e6b;background:var(--accent);color:#fffaf0}.danger-button{margin-left:auto;border-color:#a0443252;background:#f2d7cf;color:var(--danger)}.comments-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(222,212,191,.88);border-radius:16px;background:#f7f0df9e}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.comment-form textarea{min-height:72px}.comment-list{display:grid;gap:10px}.comment-item{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#fffdf8}.comment-item div{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-item strong{font-size:13px}.comment-item time,.comment-login-hint{color:var(--muted);font-size:12px}.comment-item p,.comment-login-hint{margin:0}.load-more{justify-self:center}.pending-audio{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#edf1e5;color:var(--accent-strong);font-weight:800}.pulse{width:10px;height:10px;border-radius:999px;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.timeline{border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}.timeline summary,.text-button{color:var(--accent-strong);font-weight:800;cursor:pointer}.timeline ol{display:grid;gap:6px;margin:10px 0 0;padding-left:20px}.text-button{justify-self:start;padding:0;border-radius:0;background:transparent}.remark{margin:0;color:var(--danger);font-weight:700}.task-card small,.work-card small,.empty{color:var(--muted)}audio{width:100%}@keyframes pulse{0%,to{transform:scale(.8);opacity:.45}50%{transform:scale(1.2);opacity:1}}@media(max-width:900px){.shell,.grid{grid-template-columns:1fr}.sidebar{position:static}.flow{grid-template-columns:1fr}.content{padding:22px}.card-head{display:grid}.topbar-actions,.badges{justify-content:flex-start}.comment-form,.wallet-grid,.settings-grid,.order-query,.money-stats,.profile-stats,.money-stats.compact{grid-template-columns:1fr}.danger-button{margin-left:0}}