:root{--canvas: #fff9ee;--paper: rgba(255, 255, 255, .9);--ink: #2d261b;--muted: #8f8576;--line: #eee3d1;--brand: #f6b91d;--brand-soft: #fff0bd;--green: #259a7f;--green-soft: #e2f4ed;--orange: #e9783d;--brown: #3d3328;--shadow: 0 10px 28px rgba(91, 67, 28, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-width:1180px;height:100%;min-height:720px;overflow:hidden}body{color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--canvas)}button,select{font:inherit}.screen-shell{width:100vw;height:100vh;min-height:720px;padding:18px 24px 12px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 8% 1%,rgba(246,185,29,.14),transparent 23%),radial-gradient(circle at 92% 36%,rgba(37,154,127,.08),transparent 26%),linear-gradient(135deg,#fffaf0,#fffdf8 46%,#fff8ea)}.topbar{height:66px;display:flex;align-items:center;position:relative;padding:0 6px}.brand-mark{width:52px;height:52px;flex:0 0 auto;border-radius:12px;object-fit:contain;background:#fff;box-shadow:var(--shadow)}.brand-copy{margin-left:12px;min-width:220px}.brand-name{font-weight:900;font-size:20px;letter-spacing:.04em}.brand-en{color:var(--muted);font-size:9px;margin-top:2px;letter-spacing:.15em}.headline{position:absolute;left:50%;transform:translate(-50%);text-align:center}.headline strong{display:block;font-size:clamp(24px,1.8vw,34px);font-weight:900;letter-spacing:.08em}.headline span{display:inline-block;color:#a27016;font-size:11px;letter-spacing:.16em;margin-top:5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.scope-select{height:42px;min-width:150px;display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:0 12px;background:#fffc;box-shadow:var(--shadow)}.scope-select .pin{color:var(--orange);font-size:20px;margin-right:4px}.scope-select select{flex:1;border:0;outline:0;color:var(--ink);font-weight:700;background:transparent;cursor:pointer}.clock{text-align:right;min-width:128px}.clock b{display:block;font-size:21px;letter-spacing:.08em}.clock span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.metric-grid{height:108px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric-card{min-width:0;position:relative;display:flex;align-items:center;gap:11px;padding:14px 14px 26px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-34px;top:-37px;background:var(--card-soft);opacity:.9}.metric-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;color:var(--card-color);font-size:15px;font-weight:900;border-radius:14px;background:var(--card-soft)}.metric-card p{color:var(--muted);font-size:12px;margin-bottom:2px}.metric-card strong{font-family:Arial Narrow,Arial,sans-serif;font-size:clamp(22px,1.7vw,32px);line-height:1;letter-spacing:-.03em}.metric-card em{color:var(--muted);font-size:11px;font-style:normal;margin-left:4px}.metric-card>small{position:absolute;left:16px;bottom:7px;color:var(--muted);font-size:9px}.metric-card.gold{--card-color: #c68608;--card-soft: #fff0bd}.metric-card.green{--card-color: #18836d;--card-soft: #e2f4ed}.metric-card.orange{--card-color: #d76531;--card-soft: #ffeadf}.dashboard-grid{flex:1;min-height:0;display:grid;grid-template-columns:27% minmax(430px,46%) 27%;gap:12px}.column{min-height:0;display:flex;flex-direction:column;gap:12px}.panel{min-height:0;padding:14px 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.panel-heading{height:42px;display:flex;align-items:flex-start;justify-content:space-between}.panel-heading>div{padding-left:10px;border-left:4px solid var(--brand)}.panel-heading small{display:block;color:#bd9f65;font-size:7px;line-height:1;letter-spacing:.17em}.panel-heading h3{font-size:16px;margin-top:3px}.panel-heading>span{color:#9c6a0d;font-size:10px;padding:5px 9px;border-radius:99px;background:#fff5d3}.rank-panel{flex:1.08}.rider-ranking{height:calc(100% - 64px);display:flex;flex-direction:column;justify-content:space-around}.rider-row{display:flex;align-items:center;gap:9px;min-height:37px;border-bottom:1px dashed #eee5d8}.rank-badge{width:24px;color:#aaa092;font:800 13px Georgia,serif;text-align:center}.rank-badge.top-1,.rank-badge.top-2,.rank-badge.top-3{height:24px;display:grid;place-items:center;color:#fff;border-radius:8px}.rank-badge.top-1{background:#e99c18;transform:scale(1.08)}.rank-badge.top-2{background:#a99c89}.rank-badge.top-3{background:#c9885e}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#176f5f;font-size:12px;font-weight:800;background:linear-gradient(145deg,#d9f0e9,#b7ddcf)}.rider-name{flex:1;min-width:0}.rider-name b{display:block;font-size:12px}.rider-name small{color:var(--muted);font-size:8px}.rider-row>strong{color:#b87908;font-size:14px}.rider-row>strong small{color:var(--muted);font-size:8px}.scope-tip{color:#96846a;font-size:9px;text-align:center;padding:5px;border-radius:9px;background:#fff8e7}.activity-panel{flex:.82}.activity-list{height:calc(100% - 42px);display:flex;flex-direction:column;justify-content:space-around}.activity-item{display:flex;align-items:center;gap:11px}.activity-item time{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;align-content:center;color:#a96d08;border-radius:15px;background:#fff0bd}.activity-item time b{font-size:12px}.activity-item time span{font-size:8px}.activity-item>div{min-width:0}.activity-item b{display:block;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis;margin:3px 0}.activity-item small{display:block;color:var(--muted);font-size:8px}.warm-tag{color:#18836d;font-size:7px;padding:2px 5px;border-radius:5px;background:var(--green-soft)}.district-banner{height:22%;min-height:126px;position:relative;overflow:hidden;padding:18px 24px;color:#fff;border-radius:28px;background:linear-gradient(106deg,#28251e,#48402b 45%,#8d641b);box-shadow:0 12px 28px #3d33282e}.district-banner:after{content:"";position:absolute;width:270px;height:270px;right:14%;top:-160px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 58px #ffffff06}.banner-copy{position:relative;z-index:3}.banner-tag{display:inline-block;color:#fff2c7;font-size:9px;padding:5px 10px;border:1px solid rgba(255,255,255,.35);border-radius:99px;background:#ffffff14}.banner-copy h2{font-size:clamp(20px,1.45vw,28px);line-height:1.08;margin:7px 0 5px}.banner-copy p{color:#ffffffb3;font-size:9px}.rider-illustration{position:absolute;top:0;right:0;bottom:0;left:45%;overflow:hidden}.sun{position:absolute;width:90px;height:90px;right:17%;top:-18px;border-radius:50%;background:#f6b91d52}.building{position:absolute;bottom:0;background:#14231b7a;clip-path:polygon(0 12%,15% 12%,15% 0,75% 0,75% 20%,100% 20%,100% 100%,0 100%)}.building:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(246,185,29,.28) 16px 19px)}.building.b1{width:150px;height:100px;right:0}.building.b2{width:120px;height:75px;left:8%;opacity:.6}.rider-head{position:absolute;width:27px;height:27px;left:48%;top:22%;z-index:3;border-radius:50%;background:#f2b58a;border-top:9px solid #21a58b}.rider-body{position:absolute;width:59px;height:72px;left:44%;top:37%;z-index:2;border-radius:24px 24px 10px 10px;background:#259a7f;transform:rotate(-8deg);box-shadow:inset 10px 0 #00000014}.bike-wheel{position:absolute;width:48px;height:48px;bottom:-10px;z-index:3;border:7px solid #171713;border-radius:50%}.bike-wheel.w1{left:33%}.bike-wheel.w2{left:59%}.bike-line{position:absolute;width:135px;height:54px;left:36%;bottom:3px;z-index:3;border-bottom:7px solid #20a087;transform:skew(-16deg)}.map-panel{flex:1}.map-panel-head{height:42px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.map-panel-head .panel-heading{flex:1;height:42px;min-width:0}.map-mode-tabs{z-index:5;display:flex;gap:3px;padding:3px;border-radius:9px;background:#f2eadb}.map-mode-tabs button{color:#8a7c68;font-size:8px;white-space:nowrap;padding:5px 7px;border:0;border-radius:7px;background:transparent;cursor:pointer;transition:.18s ease}.map-mode-tabs button:hover{color:var(--ink)}.map-mode-tabs button.active{color:#fff;font-weight:700;background:#2b947e;box-shadow:0 3px 8px #259a7f38}.map-canvas{height:calc(100% - 42px);min-height:140px;position:relative;overflow:hidden;border-radius:18px;background:#f6f0e3}.wenzhou-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-hint{position:absolute;z-index:3;left:10px;top:9px;color:#7f735f;font-size:7px;padding:4px 7px;border-radius:7px;background:#ffffffd1;pointer-events:none}.map-error{position:absolute;z-index:8;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:230px;padding:18px 24px;border:1px solid rgba(210,145,34,.35);border-radius:14px;background:#fffaeef2;color:#8b5d13;font-size:12px;font-weight:700;text-align:center;box-shadow:0 12px 30px #5b431c1f}.map-reset{position:absolute;z-index:5;left:10px;top:34px;color:#7b5815;font-size:8px;font-weight:700;padding:5px 8px;border:1px solid #efdcaa;border-radius:8px;background:#fff8e1f0;box-shadow:0 4px 10px #5b431c14;cursor:pointer}.map-reset:hover{color:var(--ink);background:#fff0bd}.map-legend{position:absolute;left:10px;bottom:8px;display:flex;gap:9px;color:#786d5e;font-size:8px;padding:5px 7px;border-radius:7px;background:#ffffffc7}.map-legend span{display:flex;align-items:center;gap:3px}.map-legend i{width:7px;height:7px;border-radius:50%}.merchant-dot{background:var(--orange)}.station-dot{background:var(--green)}.rider-dot{background:#278b76}.rider-hot-dot{background:#e69a22;box-shadow:0 0 0 3px #e69a222e}.activity-dot{background:var(--green)}.activity-street-dot{background:#d89a19;box-shadow:0 0 0 3px #d89a1929}.amap-data-marker{width:10px;height:10px;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:#278b76;box-shadow:0 2px 7px #278b766b;cursor:pointer;transition:transform .18s ease}.amap-data-marker:hover{transform:scale(1.5)}.amap-data-marker.active{width:13px;height:13px;background:#e69a22;box-shadow:0 0 0 5px #e69a222e,0 3px 8px #5b431c3d;animation:amap-pulse 1.8s ease-out infinite}.amap-data-marker.activity-street{background:#d89a19}.amap-data-marker.place{width:17px;height:17px;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);box-shadow:0 4px 10px #2d261b40}.amap-data-marker.place:hover{transform:rotate(-45deg) scale(1.28)}.amap-data-marker.place.station,.amap-data-marker.place.activity-place{background:#259a7f}.amap-data-marker.place.merchant{background:#e9783d}.amap-data-marker.place i{position:absolute;width:5px;height:5px;left:5px;top:5px;border-radius:50%;background:#fff}.amap-place-label{display:block;padding:3px 6px;border:1px solid rgba(227,210,177,.72);border-radius:6px;background:#fffcf4eb;color:#594d3b;font-size:8px;font-weight:700;white-space:nowrap;box-shadow:0 2px 7px #5b431c14}.amap-info{min-width:145px;display:flex;flex-direction:column;gap:5px;color:#4c4234;font-size:11px;line-height:1.45}.amap-info b{color:#2d261b;font-size:13px}.amap-info span{color:#7d715f}.amap-logo,.amap-copyright{opacity:.58}@keyframes amap-pulse{0%{box-shadow:0 0 #e69a2259,0 3px 8px #5b431c3d}70%{box-shadow:0 0 0 9px #e69a2200,0 3px 8px #5b431c3d}to{box-shadow:0 0 #e69a2200,0 3px 8px #5b431c3d}}.map-summary{position:absolute;right:10px;top:10px;display:flex;gap:6px}.map-summary span{color:#7f735f;font-size:8px;padding:6px 8px;border-radius:9px;background:#ffffffdb;box-shadow:0 4px 10px #5b431c12}.map-summary strong{color:var(--ink);font-size:14px;margin:0 2px 0 5px}.detail-guide{position:absolute;z-index:4;left:50%;top:50%;color:#6f6557;font-size:10px;font-weight:700;line-height:1.5;text-align:center;padding:10px 14px;border:1px dashed #d8c8ad;border-radius:12px;background:#fffdf8e0;transform:translate(-50%,-50%);pointer-events:none}.detail-guide small{color:#9a8d7b;font-size:7px;font-weight:400}.place-detail{position:absolute;z-index:10;width:55%;max-width:350px;top:7px;right:7px;bottom:7px;padding:12px;overflow:auto;border:1px solid rgba(238,227,209,.9);border-radius:16px;background:#fffdf8f7;box-shadow:-10px 8px 28px #3d33282e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-close{position:absolute;right:9px;top:8px;width:24px;height:24px;display:grid;place-items:center;color:#8d8170;font-size:17px;line-height:1;border:0;border-radius:8px;background:#f4ede2;cursor:pointer}.detail-close:hover{color:var(--ink);background:#eee2d2}.place-title{display:flex;align-items:center;gap:9px;padding-right:24px}.place-title>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;border-radius:11px}.place-title>span.station{background:var(--green)}.place-title>span.merchant{background:var(--orange)}.place-title small{display:block;color:var(--muted);font-size:7px}.place-title h4{font-size:13px;margin-top:2px}.located-address{margin-top:9px;padding:8px 9px;border:1px solid #f0d88f;border-radius:11px;background:linear-gradient(135deg,#fff7d9,#fffdf5)}.located-address small{display:flex;align-items:center;gap:5px;color:#9b6b0f;font-size:7px}.located-address small i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #e9783d1f}.located-address strong{display:block;color:var(--ink);font-size:10px;line-height:1.45;margin-top:5px}.located-address>span{display:block;color:#a29889;font-size:6px;margin-top:3px}.place-meta{display:grid;gap:4px;margin-top:9px;padding:7px 8px;border-radius:10px;background:#f8f2e8}.place-meta p{display:flex;align-items:center;gap:6px;color:#6f6557;font-size:8px}.place-meta i{width:16px;height:16px;display:grid;place-items:center;color:#a8781d;font-size:7px;font-style:normal;border-radius:5px;background:#ffedb5}.service-tags{margin-top:8px}.service-tags b{display:block;font-size:9px;margin-bottom:5px}.service-tags span{display:inline-block;color:#287c68;font-size:7px;padding:3px 5px;margin:0 4px 4px 0;border-radius:6px;background:var(--green-soft)}.place-activities{margin-top:4px;padding-top:7px;border-top:1px dashed #e8ddcc}.detail-subtitle{display:flex;align-items:center;justify-content:space-between}.detail-subtitle b{font-size:9px}.detail-subtitle small{color:#a87516;font-size:7px}.place-activity-list{display:grid;gap:5px;margin-top:6px}.place-activity{min-width:0;display:flex;align-items:center;gap:6px;padding:5px;border-radius:9px;background:#fff}.place-activity time{width:30px;height:28px;flex:0 0 auto;display:grid;place-items:center;color:#a46b08;font-size:8px;font-weight:800;border-radius:8px;background:var(--brand-soft)}.place-activity>span{flex:1;min-width:0}.place-activity>span b{display:block;overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.place-activity>span small{display:block;color:var(--muted);font-size:6px;margin-top:2px}.place-activity em{flex:0 0 auto;font-size:6px;font-style:normal;padding:3px 4px;border-radius:5px}.place-activity em.signup{color:#a66a00;background:var(--brand-soft)}.place-activity em.ongoing{color:#18755f;background:var(--green-soft)}.place-activity em.ended{color:#8e8579;background:#eeeae4}.empty-activity{color:var(--muted);font-size:8px;text-align:center;padding:10px 0 3px}.place-card-enter-active,.place-card-leave-active{transition:opacity .2s ease,transform .2s ease}.place-card-enter-from,.place-card-leave-to{opacity:0;transform:translate(16px)}.deeds-panel{height:22%;min-height:120px}.deed-strip{height:calc(100% - 42px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.deed-card{min-width:0;display:flex;align-items:center;gap:8px;padding:6px;border-radius:14px;background:#fffaf0}.deed-visual{width:46px;align-self:stretch;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em;border-radius:10px;background:linear-gradient(145deg,#426c55,#d0a348)}.deed-2 .deed-visual{background:linear-gradient(145deg,#46675e,#e07a42)}.deed-3 .deed-visual{background:linear-gradient(145deg,#987433,#3b775f)}.deed-card>div:last-child{min-width:0}.deed-card b{display:block;overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.deed-card small{display:block;color:var(--muted);font-size:7px;margin-top:5px}.report-panel{flex:1}.report-list{height:calc(100% - 42px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%)}.report-track{display:flex;flex-direction:column;animation:report-scroll var(--report-duration) linear infinite;will-change:transform}.report-list:hover .report-track{animation-play-state:paused}.report-group{flex:0 0 auto;display:flex;flex-direction:column}.report-item{display:flex;align-items:center;gap:9px;min-height:54px;padding:6px 0;border-bottom:1px dashed #eee5d8}.report-dot{width:9px;height:9px;flex:0 0 auto;border:3px solid #d9efe9;border-radius:50%;background:var(--green)}.report-item>div{flex:1;min-width:0}.report-item b{font-size:10px}.report-item p{display:inline;font-size:9px;margin-left:4px}.report-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.report-item em{font-size:8px;font-style:normal;padding:4px 7px;border-radius:8px}.report-item em.done{color:#18836d;background:var(--green-soft)}.report-item em.doing{color:#b36a20;background:#ffeadf}.report-item em.accepted{color:#9a730f;background:#fff0bd}.report-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:11px}@keyframes report-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.warm-notice{height:72px;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff;border-radius:22px;background:linear-gradient(110deg,#40362a,#72521f);box-shadow:0 10px 24px #3d33282e}.notice-icon{width:38px;height:38px;display:grid;place-items:center;color:#4d3a12;font-weight:900;border-radius:13px;background:var(--brand)}.warm-notice>div:nth-child(2){flex:1}.warm-notice b{display:block;font-size:11px}.warm-notice span{display:block;color:#fff9;font-size:8px;margin-top:4px}.warm-notice>strong{color:#ffd66d;font-size:25px}.warm-notice>strong small{font-size:10px}footer{height:22px;display:flex;align-items:center;justify-content:space-between;color:#9b907f;font-size:8px;padding:0 10px}footer span{display:flex;align-items:center}.live-dot{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #259a7f1f}.live-dot.offline{background:#e5a222;box-shadow:0 0 0 4px #e5a2221f}@media (max-height: 820px){.screen-shell{padding-top:10px;gap:8px}.topbar{height:56px}.brand-mark{width:42px;height:42px}.metric-grid{height:90px;gap:8px}.metric-card{padding-top:9px;padding-bottom:20px}.metric-icon{width:36px;height:36px}.dashboard-grid,.column{gap:8px}.panel{padding:10px 12px;border-radius:20px}.panel-heading{height:35px}.district-banner{min-height:112px;padding:13px 20px}.deeds-panel{min-height:100px}.warm-notice{height:60px}.activity-item time{width:40px;height:40px}}@media (max-width: 1380px){.screen-shell{padding-left:14px;padding-right:14px}.dashboard-grid{grid-template-columns:27% 46% 27%;gap:8px}.column,.metric-grid{gap:8px}.metric-card{padding-left:9px;padding-right:9px}.metric-icon{width:35px;height:35px}.brand-copy{min-width:180px}.headline strong{font-size:24px}.scope-select{min-width:125px}.clock{min-width:110px}}