:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,p{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 18%,rgba(24,160,88,.16),transparent 28%),radial-gradient(circle at 85% 70%,rgba(32,128,240,.14),transparent 32%),#f5f7fb}.login-card{width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:36px;padding:40px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 24px 70px #0f172a14}.login-brand span,.eyebrow{color:#64748b;font-size:13px}.login-brand h1{margin-top:12px;font-size:34px}.login-brand p{max-width:580px;margin-top:12px;color:#536171;line-height:1.8}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#18a058;font-size:20px;font-weight:800}.admin-shell{min-height:100vh}.admin-sider{min-height:100vh;padding:18px 12px;color:#dbe7f4;background:#111827}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:#8ba0b7;font-size:12px}.admin-sider .n-menu{--n-item-text-color: #b7c2d0 !important;--n-item-text-color-hover: #fff !important;--n-item-text-color-active: #fff !important;--n-item-color-active: rgba(24, 160, 88, .2) !important;--n-item-color-hover: rgba(255, 255, 255, .08) !important;background:transparent}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;background:#fffffff5}.topbar h1{margin-top:3px;font-size:24px}.workspace{min-height:calc(100vh - 72px);padding:22px;background:#f5f7fb}.workspace>section+section{margin-top:18px}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card span{color:#64748b;font-size:13px}.metric-card strong{display:block;margin-top:8px;font-size:30px}.panel-section{scroll-margin-top:90px}.status-alert{margin:4px 0 16px}.section-subtitle{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 12px;color:#64748b;font-size:13px}.section-subtitle strong{color:#172033;font-size:16px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell img{width:54px;height:54px;object-fit:contain;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc}.product-cell strong,.product-cell span{display:block}.product-cell span{margin-top:3px;color:#64748b;font-size:12px}.crawler-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.crawler-card{min-width:0;overflow:hidden;border:1px solid #edf1f7;border-radius:12px;background:#fff}.crawler-card img{width:100%;height:180px;object-fit:contain;background:#f8fafc;border-bottom:1px solid #edf1f7}.crawler-body{display:grid;gap:10px;padding:12px}.crawler-body strong{min-height:42px;font-size:14px;line-height:1.5}.crawler-body span{color:#64748b;font-size:12px}.preview-board{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.preview-notes{padding:8px 0;color:#475569;line-height:1.8}.preview-notes h3{margin-bottom:10px;color:#172033}.phone-preview{width:310px;min-height:620px;overflow:hidden;border:10px solid #111827;border-radius:34px;background:#f6f7fb;box-shadow:0 18px 50px #0f172a2e}.phone-preview.large{width:340px}.phone-top{padding:18px 18px 12px;color:#fff;background:#ff7a1a;font-weight:800}.preview-tabs{display:flex;gap:6px;padding:10px;background:#fff}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.mini-card{min-width:0;padding:9px;border-radius:12px;background:#fff}.mini-card img{width:100%;height:96px;object-fit:contain;background:#f8fafc;border-radius:10px}.mini-card span{display:block;height:38px;margin-top:7px;overflow:hidden;font-size:12px;line-height:1.55}.mini-card strong,.mini-detail strong{display:block;color:#f97316}.mini-detail,.mini-recycle{padding:16px}.mini-detail img{width:100%;height:240px;object-fit:contain;border-radius:14px;background:#fff}.mini-detail h3,.mini-recycle h3{margin-top:12px;font-size:18px}.mini-detail p,.mini-recycle p{margin-top:8px;color:#64748b;line-height:1.7}.recycle-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.recycle-steps span{padding:12px;text-align:center;border-radius:12px;background:#fff7ed;color:#ea580c;font-weight:700}.publish-source{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px;padding:10px;border-radius:10px;background:#f8fafc}.publish-source img{width:96px;height:96px;object-fit:contain}.publish-source p{line-height:1.7}.admin-modal{width:min(760px,calc(100vw - 32px))}@media(max-width:1100px){.overview-layout,.preview-board{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-card,.overview-layout,.metric-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sider{min-height:auto}.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:16px}.workspace{padding:14px}}