:root{color-scheme:dark;--bg:#131313;--panel:#1c1c1c;--line:#353535;--text:#f5f5f5;--muted:#b5b5b5;--accent:#fc4c02;--accent-soft:#ff8a4c;--blue:#66b7ff}
/* 分享图片在浏览器本地生成，预览与下载使用同一张 PNG。 */
.report-section{padding-top:32px}.report-panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.report-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.report-controls .history-field{min-width:160px}.report-controls [hidden],#report-result[hidden]{display:none}
.report-controls button,.report-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.report-controls button:disabled{opacity:.6;cursor:wait}.report-download:hover{background:#d83e00;color:#fff}.report-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.report-intro{margin:0 0 16px;font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere}#report-status{margin:16px 0 0}#report-result{margin-top:20px}.report-download{margin-bottom:12px}.report-image{display:block;width:100%;max-width:540px;height:auto;border:1px solid var(--line);border-radius:10px}
@media(max-width:600px){.report-panel{padding:16px}.report-controls{gap:12px}.report-controls .history-field{min-width:0;width:100%}.report-controls button,.report-download{width:100%}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}a:hover{color:var(--accent-soft)}.skip{position:fixed;left:20px;top:-100px;z-index:5;padding:10px 16px;background:var(--accent);color:var(--bg)}.skip:focus{top:12px}summary{font:inherit}.wrap{max-width:1200px;padding:0 32px;margin:auto}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:.04em}.mark{display:flex;align-items:flex-end;gap:4px;width:28px;height:25px}.mark i{display:block;width:4px;background:var(--accent);border-radius:2px}.mark i:nth-child(1){height:10px}.mark i:nth-child(2){height:18px}.mark i:nth-child(3){height:25px}.mark i:nth-child(4){height:15px}nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8125rem;color:var(--muted)}
.eyebrow{font-size:.75rem;color:var(--accent);letter-spacing:.12em;margin:0 0 8px}.eyebrow span{color:var(--muted);letter-spacing:0;border-left:1px solid var(--line);margin-left:12px;padding-left:14px}h1{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.15;font-weight:650;letter-spacing:-.03em;margin:0 0 4px}.period{font-size:.8125rem;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.swatch{width:9px;height:9px;background:var(--accent);border-radius:2px}.swatch.blue{background:var(--blue)}

.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}.section-head h2{font-size:1.125rem;font-weight:600;margin:0;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted);font-size:.8125rem}.section-number{color:var(--muted);font-size:.75rem;margin-right:8px;font-weight:400}
.chart-section{padding:32px 0 0}.chart-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:30px}.chart-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.chart-top p{margin:0;color:var(--muted);font-size:.875rem}.chart-legend{display:flex;gap:18px;font-size:.875rem}.chart-area{display:grid;grid-template-columns:28px 1fr;gap:12px}.y-axis{height:200px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.plot{height:200px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:7px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#353535 25%);border-bottom:1px solid var(--line)}.bar-slot{height:100%;display:flex;align-items:flex-end;min-width:0}.bar{height:var(--height);width:100%;border-radius:3px 3px 0 0;background:var(--accent)}.bar.hike{background:var(--blue)}.bar.zero{height:2px;background:#4f4f4f}.bar:hover{filter:brightness(1.14)}.x-axis{display:flex;justify-content:space-between;margin:12px 0 0 40px;gap:8px;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.daily-details{margin-top:16px;font-size:.875rem}.daily-details summary{cursor:pointer;width:fit-content;color:var(--accent-soft);padding:5px 0}.daily-details table{max-width:580px;margin-top:16px}
.records-section{padding:9px 0 0}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:10px;background:#232323;padding:20px;min-width:0}.record-card:hover{border-color:#454545}.record-body{min-width:0}.record-top{display:flex;align-items:center;gap:6px;margin:0 0 8px}.record-top .record-sport{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8125rem}.record-top .record-icon{width:16px;height:16px}.record-distance{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:0;color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.12;font-variant-numeric:tabular-nums}.record-metric-label{color:var(--muted);font-size:.6875rem;font-weight:500;letter-spacing:0}.record-metric-value{min-width:0}.record-distance small{margin-left:4px;font-size:.75rem;font-weight:600;letter-spacing:0}.record-icon{width:22px;height:22px;flex-shrink:0;color:#32d05b}.record-card.hike .record-icon{color:#f2d839}.record-metric-missing{font-size:.9375rem;font-weight:500;letter-spacing:0}.record-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:8px;color:#c4c4c4;font-size:.875rem;line-height:1.4;font-variant-numeric:tabular-nums}.record-meta>span{white-space:nowrap}.record-meta-label{margin-right:5px;color:var(--muted);font-size:.6875rem}.record-meta small{margin-left:3px;font-size:.6875rem}.record-details{display:flex;flex-wrap:wrap;gap:2px 9px;margin:10px 0 0;color:var(--muted);font-size:.8125rem;line-height:1.45}.record-details>span,.record-details time{white-space:nowrap}.record-sport{color:var(--muted)}.record-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;align-self:stretch;flex-shrink:0;min-width:56px;padding-left:12px;border-left:1px solid #3a3a3a;font-variant-numeric:tabular-nums}.record-load-value{color:#e0e0e0;font-size:1.125rem;font-weight:600;line-height:1.15}.record-load-value.missing{color:var(--muted);font-size:.75rem;font-weight:400}.record-load-label{color:var(--muted);font-size:.6875rem;white-space:nowrap}.records-empty{margin:0;color:var(--muted);font-size:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.daily-details table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.daily-details th,.daily-details td{padding:8px 0;border-bottom:1px solid var(--line)}
footer{border-top:1px solid var(--line);margin-top:32px;padding:20px 0 28px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;color:var(--muted);font-size:.75rem}footer p{margin:0 0 4px}.footer-right{text-align:right}
@media(max-width:900px){.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:0 24px}.plot{gap:5px}.chart-card{padding:16px}}
@media(max-width:600px){.wrap{padding:0 20px}header{padding:14px 0;gap:10px;flex-wrap:wrap}.brand{font-size:.875rem;gap:9px}nav{gap:4px 16px;font-size:.8125rem}nav a{display:inline-flex;align-items:center;min-height:44px}h1{font-size:1.75rem}.eyebrow{margin-bottom:8px}.period{font-size:.8125rem}.section-head{margin-bottom:12px;flex-wrap:wrap;gap:5px}.section-head h2{font-size:1.0625rem}.chart-section{padding:28px 0 0}.chart-card{padding:14px 12px;border-radius:12px}.chart-top{align-items:flex-start;margin-bottom:22px;gap:12px;flex-wrap:wrap}.chart-legend{gap:12px}.chart-area{grid-template-columns:22px 1fr;gap:8px}.plot{gap:3px}.x-axis{margin-left:30px;gap:4px}.x-axis span:nth-child(4){display:none}.bar{border-radius:2px 2px 0 0}.records-grid{grid-template-columns:1fr;gap:12px}.record-card{padding:16px;gap:12px}.record-distance{font-size:1.375rem}.record-icon{width:20px;height:20px}.record-meta{font-size:.8125rem;gap:2px 10px}.record-details{gap:2px 9px;font-size:.75rem}.record-load{min-width:52px;padding-left:10px}.record-load-value{font-size:1.0625rem}.records-section{padding:9px 0 0}footer{flex-direction:column;gap:12px;padding:16px 0 18px}.footer-right{text-align:left}}
@media(max-width:360px){.record-distance{font-size:1.25rem}.record-icon{width:17px;height:17px}.record-load{min-width:48px;padding-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#111}nav,.skip{display:none}.metric-value.primary,.record-distance,.record-sport,.record-load-value{color:#111}.chart-card,.record-card{background:#fff}.bar{background:#c2410c}.bar.hike{background:#888}}
.record-meta{gap:10px;margin-top:12px;color:var(--text);font-weight:600}.record-meta>span{display:inline-flex;align-items:baseline}.record-meta-label{display:inline-flex;align-items:center;align-self:center;flex-shrink:0;margin:0 5px 0 0;font-weight:400;line-height:1}.record-meta .metric-icon{width:16px;height:16px}.record-meta .record-metric-missing{font-size:inherit;font-weight:400}
.metric-icon{display:block;width:18px;height:18px;flex-shrink:0;color:var(--muted)}.record-metric-label{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.record-distance{flex-direction:row;align-items:center;gap:8px}
.record-card{position:relative}.record-link{display:flex;align-items:center;gap:8px}.record-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.record-link:focus-visible{outline:none}.record-card:has(.record-link:hover),.record-card:has(.record-link:focus-visible){border-color:var(--accent)}.record-link:focus-visible::after{outline:2px solid var(--accent);outline-offset:3px}.record-open{color:var(--accent-soft)}
/* 全年活动热力图 */
.activity-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px}.year-filter{display:flex;align-items:center;gap:8px}.year-filter label{font-size:.75rem;color:var(--muted)}.year-filter select{font:inherit;font-size:.8125rem;min-height:36px;padding:7px 28px 7px 10px;border:1px solid #4f4f4f;border-radius:8px;background:#1c1c1c;color:var(--text)}.year-filter select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.chart-section>.section-head{align-items:flex-start}.activity-controls{width:100%;justify-content:space-between;gap:6px}.year-filter select{min-height:44px}}
#day-records{margin-top:12px}#day-records[hidden]{display:none}.day-records-heading{display:flex;justify-content:space-between;gap:12px;padding:0 0 8px;font-size:.75rem;color:var(--muted)}.day-records-heading>span:first-child{color:var(--text);font-weight:500}.activity-table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5a5a5a transparent;border:1px solid var(--line);border-radius:8px}.activity-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.activity-table{width:100%;min-width:660px;border-collapse:collapse;text-align:left;font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap}.activity-table th{padding:11px 16px;background:#202020;color:var(--muted);font-size:.75rem;font-weight:500}.activity-table td{padding:12px 16px;color:#ddd}.activity-row{position:relative;background:#282828}.activity-row:nth-child(even){background:#232323}.activity-row:has(.activity-link):hover,.activity-row:has(.activity-link:focus-visible){background:#34302c}.activity-table time{display:flex;flex-direction:column;line-height:1.4}.activity-table small{font-size:.6875rem;color:var(--muted);margin-left:3px}.activity-table time small{margin:2px 0 0}.activity-name{display:flex;align-items:center;gap:10px}.activity-name .record-icon{width:19px;height:19px}.activity-row.hike .record-icon{color:#f2d839}.activity-link::after{content:"";position:absolute;inset:0}.activity-link:focus-visible{outline:none}.activity-link:focus-visible::after{outline:2px solid var(--accent);outline-offset:-2px}.activity-open{color:var(--muted);font-size:.75rem}.activity-link:hover,.activity-link:hover .activity-open{color:var(--accent-soft)}


/* 窄屏按活动纵向展示，沿用同一份数据与详情链接。 */
@media screen and (max-width:600px){
  .activity-table-scroll{overflow:visible;border:0;border-radius:0}
  .activity-table{display:block;min-width:0;white-space:normal}
  .activity-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .activity-table tbody{display:grid;gap:12px}
  .activity-row,.activity-row:nth-child(even){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#232323}
  .activity-table td{min-width:0;padding:0;font-size:1rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .activity-table td:first-child{grid-column:2;grid-row:1;align-self:center;text-align:right}
  .activity-table td:nth-child(2){grid-column:1;grid-row:1;align-self:center}
  .activity-table time{flex-direction:row;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;gap:2px 4px;font-size:.75rem}
  .activity-table time small{margin:0}
  .activity-name{gap:6px;font-size:.8125rem}
  .activity-name>span{min-width:0}
  .activity-name .record-icon{width:18px;height:18px}
  .activity-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:.75rem}
}

.metric-switch{display:flex;gap:4px;flex-wrap:wrap}.metric-switch button{border:0;background:transparent;color:var(--muted);padding:6px 12px;font:inherit;font-size:.8125rem;cursor:pointer;border-radius:8px;min-height:32px}.metric-switch button[aria-pressed=true]{background:#3d1e0d;color:#ffd9c2;font-weight:600}.metric-switch button:hover{background:#2a2a2a}.metric-switch button:focus-visible,.day-cell:focus-visible,.heatmap-scroll:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.heatmap-card{background:#1c1c1c;border:1px solid var(--line);border-radius:14px;padding:24px}.heatmap-scroll{container-type:inline-size;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5a5a5a transparent;padding:2px 2px 6px}.heatmap{--min-cell:14px;--cell:max(var(--min-cell),calc((100cqi - 2 * var(--weekday-width) - (var(--columns) + 1) * var(--cell-gap)) / var(--columns)));--cell-gap:3px;--weekday-width:34px;display:grid;grid-template-columns:var(--weekday-width) auto var(--weekday-width);grid-template-rows:auto auto;gap:4px var(--cell-gap);justify-content:start}.month-labels{grid-area:1/2;display:grid;grid-template-columns:repeat(var(--columns),var(--cell));column-gap:var(--cell-gap);font-size:.75rem;color:var(--muted)}.month-labels span{white-space:nowrap}.weekday-labels{grid-area:2/1;display:grid;grid-template-rows:repeat(7,var(--cell));row-gap:var(--cell-gap);font-size:.6875rem;line-height:1;color:var(--muted)}.weekday-labels-right{grid-area:2/3;text-align:right}.day-grid{grid-area:2/2;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--cell));grid-template-columns:repeat(var(--columns),var(--cell));gap:var(--cell-gap)}.day-cell{width:var(--cell);height:var(--cell);padding:0;border:0;border-radius:3px;background:#303030;cursor:pointer}.day-cell.padding{visibility:hidden}.calendar-day[data-level='1'],.day-cell[data-level='1'],.level-1{background:#4d2410}.calendar-day[data-level='2'],.day-cell[data-level='2'],.level-2{background:#8f3a0e}.calendar-day[data-level='3'],.day-cell[data-level='3'],.level-3{background:#cf4a08}.calendar-day[data-level='4'],.day-cell[data-level='4'],.level-4{background:#fc4c02}.day-cell[aria-current=true]{outline:2px solid #ffffff;outline-offset:1px}.day-cell:hover{outline:1px solid #ffffff;outline-offset:1px}
.heatmap-bottom{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;align-items:center}.heatmap-scale{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.75rem;flex-shrink:0}.heatmap-scale i{width:10px;height:10px;border-radius:3px}.level-0{background:#303030}.day-inspector{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.day-inspector label{font-size:.75rem;color:var(--muted)}.day-inspector input{font:inherit;font-size:.8125rem;padding:7px 9px;min-height:40px;border:1px solid #4f4f4f;border-radius:6px;background:#131313;color:var(--text);max-width:100%}.day-inspector p{margin:0;font-size:.75rem;color:var(--text);font-variant-numeric:tabular-nums}
@media(max-width:900px){.heatmap{--min-cell:14px}.heatmap-card{padding:20px}}
@media(max-width:600px){.heatmap{--min-cell:12px}.metric-switch{gap:2px}.metric-switch button{padding:5px 10px;font-size:.8125rem;min-height:44px}.section-head{align-items:center;gap:12px}.heatmap-card{padding:16px;border-radius:12px}.heatmap-bottom{flex-wrap:wrap;gap:10px}.day-inspector{gap:10px}.day-inspector p{width:100%}}
@media print{.heatmap{--min-cell:12px}.metric-switch,.day-inspector input{display:none}.heatmap-card{background:white}}
/* 未同步、指标缺失、详情不可读取三类纹理互不混同；日期既有活动又存在受限记录时保留活动颜色并加虚线边框。 */
.calendar-day[data-state=pending],.day-cell[data-state=pending]{background:repeating-linear-gradient(135deg,#303030 0,#303030 3px,#7d7d7d 3px,#7d7d7d 5px)}
.calendar-day[data-state=missing],.day-cell[data-state=missing]{background:repeating-linear-gradient(45deg,#7a3a10 0,#7a3a10 4px,#c45a17 4px,#c45a17 6px)}
.calendar-day[data-state=unavailable],.day-cell[data-state=unavailable]{background:repeating-linear-gradient(90deg,#24405c 0,#24405c 3px,#3d6c99 3px,#3d6c99 4px),repeating-linear-gradient(0deg,#24405c 0,#24405c 3px,#3d6c99 3px,#3d6c99 4px)}
.calendar-day[data-state=partial],.day-cell[data-state=partial]{background-image:repeating-linear-gradient(135deg,transparent 0,transparent 4px,#ffffff55 4px,#ffffff55 6px)}
.calendar-day[data-unavailable=true],.day-cell[data-unavailable=true]{border:1px dashed #6fa8dc}
/* 三类状态图例。 */
.heatmap-states{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:10px 0 0;padding:0;font-size:.75rem;color:var(--muted)}
.heatmap-states li{display:inline-flex;align-items:center;gap:6px}
.state-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}
.state-swatch[data-state=none]{background:#303030}
.state-swatch[data-state=pending]{background:repeating-linear-gradient(135deg,#303030 0,#303030 3px,#7d7d7d 3px,#7d7d7d 5px)}
.state-swatch[data-state=missing]{background:repeating-linear-gradient(45deg,#7a3a10 0,#7a3a10 4px,#c45a17 4px,#c45a17 6px)}
.state-swatch[data-state=unavailable]{background:repeating-linear-gradient(90deg,#24405c 0,#24405c 3px,#3d6c99 3px,#3d6c99 4px),repeating-linear-gradient(0deg,#24405c 0,#24405c 3px,#3d6c99 3px,#3d6c99 4px)}
/* 自行车装备与配件更换进度 */
.gear-section{padding:32px 0 4px}.gear-library{display:grid;gap:12px}.gear-bike,.gear-empty{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px;margin:0}.gear-bike-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.gear-bike-heading::-webkit-details-marker{display:none}.gear-bike-heading>div{min-width:0;margin-right:auto}.gear-bike[open]>.gear-bike-heading{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.gear-toggle{width:20px;height:20px;flex-shrink:0;color:var(--muted)}.gear-bike[open]>.gear-bike-heading .gear-toggle{transform:rotate(180deg)}.gear-bike-heading:hover .gear-toggle{color:var(--accent-soft)}.gear-type{font-size:.6875rem;color:var(--muted)}.gear-bike h3{margin:2px 0 0;font-size:1.125rem;font-weight:600;overflow-wrap:anywhere}.gear-bike-heading>p{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;flex-shrink:0;font-variant-numeric:tabular-nums}.gear-bike-heading>p>span{font-size:.6875rem;color:var(--muted)}.gear-bike-heading strong{font-size:1.125rem;font-weight:600;color:var(--accent-soft)}.gear-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gear-part{min-width:0;border:1px solid var(--line);border-radius:10px;background:#232323;padding:12px;--progress:#32d05b}.gear-part-heading h4{font-size:.875rem;font-weight:600;margin:3px 0 10px;overflow-wrap:anywhere}.gear-part p{margin:6px 0 0}.gear-replaced,.gear-progress-caption,.gear-note,.gear-empty{font-size:.75rem;color:var(--muted)}.gear-replaced time{color:var(--text);font-variant-numeric:tabular-nums}.gear-used{font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}.gear-used strong{font-size:1.125rem;font-weight:600}.gear-used>span{font-size:.75rem;color:var(--muted)}.gear-progress{height:6px;border-radius:8px;background:#414141;overflow:hidden;margin-top:12px}.gear-progress>span{display:block;height:100%;border-radius:inherit;background:var(--progress)}.gear-progress-caption{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-variant-numeric:tabular-nums}.gear-part .gear-state{font-size:.75rem;color:var(--progress);margin-top:8px}.gear-part[data-state=soon]{--progress:#f2c94c}.gear-part[data-state=due]{--progress:#ff7a6b}.gear-part[data-state=unknown]{--progress:var(--muted)}.gear-part .gear-note{padding-top:8px}.gear-part-tracked>.gear-note:last-child{border-top:1px solid var(--line);margin-top:10px}
.gear-alerts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gear-alerts:empty{display:none}.gear-alert{display:inline-block;padding:2px 8px;border:1px solid #65552b;border-radius:5px;background:#332b17;color:#f2c94c;font-size:.75rem;line-height:1.6}.gear-alert[data-state=due]{border-color:#74423b;background:#382321;color:#ff9b8f}.gear-alert[data-state=unknown]{border-color:var(--line);background:#282828;color:var(--muted)}.gear-shared{font-size:.75rem;color:var(--blue);overflow-wrap:anywhere}
@media(max-width:900px){.gear-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gear-section{padding-top:28px}.gear-bike,.gear-empty{padding:16px;border-radius:12px}.gear-parts{grid-template-columns:1fr}.gear-bike-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.gear-bike-heading>div{grid-column:1;grid-row:1;margin-right:0}.gear-bike-heading>.gear-toggle{grid-column:2;grid-row:1}.gear-bike-heading>p{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:baseline;max-width:none;width:100%;padding-top:10px;border-top:1px solid var(--line);text-align:right}.gear-bike-heading strong{font-size:1rem;overflow-wrap:anywhere}.gear-section .section-head{gap:4px}.gear-section .section-head p{width:100%}}
@media print{.gear-bike,.gear-part,.gear-empty{background:white;color:#111}.gear-progress{print-color-adjust:exact}.gear-bike-heading strong,.gear-replaced time{color:#111}.gear-part{break-inside:avoid}}

/* 年度概览与热力图共用统计范围 */
.recent-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.summary-context{display:flex;flex-direction:column;gap:4px}
.summary-label{font-size:.875rem;font-weight:600}
.summary-period{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.summary-stats{display:flex;gap:28px;margin:0;font-variant-numeric:tabular-nums}
.summary-stats dt{font-size:.75rem;color:var(--muted);margin-bottom:4px}
.summary-stats dd{margin:0;font-size:1.375rem;font-weight:600;line-height:1.3;white-space:nowrap}
.summary-stats small{margin-left:5px;font-size:.75rem;font-weight:400;color:var(--muted)}
.summary-note{width:100%;margin:0;color:var(--muted);font-size:.75rem}
@media(max-width:600px){.recent-summary{padding:12px 14px;gap:12px}.summary-context{width:100%;flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 10px}.summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;width:100%}.summary-stats dd{font-size:1.125rem}.summary-stats small{margin-left:3px;font-size:.6875rem}}
@media print{.recent-summary{background:white}.summary-stats dd{color:#111}}
.annual-overview{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.overview-range{margin:0 0 2px;font-size:.8125rem;font-weight:600}
.year-aside{display:flex;align-items:baseline;gap:6px;flex-shrink:0;font-variant-numeric:tabular-nums}
.year-number{font-size:1rem;font-weight:600;color:var(--text)}
.year-label{font-size:.75rem;color:var(--muted)}
.metrics{display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:20px}
.metric{min-width:0;padding-left:20px;border-left:1px solid var(--line)}
.metric:first-child{padding-left:0;border-left:0}
.metric-label{font-size:.75rem;color:var(--muted);margin-bottom:6px}
.metric-value{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.2;font-variant-numeric:tabular-nums}
.metric-value.primary{color:var(--accent)}
.metric-value small{font-size:.75rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:6px}
.metric-note{font-size:.75rem;color:var(--muted);margin-top:8px;line-height:1.6}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.legend-item{display:inline-flex;align-items:baseline;gap:4px;padding:3px 9px;background:#282828;border-radius:5px;color:var(--muted);font-size:.6875rem}
.legend-item strong{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:600px){
  .annual-overview{padding:0 0 20px;margin-bottom:20px}
  .overview-heading{align-items:flex-start;gap:8px;margin-bottom:16px}
  .year-aside{flex-direction:column;align-items:flex-end;gap:0}
  .year-number{font-size:1.25rem;line-height:1.2}
  .year-label{font-size:.6875rem}
  .metrics{grid-template-columns:1fr 1fr;gap:16px 12px}
  .metric{padding-left:12px}
  .metric:first-child{grid-column:1/-1;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .metric:nth-child(2){padding-left:0;border-left:0}
  .metric-value{font-size:1.5rem}
  .metric-value.primary{font-size:2rem}
  .metric-note{font-size:.75rem}
  .legend{gap:6px;margin-top:14px}
}
@media print{.legend-item{background:#eee}.legend-item strong,.year-number{color:#111}}

/* 历史记录使用独立筛选，沿用活动表格及手机卡片。 */
.record-top .record-icon{width:18px;height:18px}
.history-panel{margin-top:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600}
.history-heading::-webkit-details-marker{display:none}
.history-heading>span:last-child{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:400;color:var(--muted)}
.history-toggle{display:block;width:20px;height:20px;flex-shrink:0}
.history-panel[open] .history-toggle{transform:rotate(180deg)}
.history-heading:hover{color:var(--accent-soft)}
.history-content{padding:0 20px 20px}
.history-intro{margin:0 0 16px;font-size:.75rem;color:var(--muted)}
.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.history-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.history-field label{font-size:.75rem;color:var(--muted)}
.history-field input,.history-field select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid #4f4f4f;border-radius:7px;background:var(--bg);color:var(--text);font:inherit;font-size:.8125rem}
/* iOS 原生日期外观会撑大边框，显式按容器宽度绘制。 */
.history-field input[type="date"]{appearance:none;box-sizing:border-box;display:block;height:44px}
.history-field input::placeholder{color:var(--muted)}
.history-panel button{min-height:44px;padding:8px 16px;border:1px solid #4f4f4f;border-radius:7px;background:#282828;color:var(--text);font:inherit;font-size:.8125rem;cursor:pointer}
.history-panel button:hover:not(:disabled){border-color:var(--accent-soft);color:var(--accent-soft)}
.history-panel button:disabled{opacity:.4;cursor:default}
.history-panel button:focus-visible,.history-field select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.history-panel .history-apply{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}
.history-panel button.history-apply:hover:not(:disabled){background:var(--accent-soft);color:var(--bg)}
.history-actions{display:flex;gap:10px;grid-column:1/-1}
.history-count{font-size:.8125rem;margin:16px 0;color:var(--text);font-variant-numeric:tabular-nums}
.history-error{font-size:.8125rem;color:#ff9b8f;margin:12px 0 0}
.history-empty{padding:28px 12px;border:1px dashed var(--line);border-radius:8px;text-align:center;color:var(--muted);font-size:.875rem}
.history-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:.75rem;font-variant-numeric:tabular-nums}
.history-pagination+#history-note{margin:16px 0 0}
/* 自然周／月趋势与周期活动 */
.trend-section{padding-top:32px;min-width:0}
.trend-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.trend-panel>.trend-controls{grid-column:2;grid-row:1}
#trend-content{display:contents}
.trend-scroll,.trend-selection,.trend-panel .history-empty{grid-column:1/-1;min-width:0}
.trend-controls,.trend-period{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trend-controls{justify-content:flex-end}
.trend-controls select{font:inherit;font-size:.8125rem;min-height:40px;padding:7px 28px 7px 10px;border:1px solid #4f4f4f;border-radius:8px;background:var(--bg);color:var(--text)}
.year-filter select,.trend-controls select,.history-field select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23f5f5f5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m.75 3.5 5.25 5.25 5.25-5.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px}
.trend-guide,.trend-previous,.trend-note{font-size:.75rem;color:var(--muted);margin:10px 0;line-height:1.6}
.trend-guide{grid-column:1;grid-row:1;align-self:center;margin:0}.trend-scroll{overflow-x:auto;padding:4px 3px 10px;scrollbar-width:thin;scrollbar-color:#5a5a5a transparent}
.trend-bars{display:grid;grid-template-columns:repeat(var(--periods),minmax(64px,1fr));gap:8px;min-width:100%;width:max-content}
.trend-bar{display:flex;flex-direction:column;gap:8px;padding:8px 6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.6875rem;min-width:64px;font-variant-numeric:tabular-nums}
.trend-bar:hover{background:#282828}.trend-bar[aria-pressed=true]{border-color:var(--accent);background:#302016;color:var(--text)}
.trend-bar-value,.trend-bar-label{align-self:center;white-space:nowrap}.trend-bar-track{display:flex;align-items:flex-end;width:100%;height:128px;border-bottom:1px solid #555;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#353535 25%)}
.trend-bar-track>span{display:block;width:100%;border-radius:3px 3px 0 0;background:#af4215;min-height:2px}.trend-bar[aria-pressed=true] .trend-bar-track>span{background:var(--accent)}
.trend-bar.incomplete .trend-bar-track>span{background-image:repeating-linear-gradient(135deg,transparent 0,transparent 4px,#ffffff66 4px,#ffffff66 6px)}
.trend-selection{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.trend-period h3{margin:0;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}.trend-period>span{font-size:.75rem;color:var(--accent-soft)}
.trend-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.trend-stats dt{font-size:.75rem;color:var(--muted)}.trend-stats dd{margin:4px 0;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.trend-stats p{margin:2px 0;font-size:.75rem;color:var(--muted);font-weight:400}.trend-stats p.trend-change{color:var(--accent-soft)}
.trend-panel button:focus-visible,.trend-scroll:focus-visible,.trend-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.trend-panel{grid-template-columns:minmax(0,1fr);padding:16px;border-radius:12px}.trend-panel>.trend-controls{grid-column:1;justify-content:space-between}.trend-guide{grid-row:2}.trend-section{padding-top:28px}.trend-section>.section-head{flex-direction:column;align-items:flex-start}.trend-section>.section-head>.trend-controls{justify-content:flex-start}.trend-controls{gap:8px}.trend-controls select{font-size:1rem;min-height:44px}.trend-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.trend-stats dd{font-size:1.125rem}.trend-period{gap:6px}.trend-bars{gap:4px}}
@media(max-width:600px){.history-heading{padding:16px}.history-content{padding:0 16px 16px}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.history-filters .history-field:has(input[type="date"]){grid-column:1/-1}.history-field input,.history-field select{font-size:1rem}.history-pagination{gap:10px}.history-panel button{padding:8px 12px}}

/* 装备维护摘要按实际共享分组合并提醒，定位到车辆内配件。 */
.gear-maintenance{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px;min-width:0}
.gear-maintenance-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}.gear-maintenance h3{margin:0;font-size:1rem;font-weight:600}.gear-maintenance-heading p{margin:0;font-size:.75rem;color:var(--muted)}
.maintenance-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.maintenance-counts>div{padding:12px;border-radius:8px;background:#252525;min-width:0}.maintenance-counts dt{font-size:.75rem;color:var(--muted)}.maintenance-counts dd{margin:5px 0 0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.maintenance-counts small{margin-left:5px;font-size:.75rem;font-weight:400;color:var(--muted)}
.maintenance-counts [data-state=due] dd{color:#ff9b8f}.maintenance-counts [data-state=soon] dd{color:#f2c94c}.maintenance-counts [data-state=unknown] dd{color:var(--muted)}
.maintenance-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.maintenance-list>li{border:1px solid #65552b;border-radius:10px;padding:14px;background:#25221b}.maintenance-list>li[data-state=due]{border-color:#74423b;background:#2a211f}.maintenance-list>li[data-state=unknown]{border-color:var(--line);background:#232323}
.maintenance-item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}.maintenance-item-heading h4{margin:0;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}.maintenance-item-heading>span{font-size:.75rem;color:#f2c94c}.maintenance-list [data-state=due] .maintenance-item-heading>span{color:#ff9b8f}.maintenance-list [data-state=unknown] .maintenance-item-heading>span{color:var(--muted)}
.maintenance-usage,.maintenance-issue,.maintenance-empty{font-size:.75rem;line-height:1.6;margin:8px 0 0;color:var(--muted);font-variant-numeric:tabular-nums}.maintenance-usage{color:var(--text)}
.maintenance-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}.maintenance-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.8125rem;color:var(--accent-soft);overflow-wrap:anywhere}.maintenance-links a:hover{color:var(--text)}
.gear-part:target,.gear-part:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gear-part{scroll-margin-top:32px}
@media(max-width:600px){.gear-maintenance{padding:16px;border-radius:12px}.maintenance-counts{gap:8px}.maintenance-counts>div{padding:10px 6px}.maintenance-counts dt{font-size:.6875rem}.maintenance-list>li{padding:12px}.maintenance-links{gap:4px 12px}}
@media print{.gear-maintenance,.maintenance-counts>div,.maintenance-list>li{background:white;color:#111}.maintenance-links{display:none}}
/* 手机按月查看每日活动，与全年热力图共用指标、选中日期和明细。 */
.calendar-view,.mobile-view-switch{display:none}
#back-to-today,.calendar-toolbar button{min-height:44px;padding:7px 12px;border:1px solid #4f4f4f;border-radius:7px;background:#282828;color:var(--text);font:inherit;font-size:.8125rem;cursor:pointer}
#back-to-today:hover,.calendar-toolbar button:hover:not(:disabled){border-color:var(--accent-soft);color:var(--accent-soft)}
#back-to-today:focus-visible,.calendar-toolbar button:focus-visible,.calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.calendar-toolbar h3{margin:0;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.calendar-toolbar button{min-width:44px;font-size:1rem}.calendar-toolbar button:disabled{opacity:.35;cursor:default}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{margin-bottom:8px;font-size:.75rem;color:var(--muted);text-align:center}
.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:6px 0;border:1px solid transparent;border-radius:7px;background:#303030;color:var(--text);font:inherit;font-size:.875rem;cursor:pointer;font-variant-numeric:tabular-nums}
.calendar-day[aria-pressed=true]{outline:2px solid var(--text);outline-offset:1px}.calendar-day:hover{border-color:var(--text)}
.calendar-day[data-level='3']{color:#fff}.calendar-day[data-level='4']{color:var(--bg)}
.calendar-number{display:flex;align-items:baseline;gap:2px;line-height:1.2}.calendar-today{font-size:.5rem;font-weight:600}.calendar-count{font-size:.5625rem;line-height:1.3}.calendar-day[data-level=missing]{color:#fff}
.calendar-outside{display:flex;align-items:center;justify-content:center;min-height:54px;color:#777;font-size:.875rem}

@media(max-width:600px){
  .mobile-view-switch{display:flex;margin:0 0 16px}.calendar-view{display:block}
  .heatmap-card[data-mobile-view=month] .heatmap-scroll,.heatmap-card[data-mobile-view=year] .calendar-view{display:none}
  .day-inspector{align-items:center}.day-inspector label{width:100%}.day-inspector input{min-height:44px;flex:1;min-width:0}#back-to-today{flex-shrink:0}
}

/* 类型分布同时作为年度筛选入口。 */
.sport-filter{margin-top:16px}
.sport-filter-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0 0 8px;font-size:.75rem;color:var(--muted)}
.sport-filter-heading>span:first-child{color:var(--text);font-weight:500}
.sport-filter .legend{margin-top:0;gap:8px}
.legend-item{border:1px solid transparent;font:inherit;font-size:.75rem;min-height:36px;padding:5px 11px;cursor:pointer}
.legend-item:hover{border-color:#4f4f4f;color:var(--text)}
.legend-item[aria-pressed=true]{border-color:var(--accent);background:#302016;color:var(--text)}
.legend-item[aria-pressed=true] strong{color:var(--accent-soft)}
.legend-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.legend-item{min-height:44px;padding:8px 12px;font-size:.8125rem}}
@media print{.legend-item[aria-pressed=true]{border-color:#111}}

/* 个人名片在上，七天摘要在下方独占一行。 */
.intro{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0 18px}
.profile{min-width:0}
.profile h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2}
.profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px}
.profile-location{margin:0;color:var(--muted);font-size:.8125rem}
.strava-link{display:inline-flex;align-items:center;gap:6px;min-height:28px;color:var(--accent-soft);font-size:.8125rem}
@media(max-width:900px){.intro{gap:14px;padding:18px 0 12px}.profile-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px}.profile-meta{margin-top:0}.profile h1{margin:0}.summary-stats{gap:20px}}
@media(max-width:600px){.profile-meta{gap:4px 12px}.strava-link{min-height:44px}.intro{gap:10px;padding-top:12px}}
@media print{.strava-link{color:#111}}

/* 全历史个人最佳成绩 */
.pb-section{padding:32px 0 0}
.pb-group{--pb-color:#ff965d;--pb-rgb:255 138 76;position:relative;border:1px solid #3b3430;border-radius:14px;background:radial-gradient(ellipse at top left,rgb(var(--pb-rgb) / .11),transparent 65%),#1a1a1a;overflow:hidden}
.pb-group[data-sport="骑行"]{--pb-color:#8bcaff;--pb-rgb:102 183 255;border-color:#303c46}
.pb-group::before{content:"";position:absolute;top:0;left:24px;width:56px;height:2px;background:var(--pb-color);box-shadow:0 0 18px rgb(var(--pb-rgb) / .35)}
.pb-group+.pb-group{margin-top:16px}
.pb-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #ffffff0e}
.pb-sport-heading{display:flex;align-items:center;gap:12px;min-width:0}
.pb-sport-mark{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid rgb(var(--pb-rgb) / .25);border-radius:12px;color:var(--pb-color);background:linear-gradient(145deg,rgb(var(--pb-rgb) / .17),rgb(var(--pb-rgb) / .03))}
.pb-sport-mark svg{width:28px;height:28px}
.pb-group h3{margin:0;font-size:1rem;font-weight:650;line-height:1.4}
.pb-count{flex-shrink:0;padding:3px 9px;border:1px solid rgb(var(--pb-rgb) / .18);border-radius:6px;background:rgb(var(--pb-rgb) / .06);color:var(--pb-color);font-size:.6875rem;font-variant-numeric:tabular-nums}
.pb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pb-group[data-sport="骑行"] .pb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pb-card{position:relative;min-width:0;padding:22px}
.pb-card:not(:last-child){border-inline-end:1px solid #ffffff0e}
.pb-card h4{margin:0 0 12px;padding-right:24px;color:#c5c2c0;font-size:.8125rem;font-weight:500;overflow-wrap:anywhere}
.pb-result{margin:0;color:var(--pb-color);font-size:2.25rem;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}
.pb-unit{font-size:.875rem;font-weight:500;letter-spacing:0;opacity:.8}
.pb-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:16px 0 0;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}
.pb-meta::before{content:"";width:12px;height:2px;flex-shrink:0;background:rgb(var(--pb-rgb) / .5)}
.pb-arrow{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff14;border-radius:50%;color:#b5b5b5;font-size:.8125rem;font-weight:400;line-height:1;letter-spacing:0}
.pb-link::after{content:"";position:absolute;inset:0}
.pb-link:hover{color:inherit}
.pb-link:focus-visible{outline:none}
.pb-link:focus-visible::after{outline:2px solid var(--pb-color);outline-offset:-4px}
.pb-card:has(.pb-link:hover),.pb-card:has(.pb-link:focus-visible){background:linear-gradient(135deg,rgb(var(--pb-rgb) / .09),rgb(var(--pb-rgb) / .02))}
.pb-link:hover .pb-arrow,.pb-link:focus-visible .pb-arrow{color:var(--pb-color);border-color:rgb(var(--pb-rgb) / .45);background:rgb(var(--pb-rgb) / .1)}
.pb-sync,.pb-status,.pb-empty{color:var(--muted);font-size:.75rem;line-height:1.6}
.pb-status{margin:4px 0 0}
.pb-status:empty{display:none}
.pb-empty{margin:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
@media(max-width:900px){
  .pb-group[data-sport="跑步"] .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-group[data-sport="跑步"] .pb-card:nth-child(2n){border-inline-end:0}
  .pb-group[data-sport="跑步"] .pb-card:nth-child(n+3){border-top:1px solid #ffffff0e}
}
@media(max-width:600px){
  .pb-section{padding-top:28px}
  .pb-group::before{left:16px;width:40px}
  .pb-group-head{padding:16px 14px;gap:8px}
  .pb-sport-heading{gap:10px}
  .pb-sport-mark{width:36px;height:36px;border-radius:10px}
  .pb-sport-mark svg{width:24px;height:24px}
  .pb-group h3{font-size:.9375rem}
  .pb-card{padding:14px}
  .pb-card h4{margin-bottom:8px}
  .pb-result{font-size:1.625rem}
  .pb-unit{font-size:.8125rem}
  .pb-arrow{top:10px;right:10px;width:22px;height:22px}
  .pb-group[data-sport="骑行"] .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-group[data-sport="骑行"] .pb-card{border-inline-end:0}
  .pb-group[data-sport="骑行"] .pb-card[data-event="最远距离"]{grid-column:1/-1}
  .pb-group[data-sport="骑行"] .pb-card[data-event="CP5"]:not(:last-child){border-inline-end:1px solid #ffffff0e}
  .pb-group[data-sport="骑行"] .pb-card[data-event="最远距离"]~.pb-card{border-top:1px solid #ffffff0e}
}
@media print{.pb-group,.pb-empty{background:white;color:#111;border-color:#ccc}.pb-result,.pb-sport-mark,.pb-count{color:#111}.pb-sport-mark,.pb-count{background:none;border-color:#ccc}.pb-card{break-inside:avoid}.pb-arrow,.pb-group::before{display:none}}

/* 记录以来的累计里程碑：概览与固定目标轨迹，不参与年度和类型筛选。 */
.ms-section{padding:32px 0 0}
.ms-panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 85% 0,#fc4c0214,transparent 48%),var(--panel);min-width:0}
.ms-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:end;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.ms-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:8px;color:var(--muted);font-size:.75rem}
.ms-kicker span:last-child{color:var(--accent-soft)}
.ms-distance{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--accent);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ms-distance strong{font:inherit}
.ms-distance small{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--accent-soft)}
.ms-meta{margin:10px 0 0;color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}
.ms-latest{min-width:0;padding:14px 16px;border:1px solid #3d3530;border-radius:10px;background:#251e1a}
.ms-latest>span{display:block;margin-bottom:4px;color:var(--muted);font-size:.6875rem}
.ms-latest>strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5}
.ms-latest time{display:block;margin-top:4px;color:var(--accent-soft);font-size:.75rem;font-variant-numeric:tabular-nums}
.ms-latest>p{margin:4px 0 0;color:var(--muted);font-size:.75rem}
.ms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;min-width:0}
.ms-track{min-width:0;padding:18px;border:1px solid #303030;border-radius:10px;background:#202020}
.ms-track-head{display:flex;align-items:flex-start;gap:10px}
.ms-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #4a3025;border-radius:9px;background:#2b1c15;color:var(--accent-soft)}
.ms-icon svg{width:24px;height:24px}
.ms-track-head>div{min-width:0;flex:1}
.ms-track h3{margin:0;font-size:.9375rem;line-height:1.4;font-weight:600}
.ms-track-count{flex-shrink:0;padding:2px 7px;border-radius:5px;background:#2c2c2c;color:var(--muted);font-size:.6875rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.ms-track-value{display:flex;align-items:baseline;gap:5px;margin:16px 0 0;font-size:1.75rem;font-weight:650;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ms-track-value small{font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--muted)}
.ms-next-line{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;margin-top:8px;color:var(--muted);font-size:.6875rem}
.ms-next-line strong{color:var(--accent-soft);font-weight:500}
.ms-progress{height:5px;margin-top:10px;overflow:hidden;border-radius:3px;background:#363636}
.ms-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a93b0d,var(--accent))}
.ms-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:4px;margin:14px 0 0;padding:0}
.ms-steps li{position:relative;min-width:0;padding-top:9px;border-top:1px solid #3a3a3a;color:#777;font-size:.6875rem;font-variant-numeric:tabular-nums}
.ms-steps li[data-state=reached]{border-color:#b44215;color:var(--text)}
.ms-steps li[data-next=true]{border-color:#6b625d;color:var(--accent-soft)}
.ms-steps span,.ms-steps small{display:block;overflow-wrap:anywhere;line-height:1.45}
.ms-steps small{color:inherit;font-size:.625rem;opacity:.72}
/* 进度默认可见，具体达成日期按需展开。 */
.ms-history{margin-top:16px;border-top:1px solid #ffffff0e}
.ms-history summary{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:.6875rem;cursor:pointer;list-style:none}
.ms-history summary:hover{color:var(--accent-soft)}
.ms-history summary::-webkit-details-marker{display:none}
.ms-history summary span{margin-left:auto;font-variant-numeric:tabular-nums}
.ms-history summary::after{content:"+";font-size:1rem}
.ms-history[open] summary::after{content:"−"}
.ms-history .ms-steps{margin-top:0}

@media(max-width:900px){.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .ms-section{padding-top:28px}
  .ms-panel{padding:16px;border-radius:12px}
  .ms-overview{grid-template-columns:1fr;align-items:start;gap:14px;padding-bottom:16px}
  .ms-distance{font-size:2.75rem}
  .ms-latest{padding:12px 14px}
  .ms-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .ms-track{padding:14px}
  .ms-track-value{font-size:1.5rem}
  .ms-steps{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}
}
@media print{.ms-panel,.ms-track,.ms-latest{background:white;color:#111;border-color:#ccc}.ms-distance,.ms-latest time,.ms-next-line strong{color:#111}.ms-icon{background:none;color:#111;border-color:#ccc}}

#report-status:empty{margin:0}
.wrap>header .brand{flex-shrink:0}
.wrap>header nav{gap:8px 18px}
@media(max-width:600px){
  .wrap>header{display:block;padding-bottom:8px}
  .wrap>header nav{flex-wrap:nowrap;justify-content:space-between;gap:12px;overflow-x:auto;margin-top:8px;font-size:.75rem;scrollbar-width:thin}
  .wrap>header nav a{flex-shrink:0}
}