/* 网站运营工作台：复用 Blue Workbench v1.0，降低配置后台的信息密度。 */
body[data-route="website"] .content { max-width:1480px; }
.website-workbench { color:#183761; }
.website-tabs { display:flex; gap:6px; padding:5px; margin:0 0 18px; max-width:100%; overflow:auto; border:1px solid #dfe7f0; border-radius:13px; background:#f7f9fc; }
.website-tab { min-height:44px; padding:0 15px; border:0; border-radius:9px; background:transparent; color:#60728d; font-weight:700; white-space:nowrap; cursor:pointer; }
.website-tab:hover,.website-tab.is-active { color:#2563eb; background:#fff; box-shadow:0 4px 13px rgba(36,75,125,.08); }
.website-tab:focus-visible,.website-entry:focus-visible { outline:3px solid rgba(37,99,235,.24); outline-offset:2px; }
.website-body { min-width:0; }
.website-workbench .card { border:1px solid #dfe7f0; border-radius:12px; background:#fff; box-shadow:0 6px 20px rgba(44,74,111,.045); padding:20px; }
.website-workbench .card h3 { color:#183761; font-size:17px; }
.website-workbench .card .cell-sub { color:#60728d; line-height:1.65; }
.website-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; position:sticky; bottom:12px; z-index:4; margin-top:20px; padding:12px 14px; border:1px solid #d9e6f5; border-radius:12px; background:rgba(255,255,255,.96); box-shadow:0 10px 30px rgba(31,76,128,.12); }
.website-actions .muted { color:#71839b; }
.website-overview-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:16px; padding:28px 30px; border:1px solid #d9e6f5; border-radius:16px; background:#f4f8fd; box-shadow:0 8px 24px rgba(44,74,111,.06); }
.website-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.04em; }
.website-eyebrow:before { content:""; width:7px; height:7px; border-radius:50%; background:#0f9f76; box-shadow:0 0 0 4px rgba(15,159,118,.12); }
.website-overview-hero h2 { margin:10px 0 8px; color:#183761; font-size:clamp(23px,3vw,30px); line-height:1.25; letter-spacing:-.03em; }
.website-overview-hero p { max-width:680px; margin:0; color:#60728d; line-height:1.7; }
.website-hero-actions { display:flex; gap:9px; flex-wrap:wrap; }
.website-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.website-metric { min-height:96px; padding:16px 18px; border:1px solid #dfe7f0; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(44,74,111,.04); }
.website-metric span,.website-metric small { display:block; color:#60728d; font-size:12px; line-height:1.5; }
.website-metric strong { display:block; margin:7px 0 3px; color:#183761; font-size:25px; line-height:1.15; }
.website-metric.is-focus { border-color:#b9d2fa; background:#f5f9ff; }.website-metric.is-focus strong { color:#2563eb; }
.website-overview-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(300px,5fr); gap:16px; }
.website-panel { min-width:0; padding:20px; border:1px solid #dfe7f0; border-radius:12px; background:#fff; box-shadow:0 6px 20px rgba(44,74,111,.045); }
.website-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:16px; }.website-panel-head h3 { margin:0 0 5px; font-size:17px; }.website-panel-head p { margin:0; color:#71839b; font-size:12px; }
.website-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.website-entry { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:100px; padding:16px; border:1px solid #e1eaf4; border-radius:10px; background:#fbfdff; color:#183761; text-align:left; cursor:pointer; transition:.18s ease; }
.website-entry:hover { border-color:#9fc2f5; background:#f5f9ff; transform:translateY(-1px); }.website-entry b { font-size:14px; }.website-entry span { margin-top:7px; color:#71839b; font-size:12px; line-height:1.5; }.website-entry i { position:absolute; right:15px; bottom:13px; color:#2563eb; font-style:normal; font-size:18px; }
.website-check-row { display:flex; gap:10px; padding:13px 0; border-bottom:1px solid #edf2f7; }.website-check-row:last-child { border-bottom:0; }.website-check-row > span { color:#2563eb; font-size:12px; font-weight:800; }.website-check-row b,.website-check-row small { display:block; }.website-check-row small { margin-top:4px; color:#91a0b4; font-size:11px; line-height:1.5; }
@media (max-width:960px) { .website-overview-hero { align-items:flex-start; flex-direction:column; }.website-hero-actions { width:100%; }.website-overview-grid { grid-template-columns:1fr; }.website-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .website-tabs { width:100%; }.website-tab { flex:1; padding:0 10px; }.website-overview-hero { padding:20px; border-radius:12px; }.website-overview-hero h2 { font-size:23px; }.website-metrics { gap:8px; }.website-metric { min-height:84px; padding:13px 14px; }.website-metric strong { font-size:21px; }.website-entry-grid { grid-template-columns:1fr; }.website-workbench .card,.website-panel { padding:15px; }.website-actions { bottom:8px; margin:16px 0 0; }.website-actions .btn { flex:1; min-width:0; }.website-actions .muted { width:100%; order:3; }.website-workbench .grid-2 { grid-template-columns:1fr; } }
