<!-- 輸入區域 (僅在清單與日曆模式顯示) -->        <div id="inputSection" class="bg-white rounded-2xl shadow-sm border border-slate-200 p-4 mb-6 no-print">            <div class="flex flex-col md:flex-row gap-3">                <input                     type="text"                     id="todoInput"                     placeholder="輸入新的任務..."                     class="flex-1 px-4 py-2 border border-slate-200 rounded-xl outline-none focus:border-indigo-500 transition-colors"                    onkeypress="if(event.key === 'Enter') addTodo()"                >                <div class="flex gap-2">                    <input                         type="date"                         id="dateInput"                         class="px-3 py-2 border border-slate-200 rounded-xl text-sm text-slate-600 outline-none"                    >                    <button                         onclick="addTodo()"                        class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-xl font-bold transition-colors whitespace-nowrap"                    >                        新增                    </button>                </div>            </div>        </div>        <!-- 1. 清單視圖 -->        <div id="listView">            <div class="flex gap-2 mb-4 overflow-x-auto pb-2 no-print">                <button onclick="setFilter('all')" id="filter-all" class="filter-btn bg-indigo-100 text-indigo-700 px-4 py-1.5 rounded-full text-sm font-bold">全部</button>                <button onclick="setFilter('active')" id="filter-active" class="filter-btn bg-slate-100 text-slate-600 px-4 py-1.5 rounded-full text-sm font-bold">進行中</button>                <button onclick="setFilter('completed')" id="filter-completed" class="filter-btn bg-slate-100 text-slate-600 px-4 py-1.5 rounded-full text-sm font-bold">已完成</button>            </div>            <div id="todoList" class="space-y-3"></div>            <div id="listFooter" class="mt-8 pt-6 border-t border-slate-200 flex justify-between items-center text-sm text-slate-500 no-print">                <span id="itemsCount">0 個項目待處理</span>                <button onclick="clearCompleted()" class="hover:text-red-500 transition-colors font-medium">清除已完成</button>            </div>        </div>