:root{--bg: #f2f4fb;--panel: #ffffff;--line: #dbe2f1;--line-strong: #c9d5ef;--text: #1c2340;--muted: #616b8a;--dark: #4f46e5;--shadow: 0 8px 22px rgba(28, 35, 64, .08);--radius: 16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 26% -20%,#fff 0,#f4f6fd 45%,#eef2fb)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#f2f4fbe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-inner{max-width:1220px;margin:0 auto;padding:8px 18px;min-height:56px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#6f67f2);color:#fff;font-weight:800;display:grid;place-items:center}.brand-name{font-weight:760}.brand-sub{font-size:11px;color:var(--muted)}.stream-nav{display:flex;background:linear-gradient(180deg,#f8faff,#edf2ff);border:1px solid var(--line-strong);border-radius:13px;padding:4px;gap:4px}.stream-nav button{border:0;border-radius:10px;padding:8px 12px;min-height:36px;background:transparent;cursor:pointer;font-weight:700}.stream-nav button.active{background:var(--dark);color:#fff}.search input{width:100%;border:1px solid var(--line);border-radius:12px;min-height:40px;background:#fff;padding:0 12px}.action-nav{display:flex;justify-content:flex-end;gap:8px}.btn{border:0;border-radius:12px;padding:9px 14px;cursor:pointer;font-weight:650}.btn.primary{background:var(--dark);color:#fff}.btn.ghost{border:1px solid var(--line);background:#fff}.main{padding:16px}.container{max-width:1220px;margin:0 auto}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.item-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.item-card h3{margin:8px 0}.item-card p{margin:0;color:#394465}.item-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.badge{border-radius:999px;padding:4px 8px;font-weight:700;text-transform:lowercase}.badge-github{background:#e7eefc;color:#214c9c}.badge-youtube{background:#fbe9f0;color:#ab325f}.badge-x{background:#eceffd;color:#2d385f}.badge-bilibili,.badge-wechat,.badge-web{background:#eef2ff;color:#4f5d89}.parse-status{color:var(--muted)}.item-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:2fr 1.2fr;gap:12px}.item-long{white-space:pre-wrap;line-height:1.65}.origin-link a{color:#3b57cc}.comment-form,.form-stack{display:grid;gap:8px}input,textarea,select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}textarea{min-height:110px;resize:vertical}.comment-item{border:1px dashed var(--line-strong);border-radius:10px;padding:10px;margin-top:8px}.comment-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.comment-tags{display:flex;gap:8px;font-size:12px;color:#4f5d89}.compose-layout{display:grid;grid-template-columns:2fr 1fr;gap:12px}.compose-tabs{display:flex;gap:8px;margin-bottom:12px}.compose-tabs button{border:1px solid var(--line);background:#f8f9ff;border-radius:10px;padding:7px 12px;cursor:pointer;font-weight:700}.compose-tabs button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.preview-panel{height:fit-content;position:sticky;top:84px}.source-list{display:grid;gap:8px}.source-item{display:flex;justify-content:space-between;gap:12px;border:1px dashed var(--line-strong);border-radius:10px;padding:10px}.source-actions{display:flex;gap:6px;flex-wrap:wrap}.fetch-result{margin-top:10px;color:#1e4ed8;font-size:13px}.single-center{display:grid;place-items:center;min-height:70vh}.login-panel{width:min(520px,100%)}.loading,.error,.empty,.muted{color:var(--muted)}@media (max-width: 1080px){.topbar-inner,.list-grid,.detail-layout,.compose-layout{grid-template-columns:1fr}.preview-panel{position:static}}