韬綋鏁版嵁璁板綍

浣撻噸鍙樺寲

楗鐑噺

浠婃棩鑺辫垂

杩愬姩娑堣€?/p> --

浠婃棩璁板綍

褰撳ぉ瀹屾垚

韬綋鏁版嵁璁板綍

浣撻噸 kg 韬珮 cm 浣撹剛 % BMI

鏇村鍥村害鏁版嵁

鑳稿洿 cm 鑵板洿 cm 鑷€鍥?cm 澶ц吙鍥?cm 灏忚吙鍥?cm 涓婅噦鍥?cm

韬綋澶囨敞

鏃ュ父璁板綍

鐫¤ 璧峰簥

鍗堢潯寮€濮?/span> 鍗堢潯缁撴潫

褰撴棩鐫＄湢锛?-

鍠濇按 ml

+250ml

灏忎究娆?/span> 澶т究娆?/span>

鏈堢粡缁忛噺/鐘舵€?/span>

鑷畾涔夊皬璁板綍

楗澶嶇洏

楗鎵撳崱

鏃╅鏃堕棿

鐑噺铔嬬櫧鑴傝偑纰虫按

鍗堥鏃堕棿

鐑噺铔嬬櫧鑴傝偑纰虫按

鏅氶鏃堕棿

鐑噺铔嬬櫧鑴傝偑纰虫按

鍔犻鏃堕棿

鐑噺铔嬬櫧鑴傝偑纰虫按

鎬荤儹閲?kcal 鑴傝偑 g 纰虫按 g

韬綋鎰熷彈

杩愬姩

杩樻病鏈夎繍鍔ㄨ褰?/p>

鎬绘椂闀?-- 鎬绘秷鑰?-- 骞冲潎蹇冪巼 --

杩愬姩鎰熷彈

<legend>浜戝悓姝ヨ缃?/legend>
              <div class="cloud-settings">
                <label><span>Supabase URL</span><input id="supabaseUrl" type="url" placeholder="https://xxxx.supabase.co" /></label>
                <label><span>Anon Key</span><input id="supabaseAnonKey" type="password" placeholder="Supabase anon public key" /></label>
                <label><span>鍚屾韬唤</span><input id="syncUserId" type="text" placeholder="渚嬪 my-daily-log" /></label>
              </div>
              <div class="cloud-actions">
                <button class="ghost-button" id="saveCloudSettings" type="button">淇濆瓨璁剧疆</button>
                <button class="ghost-button" id="testCloud" type="button">娴嬭瘯杩炴帴</button>
                <button class="ghost-button" id="pullCloud" type="button">浠庝簯绔媺鍙?/button>
                <button class="ghost-button" id="pushCloud" type="button">鎺ㄩ€佸埌浜戠</button>
                <span class="cloud-message" id="cloudMessage">鏈祴璇?/span>
              </div>
              <p class="small-note">涓嶅～鍐欐椂鍙繚瀛樺湪褰撳墠娴忚鍣ㄣ€傚～鍐?Supabase 鍏嶈垂椤圭洰閰嶇疆鍚庯紝鐢佃剳鍜屾墜鏈烘墦寮€鍚屼竴涓綉绔欏彲鍚屾璁板綍銆佸浘鐗囧拰椤甸潰璁剧疆銆?/p>
            </fieldset>

<fieldset class="wide" data-section-id="pageSettings" data-title-key="pageSettings" data-view-panel="settings">
              <legend>椤甸潰璁剧疆</legend>
              <div class="settings-grid">
                <label><span>鑳屾櫙鍥鹃摼鎺?/span><input id="backgroundImageUrl" type="url" placeholder="鍙互濉綘鍠滄鐨勫悏浼婂浘鐗囬摼鎺? /></label>
                <label>
                  <span>鏈堝害瑙嗗浘榛樿</span>
                  <select id="defaultMonthView">
                    <option value="comparison">瀵规瘮鎶樼嚎</option>
                    <option value="calendar">鏈堟棩鍘?/option>
                    <option value="single">鍗曟寚鏍?/option>
                  </select>
                </label>
              </div>
              <p class="small-note">闀挎寜鏍囬鍙互鏀瑰悕锛涢暱鎸夊ぇ鏉垮潡鏍囬鍚庢嫋鍔紝鍙互璋冩暣鏉垮潡椤哄簭銆傝儗鏅浘涓嶅～鏃朵娇鐢ㄦ贰绮夎壊涓婚鑳屾櫙銆?/p>
            </fieldset>

<fieldset class="wide" data-section-id="notes" data-title-key="notes" data-view-panel="record" data-compact-section>
              <legend>鏃ョ粓鎬荤粨</legend>
              <label><span>鏃ョ粓鐐硅瘎</span><textarea id="keepDietAdvice" data-field="keepDietAdvice" rows="3" placeholder="鎶婂楗銆佽繍鍔ㄣ€佺儹閲忕己鍙ｇ殑鐐硅瘎鏀捐繖閲?>

<p id="saveStatus" role="status">鑷姩淇濆瓨宸插紑鍚?/p>
            <button class="primary-button" type="submit">淇濆瓨璁板綍</button>
          </div>
        </form>

<aside class="insights-panel" aria-label="缁熻涓庡巻鍙?>
          <section class="panel-block trend-dashboard" data-view-panel="trend">
            <div class="section-heading compact">
              <h2>瓒嬪娍鎬昏</h2>
              <div class="range-chips" role="group" aria-label="瓒嬪娍鏃堕棿鑼冨洿">
                <button type="button" data-trend-range="7">杩?澶?/button>
                <button type="button" data-trend-range="30">杩?0澶?/button>
                <button type="button" data-trend-range="month">鏈湀</button>
                <button type="button" data-trend-range="90">杩?0澶?/button>
                <button type="button" data-trend-range="all">鍏ㄩ儴</button>
              </div>
            </div>
            <p id="trendRangeLabel" class="trend-range-label">--</p>
            <div class="trend-window" id="trendWindowControl" hidden>
              <span id="trendWindowLabel">褰撳墠鏄剧ず锛?-</span>
              <input id="trendWindowSlider" type="range" min="0" max="0" value="0" aria-label="閫夋嫨瓒嬪娍鏄剧ず鏃ユ湡娈? />
            </div>
            <dl class="trend-summary-cards">
              <div><dt>璁板綍澶╂暟</dt><dd id="trendLoggedDays">--</dd></div>
              <div><dt>浣撻噸鍙樺寲</dt><dd id="trendWeightDelta">--</dd></div>
              <div><dt>鎽勫叆-杩愬姩</dt><dd id="trendNetCalories">--</dd></div>
              <div><dt>骞冲潎鑺辫垂</dt><dd id="trendAvgSpend">--</dd></div>
            </dl>
            <canvas id="trendOverviewCanvas" width="640" height="280" aria-label="瓒嬪娍鎬昏鍥?></canvas>
            <canvas id="trendCalendarCanvas" width="640" height="460" aria-label="鎬昏秼鍔挎棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="body">
            <div class="section-heading compact">
              <h2>韬綋</h2>
              <select class="trend-view-mode" aria-label="韬綋瓒嬪娍瑙嗗浘">
                <option value="line">鎶樼嚎鍥?/option>
                <option value="bar">鏌辩姸鍥?/option>
                <option value="calendar">鏈堟棩鍘?/option>
              </select>
              <select class="trend-metric-select" aria-label="韬綋瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="韬綋鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="韬綋鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="daily">
            <div class="section-heading compact">
              <h2>鏃ュ父璁板綍</h2>
              <select class="trend-view-mode" aria-label="鏃ュ父璁板綍瓒嬪娍瑙嗗浘">
                <option value="line">鎶樼嚎鍥?/option>
                <option value="bar">鏌辩姸鍥?/option>
                <option value="calendar">鏈堟棩鍘?/option>
              </select>
              <select class="trend-metric-select" aria-label="鏃ュ父璁板綍瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="鏃ュ父璁板綍鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="鏃ュ父璁板綍鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="meals">
            <div class="section-heading compact">
              <h2>楗</h2>
              <select class="trend-view-mode" aria-label="楗瓒嬪娍瑙嗗浘">
                <option value="line">鎶樼嚎鍥?/option>
                <option value="bar">鏌辩姸鍥?/option>
                <option value="calendar">鏈堟棩鍘?/option>
                <option value="text">鍐呭鍥為【</option>
              </select>
              <select class="trend-metric-select" aria-label="楗瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="楗鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="楗鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="exercise">
            <div class="section-heading compact">
              <h2>杩愬姩</h2>
              <select class="trend-view-mode" aria-label="杩愬姩瓒嬪娍瑙嗗浘">
                <option value="line">鎶樼嚎鍥?/option>
                <option value="bar">鏌辩姸鍥?/option>
                <option value="calendar">鏈堟棩鍘?/option>
                <option value="text">鍐呭鍥為【</option>
              </select>
              <select class="trend-metric-select" aria-label="杩愬姩瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="杩愬姩鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="杩愬姩鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="spend">
            <div class="section-heading compact">
              <h2>浠婃棩鑺辫垂</h2>
              <select class="trend-view-mode" aria-label="浠婃棩鑺辫垂瓒嬪娍瑙嗗浘">
                <option value="line">鎶樼嚎鍥?/option>
                <option value="bar">鏌辩姸鍥?/option>
                <option value="calendar">鏈堟棩鍘?/option>
              </select>
              <select class="trend-metric-select" aria-label="浠婃棩鑺辫垂瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="浠婃棩鑺辫垂鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="浠婃棩鑺辫垂鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block trend-category" data-view-panel="trend" data-trend-category="notes">
            <div class="section-heading compact">
              <h2>鏃ョ粓鎬荤粨</h2>
              <select class="trend-view-mode" aria-label="澶囨敞瓒嬪娍瑙嗗浘">
                <option value="text">鍐呭鍥為【</option>
                <option value="calendar">鏈堟棩鍘?/option>
              </select>
              <select class="trend-metric-select" aria-label="澶囨敞瓒嬪娍鎸囨爣"></select>
            </div>
            <canvas class="category-line-canvas" width="640" height="320" aria-label="澶囨敞鎶樼嚎鍥?></canvas>
            <canvas class="category-calendar-canvas" width="640" height="520" aria-label="澶囨敞鏈堟棩鍘?></canvas>
          </section>

<section class="panel-block" data-view-panel="trend">
            <div class="section-heading compact">
              <h2>鏈湀姹囨€?/h2>
            </div>
            <dl class="month-summary">
              <div><dt>骞冲潎浣撻噸</dt><dd id="avgWeight">--</dd></div>
              <div><dt>鎬昏姳璐?/dt><dd id="monthSpend">--</dd></div>
              <div><dt>楗鐑噺</dt><dd id="monthCalories">--</dd></div>
              <div><dt>杩愬姩娑堣€?/dt><dd id="monthExercise">--</dd></div>
            </dl>
          </section>

<template id="exerciseItemTemplate">
      <article class="exercise-item">
        <div class="exercise-item-head">
          <button class="drag-handle exercise-drag-handle" type="button" aria-label="鎷栧姩鎺掑簭">⇅</button>
          <h3></h3>
          <button class="mini-button exercise-remove" type="button" aria-label="鍒犻櫎杩愬姩">×</button>
        </div>
        <label><span>杩愬姩鏃堕棿</span><div class="time-entry"><select class="exercise-time-mode"><option value="exact">绮剧‘</option><option value="rough">澶ц嚧</option></select><input class="exercise-time" type="time" placeholder="渚嬪 鏅氫笂銆侀キ鍚? /></div></label>
        <div class="exercise-kind-block">
          <span>鍒嗙被</span>
          <div class="exercise-kind-group">
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="aerobic" />鏈夋哀</label>
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="anaerobic" />鏃犳哀</label>
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="anaerobic_shoulder_back" />鏃犳哀-鑲╄儗</label>
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="anaerobic_core" />鏃犳哀-鏍稿績</label>
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="anaerobic_glutes" />鏃犳哀-鑷€鑵?/label>
            <label class="exercise-kind-chip"><input class="exercise-kind-option" type="checkbox" value="mixed" />娣峰悎</label>
          </div>
        </div>
        <label><span>鍐呭</span><textarea class="exercise-text" rows="2" placeholder="渚嬪 蹇蛋銆佽窇姝ャ€佸姏閲忚缁冦€佹媺浼?>

鏃堕暱鍒嗛挓娑堣€?kcal 蹇冪巼 bpm

韬綋鏁版嵁璁板綍

鏃ユ湡閫熻

浠婃棩璁板綍

鑷畾涔夊皬璁板綍

楗鎵撳崱