:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#222832;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}#app{max-width:500px;margin:0 auto;min-height:100vh;background:#f7f9fd;box-shadow:0 0 45px #e4e8f2}.screen{min-height:100vh;padding-bottom:86px}.status{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;color:#12151b;font-size:17px;font-weight:650;background:#f4f8ff}.status-icons{font-size:13px;letter-spacing:2px}.demo-ribbon{background:#fff3ce;color:#805100;text-align:center;font-size:11px;font-weight:650;padding:5px 9px;border-bottom:1px solid #ffe6a5}.topbar{height:69px;display:flex;align-items:center;gap:15px;padding:0 17px;background:#f7faff}.topbar.white{background:#fff}.back{border:0;background:none;font-size:30px;line-height:1;color:#242a33;width:24px;padding:0}.topbar h1{font-size:20px;margin:0;font-weight:680;flex:1}.topbar .right{border:0;background:none;color:#4b5362;font-size:14px}.home-head{display:flex;align-items:center;gap:9px;padding:15px 16px 19px;background:#f4f8ff}.avatar{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 8px #dce5f5;color:#1f63dd;font-weight:800;font-size:15px;flex:none}.store-name{font-size:17px;font-weight:700;white-space:nowrap}.subline{color:#79818c;font-size:12px;margin-top:3px}.head-actions{display:flex;gap:8px;margin-left:auto}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:none;border:0;font-size:21px;color:#303943}.card-blue{margin:0 9px;background:linear-gradient(145deg,#3387fa,#1160e9 72%);border-radius:13px;color:#fff;padding:17px 14px 13px;box-shadow:0 5px 14px #dbe6fb}.stats-top{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:4px;align-items:end}.stat-label{font-size:11px;color:#c8dcff;white-space:nowrap}.stat-value{font-size:19px;font-weight:700;margin-top:7px;white-space:nowrap}.stat-main .stat-value{font-size:26px}.stats-divider{height:1px;background:#ffffff30;margin:17px 0 12px}.stats-bottom{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.stats-bottom .num{font-size:23px;font-weight:650}.stats-bottom .caption{font-size:12px;color:#d4e5ff;margin-top:2px}.violation{background:#ffffff13;border-radius:7px;padding:10px 12px;margin-top:17px;color:#d7e6ff;font-size:12px;display:flex;justify-content:space-between}.shortcut-grid{background:#fff;display:grid;grid-template-columns:repeat(5,1fr);row-gap:20px;padding:23px 8px 20px;margin-top:8px;border-radius:12px}.shortcut{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:7px;color:#333;font-size:12px;white-space:nowrap;padding:0}.shortcut-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:700;box-shadow:3px 3px 0 #eaf2ff}.shortcut.blue .shortcut-icon{background:linear-gradient(135deg,#57b2ef,#317ee8)}.shortcut.green .shortcut-icon{background:linear-gradient(135deg,#59cfa1,#32af8b)}.shortcut.coral .shortcut-icon{background:linear-gradient(135deg,#ffb28d,#f36c6c)}.shortcut.orange .shortcut-icon{background:linear-gradient(135deg,#ffcb8c,#ec944c)}.shortcut.purple .shortcut-icon{background:linear-gradient(135deg,#a18afa,#6d59da)}.shortcut.pink .shortcut-icon{background:linear-gradient(135deg,#ffadd2,#f36b9d)}.section-white{background:#fff;border-radius:13px;margin:10px 9px;padding:16px}.benefit{font-size:14px;color:#555}.benefit strong{color:#1671ee;margin-right:9px}.campaign{margin:10px 9px;padding:15px 18px;border-radius:13px;background:linear-gradient(105deg,#fff7c5,#ffeb9d);color:#f15d16}.campaign small{font-weight:700}.campaign b{display:block;font-size:16px;margin-top:5px}.campaign span{float:right;background:#ff6d25;border-radius:5px;color:#fff;font-size:12px;padding:4px 7px}.products-tease h2{font-size:16px;margin:0 0 10px}.tease-row{display:flex;gap:8px}.tease-row img{width:31%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:1px solid #eef0f4}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);display:flex;justify-content:space-around;align-items:center;height:74px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eef1f5;box-shadow:0 -5px 18px #e9edf65c}.nav-item{border:0;background:none;color:#626b78;display:flex;flex-direction:column;gap:3px;align-items:center;font-size:11px;min-width:55px}.nav-item .glyph{font-size:21px}.nav-item.active{color:#166af0;font-weight:700}.notice{padding:11px 16px;background:#f1f7ff;font-size:12px;color:#353e4b;line-height:1.5}.notice em{font-style:normal;background:#1567e7;color:#fff;border-radius:4px;padding:2px 4px;margin-right:5px}.search{margin:10px 14px;background:#f5f7fa;height:41px;border-radius:5px;display:flex;align-items:center;padding:0 13px;gap:9px;color:#a9b0bc}.search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:#333}.tabs{display:flex;overflow:auto;gap:22px;padding:10px 14px 0;background:#fff;white-space:nowrap;scrollbar-width:none}.tabs button{border:0;background:none;color:#5b616b;padding:10px 0 12px;white-space:nowrap;font-size:14px}.tabs button.active{color:#1267ed;font-weight:650;border-bottom:3px solid #1267ed}.filters{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#585f69;background:#fff;font-size:13px}.filters button{border:1px solid #d6d9df;background:#fff;border-radius:5px;padding:5px 9px;color:#555}.product-list{padding:8px 9px 82px}.product-card{background:#fff;border-radius:9px;margin-bottom:9px;padding:13px}.product-row{display:flex;gap:12px}.product-row img{width:82px;height:82px;object-fit:cover;border-radius:7px}.product-info{min-width:0;flex:1}.product-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:#a2a7ae}.product-meta{font-size:12px;margin:7px 0}.price{color:#f34e56;font-size:15px}.product-actions{display:flex;gap:6px;justify-content:space-between;margin-top:13px}.product-actions button{background:#fff;border:1px solid #d4d9e1;color:#555;border-radius:5px;padding:7px 8px;font-size:12px}.product-actions .edit{color:#1267ed;border-color:#7baaf5}.product-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);background:#fff;display:flex;gap:8px;padding:9px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eee}.product-bottom button{flex:1;background:#fff;border:1px solid #d5d8dc;border-radius:5px;height:45px;color:#4a4e55}.product-bottom button:last-child{flex:2.7;color:#fff;background:#1769ec;border-color:#1769ec}.data-top{background:linear-gradient(#edf7ff,#e9f4ff);padding-bottom:12px}.data-nav{display:flex;gap:24px;overflow:auto;padding:15px 15px 10px;font-size:18px;white-space:nowrap}.data-nav .active{font-weight:700}.data-panel{background:#fff;border-radius:15px 15px 0 0;padding:19px 14px 35px;min-height:540px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title strong{font-size:18px}.panel-title small{font-size:12px;color:#888;margin-left:6px}.panel-switch{border:1px solid #e5e8ed;border-radius:5px;color:#2868d7;padding:7px 10px;font-size:12px}.select-row{display:flex;gap:9px;margin-bottom:14px}.select-pill{background:#edf4ff;color:#4d5769;border-radius:5px;padding:8px 10px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{background:#fafbfd;border-radius:7px;min-height:91px;padding:12px 10px}.metric.primary{grid-column:span 2;border:1px solid #3984fc;background:#fff;min-height:105px}.metric .label{font-size:12px;color:#858b94;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metric .value{font-size:19px;color:#252b35;font-weight:700;margin:9px 0 4px;white-space:nowrap}.metric.primary .value{font-size:22px}.metric .past{font-size:11px;color:#989da5}.trend-head{margin:25px 0 9px;color:#1267ed;font-size:14px;font-weight:650}.chart-legend{font-size:11px;color:#767d86;margin-bottom:4px}.chart{width:100%;height:175px}.wallet-warning{background:#fff5ec;color:#555;padding:14px;font-size:13px}.wallet-warning strong{color:#e88400;margin-right:7px}.wallet-warning span{color:#2272e5}.wallet-card{margin:9px;background:#fff;border:3px solid #2071f3;border-radius:15px;overflow:hidden}.wallet-blue{background:linear-gradient(130deg,#378bf7,#1262e9);color:#fff;padding:22px 13px 17px}.wallet-blue h2{font-size:16px;font-weight:500;margin:0 0 20px}.wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-balances .label{color:#bcd9ff;font-size:12px}.wallet-balances b{display:block;font-size:22px;margin-top:8px;white-space:nowrap}.wallet-details{padding:0 13px;background:#fff}.wallet-line{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:14px}.wallet-line b{font-size:18px}.wallet-line button{border:0;color:#fff;background:#196bf2;border-radius:5px;padding:8px 11px}.wallet-subcard{background:#fff;border-radius:11px;margin:10px 9px;padding:15px 14px}.wallet-subcard h3{font-size:16px;margin:0 0 11px}.wallet-subcard .wallet-line{min-height:43px}.wallet-subcard .wallet-line b{font-size:16px}.wallet-subcard .muted{font-size:12px}.settings-intro{padding:14px;margin:10px 9px;background:#fff;border-radius:10px;font-size:13px;line-height:1.6;color:#5d6570}.settings-section{background:#fff;border-radius:10px;margin:10px 9px;padding:14px}.settings-section h2{font-size:16px;margin:0 0 13px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eff1f5;padding:9px 0}.field label{font-size:13px;color:#4d5665}.field input{width:134px;border:1px solid #dce3ec;border-radius:6px;padding:8px;text-align:right;font-size:14px;outline-color:#2575f4}.settings-actions{display:flex;gap:9px;margin:16px 9px}.settings-actions button{flex:1;border:1px solid #cbd9ee;border-radius:7px;padding:11px;background:#fff;color:#2468cc}.settings-actions .primary{background:#176bed;color:#fff;border-color:#176bed}.toast{position:fixed;bottom:91px;left:50%;transform:translateX(-50%);max-width:85%;background:#283344e9;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media(max-width:360px){.stats-top{gap:2px}.stat-label{font-size:9px}.stat-value{font-size:16px}.stat-main .stat-value{font-size:21px}.shortcut{font-size:11px}.wallet-balances b{font-size:19px}}
@media(max-width:500px){.stats-top{grid-template-columns:1.75fr repeat(4,minmax(0,1fr));gap:2px}.stats-top>div{min-width:0}.stats-top .stat-label{font-size:9px;letter-spacing:-.35px}.stats-top .stat-value{font-size:15px;letter-spacing:-.65px}.stats-top .stat-main .stat-value{font-size:22px;letter-spacing:-.6px}.stats-top>div:last-child .stat-value{font-size:12px}}
@media(max-width:500px){.stats-top .stat-main .stat-value{font-size:19px}.stats-top .stat-label{font-size:10px}}
.topbar.centered{position:relative;justify-content:space-between}.topbar.centered h1{position:absolute;left:50%;transform:translateX(-50%);flex:none;white-space:nowrap}.topbar.centered .right{margin-left:auto}.data-subtitle{font-size:12px;color:#8c929b;white-space:nowrap;margin-left:-6px}.topbar:has(.data-subtitle) h1{flex:none}.home-nav{height:70px;border-radius:27px 27px 0 0;box-shadow:0 -4px 24px #e3e8f4}.home-nav .nav-item{min-width:0;flex:1;gap:1px}.home-nav .glyph{font-size:22px}.home-nav .nav-item:nth-child(3) .glyph{font-size:25px}.home-nav .nav-item:nth-child(6){border-left:1px solid #eef0f4}.demo-ribbon{font-size:10px;padding:4px 6px}.stats-top{grid-template-columns:1.7fr repeat(4,minmax(0,1fr))}.stats-top .stat-value,.stats-top .stat-main .stat-value{font-size:15px;letter-spacing:-.6px}.stats-top>div:last-child .stat-value{font-size:12px}@media(max-width:500px){.stats-top{grid-template-columns:1.7fr repeat(4,minmax(0,1fr))}.stats-top .stat-value,.stats-top .stat-main .stat-value{font-size:15px}.stats-top>div:last-child .stat-value{font-size:12px}}
.shortcut-icon{position:relative;overflow:visible}.shortcut-icon::after{content:"";position:absolute;width:12px;height:12px;border-radius:4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#fff8,#d5e7ffdc);box-shadow:0 1px 3px #b7c7e566}.product-name{font-size:16px}.product-card{box-shadow:0 1px 0 #edf0f7}.campaign{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff8c9,#ffeda5 80%,#fff5c6)}.campaign::after{content:"✦";position:absolute;right:17px;top:6px;color:#ffc362;font-size:25px;opacity:.7}.campaign b,.campaign small{position:relative;z-index:1}