*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;background:#f4f1ec;color:#1f2937;font-size:13px;line-height:1.45;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.demo{position:fixed;bottom:64px;right:8px;background:#b45309;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;z-index:20;opacity:.92}.top{background:linear-gradient(135deg,#3b2f2f,#7a4e3a);color:#fff;padding:14px 16px 12px}.top h1{font-size:18px;font-weight:700}.top .sub{font-size:11px;opacity:.88;margin-top:2px}.top .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pill{background:rgba(255,255,255,.18);padding:3px 10px;font-size:12px;white-space:nowrap}.chip,.pill{border-radius:12px}.chip{display:inline-block;padding:3px 9px;font-size:11px;margin:2px 3px 2px 0;background:#f3e8df;color:#7a4e3a}.chip.on{background:#7a4e3a;color:#fff}.chip.x:after{content:" ×";opacity:.55}.chip.green{background:#dcfce7;color:#166534}.chip.amber{background:#fef3c7;color:#92400e}.chip.red{background:#fee2e2;color:#b91c1c}.chip.blue{background:#e0e7ff;color:#3730a3}.chip.gray{background:#f1f5f9;color:#334155}.filters{padding:8px 10px;border-bottom:1px solid #ebe4dc;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.card,.filters{background:#fff}.card{border-radius:12px;padding:11px 12px;margin:8px 10px;box-shadow:0 1px 3px rgba(59,47,47,.06)}.card h3{font-size:14px;margin:0 0 6px}.badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;color:#fff}.tb{background:#ff6a00}.jd{background:#e1251b}.pdd{background:#e02e24}.dy{background:#111}.tier-main{background:#7a4e3a}.tier-lead,.tier-main{color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px}.tier-lead{background:#0d9488}.muted{color:#6b7280;font-size:11px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:7px 0}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:4px}.grid3,.grid4{display:grid;gap:4px;margin:7px 0}.grid4{grid-template-columns:repeat(4,1fr);grid-gap:4px}.grid2 div,.grid3 div,.grid4 div,.stat{background:#faf7f3;border-radius:8px;padding:6px 7px}.grid2 b,.grid3 b,.grid4 b,.stat b{display:block;font-size:14px;margin-top:1px}.red{color:#dc2626}.green{color:#16a34a}.blue{color:#2563eb}.brown{color:#7a4e3a}.btn{display:inline-block;background:#7a4e3a;color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;text-align:center;border:0;width:100%;font-size:14px}.btn.ghost{background:#fff;color:#7a4e3a;border:1px solid #7a4e3a}.btn.sm{width:auto;padding:6px 12px;font-size:12px}.btn.danger{background:#dc2626}.input{width:100%;padding:11px 12px;border:1px solid #e5ddd4;border-radius:10px;font-size:14px;background:#fff;margin:6px 0}.field{margin:10px 0}.field label{display:block;font-size:12px;color:#6b7280;margin-bottom:2px}.tabbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #ebe4dc;display:flex;z-index:10}.tabbar a{flex:1 1;text-align:center;padding-top:7px;font-size:11px;color:#6b7280}.tabbar a.on{color:#7a4e3a;font-weight:700}.tabbar i{display:block;font-style:normal;font-size:17px;line-height:1.1}.page{padding-bottom:70px}.section-title{font-size:13px;font-weight:700;color:#7a4e3a;margin:14px 12px 4px}.alert{border-left:3px solid #dc2626;background:#fff;border-radius:10px;padding:10px 12px;margin:8px 10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.alert.warn{border-left-color:#d97706}.alert.info{border-left-color:#2563eb}.alert .t{font-weight:700;font-size:13px}.chart{height:140px;background:linear-gradient(180deg,#faf7f3,#fff);border:1px solid #efe6dc;border-radius:10px;position:relative;overflow:hidden;margin-top:8px}.chart svg{width:100%;height:100%;display:block}.kw{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0e8e0}.kw:last-child{border-bottom:0}.toggle{width:40px;height:22px;background:#d1d5db;border-radius:11px;position:relative}.toggle.on{background:#7a4e3a}.toggle:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.toggle.on:after{left:20px}.tagline{text-align:center;color:#9ca3af;font-size:11px;margin-top:16px}.logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3b2f2f,#c9a27a);margin:0 auto 12px;align-items:center;color:#fff;font-size:26px;font-weight:700;box-shadow:0 6px 16px rgba(59,47,47,.25)}.login-wrap,.logo{display:flex;justify-content:center}.login-wrap{min-height:100vh;flex-direction:column;padding:28px 22px 40px;background:linear-gradient(165deg,#faf7f3,#efe2d4 55%,#e8d5c4)}.spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-right:4px}.spark.off{background:#dc2626}.spark.warn{background:#d97706}.list-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0e8e0}.list-item:last-child{border-bottom:0}.thumb{width:52px;height:52px;border-radius:8px;background:linear-gradient(135deg,#f3e8df,#e8d5c4);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}.delta-up{color:#16a34a;font-weight:700}.delta-down{color:#dc2626;font-weight:700}.bar-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}.bar{height:10px;background:#e5ddd4;flex:1 1;overflow:hidden}.bar,.bar>i{border-radius:5px}.bar>i{display:block;height:100%;background:#7a4e3a}.pager{display:flex;flex-wrap:wrap;gap:4px;padding:10px;font-size:12px}.pager,.pager span{justify-content:center}.pager span{min-width:28px;height:28px;display:inline-flex;align-items:center;border-radius:6px;background:#fff;border:1px solid #e5ddd4}.pager .cur{background:#7a4e3a;color:#fff;border-color:#7a4e3a;font-weight:700}.note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:8px 10px;font-size:11px;margin:8px 10px}.index-body{background:#e8e0d6;padding:20px 16px 40px}.index-body h1{font-size:20px;margin-bottom:4px}.index-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.index-grid a{display:block;background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.index-grid a b{display:block;font-size:15px;color:#3b2f2f}.index-grid a span{font-size:12px;color:#6b7280}body,html{max-width:100vw;overflow-x:hidden}a.btn{display:block}.wrap{max-width:480px;margin:0 auto}.nav-space{height:56px}.empty{text-align:center;color:#6b7280;padding:28px 12px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}button.input,select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.desktop-only,.sidebar{display:none}.mobile-only{display:block}.desktop-table{display:none}.alerts-grid,.monitor-charts,.settings-grid,.weekly-grid{display:block}@media (min-width:900px){body,html{overflow-x:auto}.wrap{max-width:none;margin:0}.sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:220px;background:linear-gradient(180deg,#3b2f2f,#5c3d30);color:#f3e8df;padding:24px 14px;z-index:30}.sidebar .brand{color:#fff;font-size:18px;font-weight:800;padding:0 8px 22px;line-height:1.25}.sidebar .brand small{display:block;color:rgba(255,255,255,.62);font-weight:500;font-size:11px;margin-top:6px}.sidebar nav a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;margin-bottom:4px;color:rgba(255,255,255,.78);font-size:14px}.sidebar nav a i{font-style:normal;width:22px;text-align:center}.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar nav a.on{background:rgba(255,255,255,.18);color:#fff;font-weight:700}.sidebar .profile{margin-top:auto;padding:12px 8px 4px}.sidebar .profile .ghost{margin-top:10px;width:100%;background:transparent;color:#f3e8df;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer}.sidebar .profile .ghost:hover{background:rgba(255,255,255,.1)}.tabbar{display:none}.page{margin-left:220px;padding-bottom:28px;min-height:100vh}.nav-space{display:none;height:0}.top{padding:22px 28px 16px}.top h1{font-size:22px}.top .sub{font-size:12px}.filters{padding:12px 28px;gap:8px}.card{margin:12px 28px;padding:14px 16px}.section-title{margin:18px 28px 6px;font-size:14px}.note{margin:12px 28px}.alert{margin:10px 28px}.pager{padding:12px 28px;justify-content:flex-start}.grid4{margin:12px 28px!important;gap:10px}.grid2 div,.grid3 div,.grid4 div,.stat{padding:10px 12px}.grid2 b,.grid3 b,.grid4 b{font-size:18px}.btn.sm{padding:7px 14px}.desktop-only{display:block}.mobile-only{display:none!important}.desktop-table{display:block;margin:12px 28px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(59,47,47,.06);overflow:auto}.desktop-table table{width:100%;border-collapse:collapse;min-width:980px;font-size:13px}.desktop-table th{text-align:left;padding:12px 10px;background:#faf7f3;color:#7a4e3a;font-size:12px;border-bottom:1px solid #ebe4dc;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}.desktop-table td{padding:12px 10px;border-bottom:1px solid #f0e8e0;vertical-align:top}.desktop-table tr:hover{background:#faf7f3}.desktop-table .title-cell{font-weight:700;max-width:280px}.desktop-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#6b7280}.desktop-actions{display:flex;gap:10px;align-items:center;padding:0 28px 8px}.monitor-charts{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.monitor-charts .card{min-height:220px}.weekly-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;align-items:start}.weekly-grid .section-title{grid-column:span 1}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;align-items:start}.settings-grid .span2{grid-column:1/-1}.alerts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.download-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:0;gap:0;align-items:start}.chart{height:180px}.export-bar{padding:0 28px 12px!important}.alerts-grid .alert,.download-grid .card,.download-grid .section-title,.monitor-charts .card,.settings-grid .card,.settings-grid .section-title,.weekly-grid .card,.weekly-grid .section-title{margin-left:14px;margin-right:14px}.alerts-grid,.download-grid,.monitor-charts,.settings-grid,.weekly-grid{padding:0 14px}.desktop-only.alerts-grid,.desktop-only.download-grid,.desktop-only.monitor-charts,.desktop-only.settings-grid,.desktop-only.weekly-grid{display:grid}}.login-brand,.login-desk-head{display:none}.login-shell{min-height:100vh}@media (min-width:900px){.login-shell{display:flex;min-height:100vh;width:100%}.login-brand{display:flex;flex:1 1 52%;align-items:center;justify-content:center;padding:56px 48px;background:linear-gradient(160deg,#3b2f2f,#5c3d30 55%,#7a4e3a);color:#f3e8df;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;bottom:-200px;background:radial-gradient(circle,rgba(201,162,122,.35),rgba(201,162,122,0) 70%)}.login-brand-inner{max-width:440px;position:relative;z-index:1}.logo-lg{width:72px;height:72px;border-radius:20px;font-size:34px;margin:0 0 22px;background:linear-gradient(135deg,#c9a27a,#efe2d4);color:#3b2f2f}.login-brand-title{font-size:34px;font-weight:800;color:#fff;letter-spacing:1px}.login-brand-sub{font-size:15px;color:rgba(243,232,223,.8);margin-top:8px}.login-feats{list-style:none;margin:36px 0 0;padding:0}.login-feats li{padding:12px 0 12px 22px;border-top:1px solid rgba(255,255,255,.12);position:relative}.login-feats li:before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border-radius:50%;background:#c9a27a}.login-feats b{display:block;color:#fff;font-size:15px}.login-feats span{display:block;color:rgba(243,232,223,.72);font-size:13px;margin-top:2px}.login-brand-foot{margin-top:36px;font-size:12px;color:rgba(243,232,223,.55)}.login-wrap{flex:1 1 48%;min-height:100vh;align-items:center;padding:40px}.login-box{width:100%;max-width:400px}.login-mobile-head{display:none}.login-desk-head{display:block;margin-bottom:20px}.login-desk-title{font-size:26px;font-weight:800;color:#3b2f2f;margin-bottom:4px}.login-card{padding:24px!important;border-radius:14px;box-shadow:0 10px 30px rgba(59,47,47,.1)}.login-card .input{padding:11px 12px;font-size:14px}.login-card .btn{padding:12px;font-size:15px}.login-box .tagline{text-align:left;margin-left:0}}html{background:#f4efe8}body{background:transparent;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f4efe8 url(/pearl-bg-mobile.webp) bottom/cover no-repeat}@media (min-width:900px){body:before{background:#f4efe8 url(/pearl-bg-desktop.webp) 100% 100%/cover no-repeat}}.alert,.card,.index-grid a{background:rgba(255,255,255,.86)}.alert,.card,.filters,.index-grid a{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.filters{background:rgba(255,255,255,.78);border-bottom-color:rgba(235,228,220,.7)}.grid2 div,.grid3 div,.grid4 div,.stat{background:rgba(250,247,243,.85)}.grid4 div{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tabbar{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.index-body,.login-wrap{background:transparent}.filters-count{margin-left:auto;font-size:11px;color:#8a7768;white-space:nowrap}@media (min-width:900px){.desktop-table{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.desktop-table th{background:rgba(250,247,243,.96)}.filters{margin:16px 28px 0;border-radius:12px;border-bottom:0}.filters-count{font-size:12px}}.tagline{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:5px 10px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;color:#6b5a4e}