:root{--bg:#f4f4f2;--panel:#fff;--ink:#161719;--muted:#6e737a;--line:#e2e4e8;--soft-line:#eef0f2;--green:#11815f;--blue:#2f73e0;--purple:#7a4be8;--orange:#f26b2f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100svh}.sidebar{background:#fbfbfa;border-right:1px solid var(--line);color:var(--ink);display:grid;grid-gap:1.65rem;gap:1.65rem;grid-template-rows:auto 1fr;padding:1.45rem 1.1rem}.brand{align-items:baseline;display:flex;gap:.48rem;min-height:48px;padding:.3rem .75rem}.brand span{font-family:Georgia,Times New Roman,serif;font-size:1.58rem;font-weight:700;letter-spacing:.12em}.brand small{color:#4f5358;font-size:.82rem;font-weight:700}.sidebar nav{align-content:start;display:grid;grid-gap:.42rem;gap:.42rem}.sidebar a,.sidebar-button{align-items:center;background:transparent;border:0;border-radius:8px;color:#34373b;cursor:pointer;display:flex;gap:.82rem;min-height:46px;padding:0 .82rem;text-align:left;width:100%;font-size:1rem;font-weight:650}.sidebar a:hover,.sidebar-button:hover{background:#f0efed}.sidebar a[href="/analytics"]{background:#eceae7;font-weight:750}.nav-icon{align-items:center;color:#4d5259;display:inline-flex;height:24px;justify-content:center;width:24px}.nav-svg{display:block;height:22px;width:22px}.main{align-content:start;display:grid;grid-gap:1.25rem;gap:1.25rem;max-width:none;padding:1.45rem 1.65rem 2.4rem;width:100%}.topbar{gap:1rem;justify-content:space-between;min-height:58px}.admin-search,.topbar{align-items:center;display:flex}.admin-search{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.03);color:#9aa0a6;font-size:.9rem;gap:.55rem;min-height:46px;max-width:530px;padding:0 .95rem;width:min(42vw,530px)}.admin-search kbd{background:#f3f4f6;border:1px solid #e4e6eb;border-radius:6px;color:#9aa0a6;font-size:.72rem;margin-left:auto;padding:.12rem .35rem}.search-mark{color:#5f6670;font-size:1.05rem}.topbar-actions{align-items:center;display:flex;gap:.72rem}.icon-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink);display:inline-flex;font-size:1rem;height:38px;justify-content:center;width:38px}.user-pill{align-items:center;display:flex;gap:.55rem}.user-pill b{align-items:center;background:#050505;border-radius:999px;color:#fff;display:inline-flex;font-size:.72rem;height:38px;justify-content:center;width:38px}.user-pill span{color:#4f5358;font-size:.85rem;font-weight:700}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.025);padding:1rem}.analytics-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding-top:1.25rem}.analytics-heading h1{font-family:Georgia,Times New Roman,serif;font-size:2.45rem;line-height:1.1;margin:0 0 .55rem}.breadcrumb{color:#8b929a;font-size:.82rem;font-weight:700;margin:0 0 .45rem}.breadcrumb a:hover{color:var(--blue)}.analytics-filters{display:flex;gap:.75rem;padding-top:.2rem}.range-tabs{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;min-height:42px;padding:.18rem}.range-tabs a{align-items:center;border-radius:6px;color:#626972;display:inline-flex;font-size:.86rem;font-weight:800;min-height:34px;padding:0 .72rem}.range-tabs a:hover{background:#f6f7f8;color:var(--ink)}.range-tabs a.is-active{background:#111318;color:#fff}.analytics-filters span,.export-button,.panel-title span{background:#fff;border:1px solid var(--line);border-radius:8px;color:#3f444a;cursor:default;font-size:.9rem;font-weight:700;min-height:42px;padding:.6rem .95rem}.export-button{cursor:pointer}.export-button:hover{border-color:#c9cdd3;box-shadow:0 4px 12px rgba(25,28,33,.08)}.analytics-kpis{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:.42rem .85rem;gap:.42rem .85rem;grid-template-columns:auto 1fr;min-height:168px;padding:1rem 1.2rem .85rem;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.metric-card.is-active,.metric-card:hover{box-shadow:0 18px 42px rgba(24,28,35,.08);transform:translateY(-2px)}.metric-card.is-active{border-color:rgba(17,129,95,.35)}.metric-card.tone-blue.is-active{border-color:rgba(47,115,224,.35)}.metric-card.tone-purple.is-active{border-color:rgba(122,75,232,.35)}.metric-card.tone-orange.is-active{border-color:rgba(242,107,47,.35)}.metric-card:after{color:#a0a6ad;content:"查看详情";font-size:.74rem;font-weight:800;opacity:0;position:absolute;right:1rem;top:.9rem;transition:opacity .16s ease}.metric-card.is-active:after,.metric-card:hover:after{opacity:1}.metric-card:after{content:""}.metric-arrow{color:#25292f;font-size:1.75rem;line-height:1;opacity:.85;position:absolute;right:1rem;top:1.05rem}.metric-copy p{color:#34383d;font-size:.98rem;font-weight:800;margin:0}.metric-copy strong{display:block;font-size:2rem;line-height:1.05;margin:.28rem 0 .25rem}.metric-copy span{color:var(--green);font-size:.9rem;font-weight:800}.metric-copy em{color:#9aa0a6;display:block;font-size:.84rem;font-style:normal;font-weight:700;margin-top:.05rem}.metric-icon{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:900;height:48px;justify-content:center;width:48px}.tone-green .metric-icon{background:#e2f1e8;color:var(--green)}.tone-blue .metric-icon{background:#e7f0ff;color:var(--blue)}.tone-purple .metric-icon{background:#eee8ff;color:var(--purple)}.tone-orange .metric-icon{background:#fff0e8;color:var(--orange)}.metric-card svg{grid-column:1/-1;height:52px;width:100%}.chart-line,.metric-card path{fill:none;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.tone-blue path{stroke:var(--blue)}.tone-purple path{stroke:var(--purple)}.tone-orange path{stroke:var(--orange)}.analytics-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1.6fr) minmax(300px,.82fr) minmax(320px,.9fr)}.detail-grid{align-items:start}.chart-panel{grid-column:span 2}.behavior-panel{grid-column:span 1}.panel-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:.85rem}.panel-title h2{font-size:1.08rem;margin:0}.panel-link{color:var(--blue);font-size:.78rem;font-weight:800;border-radius:6px;padding:.2rem .35rem}.panel-link:hover{background:#eef4ff;text-decoration:none}.hover-chart{display:grid;grid-gap:.5rem;gap:.5rem;position:relative}.hover-chart>svg,.line-chart svg{background:linear-gradient(#fff,#fbfbfb);border:1px solid var(--soft-line);border-radius:8px;height:340px;width:100%}.chart-grid{fill:none;stroke:#edf0f4;stroke-width:.55}.chart-line{stroke:var(--blue);stroke-width:2.25}.chart-compare-line{fill:none;stroke:#b9bec6;stroke-dasharray:5 6;stroke-linecap:round;stroke-width:1.45}.chart-axis-text{fill:#9aa0a6;font-size:12px;font-weight:650}.chart-guide{stroke:rgba(47,115,224,.22);stroke-width:1}.chart-dot{fill:#fff;stroke:var(--blue);stroke-width:3}.chart-hit{cursor:pointer}.chart-hit,.chart-hit:hover+.chart-hit{fill:transparent}.hover-chart svg{cursor:crosshair}.chart-tooltip{background:hsla(0,0%,100%,.96);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px rgba(21,25,31,.14);display:grid;grid-gap:.2rem;gap:.2rem;min-width:150px;padding:.7rem .8rem;pointer-events:none;position:absolute;top:4.55rem;transform:translateX(-50%);z-index:2}.chart-tooltip strong{font-size:.82rem}.chart-tooltip span{font-size:1rem;font-weight:850}.chart-tooltip em{color:var(--green);font-size:.75rem;font-style:normal;font-weight:800}.chart-labels{color:var(--muted);display:grid;font-size:.82rem;grid-template-columns:repeat(7,minmax(0,1fr))}.chart-labels span{text-align:center}.compact-table,.rank-list,.timeline{display:grid;grid-gap:.7rem;gap:.7rem}.compact-row,.rank-row{align-items:center;display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:minmax(92px,1fr) minmax(78px,1fr) auto}.clickable-row{border-radius:7px;color:inherit;transition:background .14s ease,transform .14s ease}.clickable-row:hover{background:#f7f8f9;transform:translateX(2px)}.compact-row span,.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar,.rank-row div{background:#edf0f3;border-radius:999px;height:7px;overflow:hidden}.mini-bar i,.rank-row i{background:var(--blue);border-radius:inherit;display:block;height:100%}.compact-row{border-bottom:1px solid var(--soft-line);min-height:34px;padding-bottom:.48rem}.product-rank span{align-items:center;display:flex;gap:.5rem;white-space:normal}.product-thumb{background:linear-gradient(135deg,#d8c4aa,#8c6c4b);border:1px solid rgba(90,70,50,.12);border-radius:6px;display:inline-block;flex:0 0 auto;height:28px;width:28px}.empty-state{background:#fafafa;border:1px dashed #cfd3d8;border-radius:8px;padding:1rem}.empty-state p{margin:.35rem 0 0}.timeline-item{display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:auto 1fr;padding:.25rem}.timeline-item>span{background:var(--green);border:4px solid #e2f1e8;border-radius:999px;height:16px;margin-top:.1rem;width:16px}.timeline-item strong{display:block;font-size:.88rem}.timeline-item p{margin:.12rem 0 0}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--muted);display:grid;font-size:.86rem;grid-gap:.35rem;gap:.35rem}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:.65rem .75rem;width:100%}textarea{min-height:120px}.checkbox-group{border:1px solid var(--line);border-radius:8px;color:var(--muted);margin:.9rem 0;padding:.8rem}.checkbox-group legend{color:var(--ink);font-size:.86rem;font-weight:700;padding:0 .35rem}.checkbox-group>div{display:grid;grid-gap:.55rem;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-group label{align-items:center;display:flex;gap:.45rem}.checkbox-group input{min-height:auto;padding:0;width:auto}.button{align-items:center;background:#111318;border:1px solid #111318;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:0 .9rem}.button.secondary{background:#fff;color:#111318}.button.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.filter-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem}.filter-pills a{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:#4b5159;display:inline-flex;font-size:.86rem;font-weight:800;min-height:34px;padding:0 .8rem}.filter-pills a.is-active,.filter-pills a:hover{background:#111318;border-color:#111318;color:#fff}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--line);padding:.8rem;text-align:left;vertical-align:middle}.table a{overflow-wrap:anywhere}.admin-row-form{align-items:center;display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:1fr 1fr 2fr 100px auto;margin-bottom:.6rem}.image-preview,.muted{color:var(--muted)}.image-preview{align-items:center;background:#f3f4f6;border:1px solid var(--line);border-radius:8px;display:inline-flex;justify-content:center;overflow:hidden}.image-preview-sm{height:72px;width:72px}.image-preview-md{height:96px;width:128px}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.image-preview-empty{font-size:.78rem;height:72px;padding:.35rem;text-align:center;width:72px}.login{align-items:center;display:grid;min-height:100svh;place-items:center;padding:1rem}.login .panel{max-width:420px;width:100%}.login-error{color:#be123c;font-size:.9rem;grid-column:1/-1;margin:0}.sr-only{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px}@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{gap:.6rem;padding:.85rem}.brand{justify-content:center;min-height:40px}.sidebar nav{grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding-bottom:.25rem}.sidebar a,.sidebar-button{white-space:nowrap}.main{padding:.9rem}.topbar{align-items:stretch;flex-direction:column}.admin-search{max-width:none;width:100%}.topbar-actions{justify-content:space-between}.analytics-heading{align-items:stretch;flex-direction:column}.analytics-filters{display:grid}.admin-row-form,.analytics-filters,.analytics-grid,.analytics-kpis,.checkbox-group>div,.form-grid,.grid{grid-template-columns:1fr}.behavior-panel,.chart-panel{grid-column:auto}.line-chart svg{height:190px}.compact-row,.rank-row{grid-template-columns:minmax(0,1fr) 80px auto}}