:root{--深藍:#193248;--藍灰:#607c91;--奶白:#f8f5ed;--淡黃:#ffd76a;--橘黃:#f4b943;--淡藍:#dceef4;--白色:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--深藍);background:var(--奶白);margin:0;font-family:Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button,textarea,input,select{font:inherit}button{cursor:pointer}.首屏{background:linear-gradient(130deg,#f9f4e7 0% 58%,#d5edf4 100%);min-height:660px;padding:28px clamp(24px,7vw,116px) 88px;position:relative;overflow:hidden}.導覽列,.牆面標頭,.表單底部{justify-content:space-between;align-items:center;display:flex}.導覽列{z-index:2;position:relative}.標誌{align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.標誌圖示{color:#ecad2e;font-size:25px}.導覽按鈕{border-bottom:1px solid var(--深藍);padding-bottom:4px;font-size:14px;font-weight:700}.導覽按鈕 span{margin-left:7px}.首屏內容{z-index:2;text-align:center;max-width:680px;margin:114px auto 0;position:relative}.小標{color:#d38d17;letter-spacing:.16em;margin:0 0 14px;font-size:14px;font-weight:800}h1,h2{margin:0;font-weight:800;line-height:1.2}h1{letter-spacing:-.06em;font-size:clamp(43px,6.2vw,76px)}h1 em,h2 em{color:#e5a72b;font-family:Playfair Display,Noto Sans TC,serif;font-weight:700}.首屏說明{color:#536d80;margin:28px 0 34px;font-size:17px;line-height:1.9}.主要按鈕,.發布按鈕,.深色按鈕{border:0;border-radius:99px;justify-content:center;align-items:center;gap:26px;padding:16px 25px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.主要按鈕{background:var(--淡黃);box-shadow:0 6px #e8ba49}.主要按鈕:hover,.發布按鈕:hover,.深色按鈕:hover{transform:translateY(-3px)}.裝飾{pointer-events:none;position:absolute}.圓圈一{border:1px solid #4d96ae59;border-radius:50%;width:330px;height:330px;top:85px;right:-110px}.圓圈二{border:1px solid #4d96ae33;border-radius:50%;width:560px;height:560px;top:-30px;right:-210px}.星星一{color:#eab137;font-size:29px;top:37%;left:13%}.星星二{color:#5790a7;font-size:40px;bottom:25%;right:17%}.星星三{color:#6ba6bb;font-size:19px;bottom:18%;left:7%}.浮動卡片{z-index:1;color:#496277;background:#fffc;border-radius:12px;align-items:center;gap:11px;padding:13px 17px;font-size:13px;line-height:1.5;display:flex;position:absolute;bottom:75px;right:clamp(25px,12vw,200px);transform:rotate(-5deg);box-shadow:0 12px 28px #335f711a}.卡片小圖{font-size:21px}.許願區,.公共牆,.行動區{padding:92px clamp(24px,10vw,160px)}.許願區{background:var(--白色)}.區塊標題{text-align:center;max-width:700px;margin:auto}h2{letter-spacing:-.045em;font-size:clamp(30px,4vw,47px)}.區塊標題>p:last-child{color:var(--藍灰);margin:16px 0 33px}.許願表單{border:1.5px solid #d6e2e5;border-radius:15px;max-width:730px;margin:auto;padding:23px 25px 20px;box-shadow:0 11px 25px #2443520f}.許願表單:focus-within{border-color:#e4ad35;box-shadow:0 11px 28px #e7ab3624}.許願表單 label{margin-bottom:10px;font-size:13px;font-weight:800;display:block}textarea{resize:vertical;width:100%;min-height:100px;color:var(--深藍);background:0 0;border:0;outline:0;font-size:17px;line-height:1.7}textarea::placeholder{color:#a8b7bc}.表單底部{border-top:1px solid #e8eeee;padding-top:14px}#字數提示{color:#9aaab1;font-size:13px}.發布按鈕{color:var(--深藍);background:var(--淡黃);padding:11px 19px;box-shadow:0 4px #e8ba49}.發布按鈕 span{font-size:20px;line-height:.7}.匿名提示{text-align:center;color:#8fa1a9;margin:17px 0 0;font-size:13px}.公共牆{background:#f0f7f8}.牆面標頭{gap:20px;max-width:1120px;margin:auto auto 33px}.牆面標頭 .小標{margin-bottom:8px}.進度說明{color:#657d8c;white-space:nowrap;background:#fffdf8;border-radius:99px;padding:9px 13px;font-size:12px}.黃點{background:var(--橘黃);border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block}.心願列表{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:auto;display:grid}.空白提示{color:#718b98;text-align:center;background:#fffdf8b8;border:1px dashed #b9d1d6;border-radius:16px;grid-column:1/-1;padding:54px 24px}.空白提示 span{color:#e3ab34;margin-bottom:7px;font-size:27px;display:inline-block}.空白提示 h3{color:var(--深藍);margin:0 0 8px;font-size:19px}.空白提示 p{margin:0;font-size:14px}.心願卡片{background:var(--白色);border:1px solid #dbe9ea;border-radius:16px;flex-direction:column;min-height:238px;padding:24px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 7px 18px #2444500d}.心願卡片:hover{transform:translateY(-4px)}.心願卡片.達標{background:linear-gradient(145deg,#fffdf6,#fff2c9);border:2px solid #eebd48}.卡片標籤{color:#77919d;background:#edf5f5;border-radius:99px;align-items:center;gap:5px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.達標 .卡片標籤{color:#9a6a0c;background:#ffe49a}.心願內容{flex:1;margin:18px 0 24px;font-size:18px;font-weight:700;line-height:1.65}.卡片底部{justify-content:space-between;align-items:center;gap:12px;display:flex}.匿名者{color:#92a4ad;font-size:12px}.表態按鈕{color:#47697b;background:#fff;border:1px solid #c9dde1;border-radius:99px;min-width:102px;padding:10px 13px;font-size:13px;font-weight:800;transition:all .2s}.表態按鈕:hover{color:var(--深藍);background:#fff6d6;border-color:#e7b53d}.表態按鈕.已表態{color:#93640d;background:#ffedb9;border-color:#edbd4d}.表態按鈕:disabled{cursor:not-allowed}.表態按鈕.範例按鈕{color:#718791;background:#edf5f5;border-style:dashed}.提案訊息{color:#997018;margin:0 0 12px;font-size:11px;font-weight:800}.行動區{text-align:center;color:#fff;background:var(--深藍)}.行動區 .小標{color:#f0bc4d}.行動區 h2{margin-bottom:29px}.深色按鈕{color:var(--深藍);background:var(--淡黃);box-shadow:0 5px #d69f2d}.管理入口{color:#b9cbd4;text-underline-offset:4px;width:fit-content;margin:28px auto 0;font-size:13px;text-decoration:underline;display:block}.後台頁面{background:#f0f7f8;min-height:100vh}.後台頂欄{background:var(--白色);border-bottom:1px solid #dbe9ea;justify-content:space-between;align-items:center;padding:22px clamp(24px,6vw,96px);display:flex}.後台頂欄 nav{color:#607c91;align-items:center;gap:22px;font-size:14px;font-weight:700;display:flex}.後台頂欄 nav a:hover{color:var(--深藍)}.後台內容{max-width:1120px;margin:auto;padding:58px 24px 90px}.後台標題列{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.後台標題列 h1{font-size:clamp(36px,5vw,56px)}.後台標題列>div>p:last-child{color:var(--藍灰);margin:12px 0 0}.重新整理按鈕,.管理按鈕列 button{color:var(--深藍);background:#fff;border:1px solid #c9dde1;border-radius:999px;padding:10px 16px;font-weight:800}.重新整理按鈕:hover,.管理按鈕列 button:hover{background:#fff6d6;border-color:#e7b53d}.重新整理按鈕:disabled,.管理按鈕列 button:disabled{cursor:wait;opacity:.55}.統計列{grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0 26px;display:grid}.統計列 article{background:var(--白色);border:1px solid #dbe9ea;border-radius:16px;justify-content:space-between;align-items:center;padding:22px 24px;display:flex;box-shadow:0 7px 18px #2444500a}.統計列 span{color:var(--藍灰);font-size:14px;font-weight:700}.統計列 strong{font-size:30px}.後台通知{color:#684b0d;background:#ffedb9;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px 16px;font-weight:700;display:flex}.後台通知 button{color:inherit;background:0 0;border:0;font-size:22px}.管理清單{gap:14px;display:grid}.管理空白{color:#718b98;text-align:center;background:#fffdf8b8;border:1px dashed #b9d1d6;border-radius:16px;padding:60px 24px}.管理卡片{background:var(--白色);border:1px solid #dbe9ea;border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:22px 24px;display:flex;box-shadow:0 7px 18px #2444500a}.管理卡片內容{flex:1;min-width:0}.管理標籤列{align-items:center;gap:12px;display:flex}.管理標籤列 time{color:#92a4ad;font-size:12px}.狀態標籤{color:#607c91;background:#edf5f5;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.狀態標籤.已通過{color:#805b10;background:#ffe49a}.管理卡片內容>p{overflow-wrap:anywhere;margin:14px 0 10px;font-size:17px;font-weight:700;line-height:1.6}.票數文字{color:#607c91;font-size:13px;font-weight:800}.管理按鈕列{flex-shrink:0;gap:9px;display:flex}.管理按鈕列 .刪除按鈕{color:#a33b32;border-color:#e7c6c1}.管理按鈕列 .刪除按鈕:hover{background:#fff0ed;border-color:#d68e84}.管理員區塊,.範例管理區塊{background:var(--白色);border:1px solid #dbe9ea;border-radius:16px;margin:0 0 26px;padding:24px;box-shadow:0 7px 18px #2444500a}.範例管理區塊 h2{letter-spacing:-.03em;font-size:24px}.範例管理區塊>div>p{color:var(--藍灰);margin:8px 0 0;font-size:14px}.範例表單{gap:9px;margin-top:20px;display:grid}.範例表單 label,.範例讚數 label{font-size:14px;font-weight:800}.範例表單 textarea{background:#fff;border:1px solid #c9dde1;border-radius:10px;min-height:78px;padding:12px 14px}.範例表單>div{align-items:center;gap:10px;display:flex}.範例表單 input,.範例讚數 input{width:120px;color:var(--深藍);font:inherit;background:#fff;border:1px solid #c9dde1;border-radius:10px;padding:10px 12px}.範例表單 button,.範例讚數 button{color:var(--深藍);background:#fff6d6;border:1px solid #e7b53d;border-radius:999px;padding:10px 16px;font-weight:800}.範例讚數{align-items:center;gap:9px;display:flex}.管理員標題 h2{letter-spacing:-.03em;font-size:24px}.管理員標題 p{color:var(--藍灰);margin:8px 0 0;font-size:14px}.管理員表單{margin-top:20px}.管理員表單 label{margin-bottom:8px;font-size:14px;font-weight:800;display:block}.管理員表單>div{gap:10px;display:flex}.管理員表單 input{min-width:0;color:var(--深藍);font:inherit;background:#fff;border:1px solid #c9dde1;border-radius:10px;flex:1;padding:12px 14px}.管理員表單 input:focus{outline-offset:1px;outline:2px solid #f0c45c}.管理員表單 button,.管理員清單 button{color:var(--深藍);background:#fff6d6;border:1px solid #c9dde1;border-radius:999px;padding:10px 16px;font-weight:800}.管理員表單 button:disabled,.管理員清單 button:disabled{cursor:wait;opacity:.55}.管理員清單{gap:9px;margin-top:18px;display:grid}.管理員清單 article{background:#f0f7f8;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.管理員清單 article>div{align-items:center;gap:10px;min-width:0;display:flex}.管理員清單 strong{overflow-wrap:anywhere}.管理員清單 span{color:#607c91;background:#fff;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:800}.管理員清單 button{color:#a33b32;background:#fff;border-color:#e7c6c1}.後台登入頁{background:linear-gradient(130deg,#f9f4e7,#d5edf4);place-items:center;min-height:100vh;padding:24px;display:grid}.權限卡片{background:var(--白色);text-align:center;border-radius:20px;width:min(520px,100%);padding:48px 38px;box-shadow:0 20px 50px #24445021}.權限圖示{color:#eab137;font-size:34px}.權限卡片 h1{margin:12px 0;font-size:34px}.權限卡片 p{color:var(--藍灰);line-height:1.7}.權限操作{justify-content:center;gap:12px;margin-top:26px;display:flex}.權限操作 a{background:var(--淡黃);border-radius:999px;padding:11px 17px;font-weight:800}.通知{z-index:10;color:#fff;background:var(--深藍);opacity:0;pointer-events:none;border-radius:10px;max-width:calc(100vw - 40px);padding:12px 18px;font-size:14px;transition:all .25s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 25px #0000002e}.通知.顯示{opacity:1;transform:translate(-50%)}select{color:var(--深藍);background:#fff;border:1px solid #c9dde1;border-radius:9px;max-width:100%;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.65}:is(button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #a97908}.許願表單>select{margin-bottom:16px}.許願表單 label{font-size:14px}.匿名提示{font-size:14px;line-height:1.7}.表單錯誤{color:#a33b32;margin:12px 0 0;font-size:16px;line-height:1.6}.牆面篩選,.管理篩選{flex-wrap:wrap;align-items:flex-end;gap:14px;max-width:1120px;margin:0 auto 16px;display:flex}.牆面篩選 label,.管理篩選 label{gap:6px;font-size:14px;font-weight:700;display:grid}.牆面篩選 button,.載入錯誤 button,.檢舉操作 button,.心願處理表單 button{color:var(--深藍);background:#fff;border:1px solid #c9dde1;border-radius:999px;padding:10px 16px;font-weight:700}.表態說明{color:#536d80;max-width:1120px;margin:0 auto 24px;font-size:14px;line-height:1.7}.載入錯誤{color:#a33b32;background:#fff0ed;border:1px solid #d68e84;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;max-width:1120px;margin:0 auto 20px;padding:16px;display:flex}.心願標籤列{flex-wrap:wrap;gap:8px;display:flex}.卡片標籤,.分類標籤{font-size:14px}.分類標籤{color:#607c91}.心願進度{color:#536d80;gap:7px;margin:0 0 18px;font-size:14px;line-height:1.6;display:grid}.心願進度 strong{color:var(--深藍)}.官方回覆{color:var(--深藍);background:#f0f7f8;border-left:3px solid #eab137;border-radius:6px;margin:0 0 18px;padding:15px}.官方回覆 strong{font-size:14px}.官方回覆 p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;font-size:16px;line-height:1.7}.官方回覆 time{color:#607c91;font-size:12px}.匿名者,.表態按鈕{font-size:14px}.檢舉操作{color:#536d80;margin-top:15px;font-size:14px}.檢舉操作 summary{cursor:pointer}.檢舉操作 form{gap:8px;margin-top:10px;display:grid}.檢舉操作 button{justify-self:start;font-size:14px}.心願編輯卡{display:block}.隱藏卡片{background:#eef1f2;border-style:dashed}.編輯心願內容{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.7}.檢舉標籤{color:#a33b32;background:#fff0ed;border-radius:999px;padding:5px 9px;font-size:14px;font-weight:700}.管理標籤列{flex-wrap:wrap}.狀態標籤{font-size:14px}.心願處理表單{margin:18px 0}.心願處理表單 fieldset{border:0;min-width:0;margin:0;padding:0}.心願處理表單 label{gap:7px;font-size:14px;font-weight:700;display:grid}.處理欄位列{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.心願處理表單 input,.心願處理表單 textarea{width:100%;min-width:0;color:var(--深藍);background:#fff;border:1px solid #c9dde1;border-radius:9px;padding:10px 12px}.心願處理表單 textarea{min-height:90px}.心願處理表單 button{background:#fff6d6;border-color:#e7b53d;margin-top:12px}.管理按鈕列{flex-wrap:wrap}.檢舉清單{background:#f0f7f8;border-radius:10px;margin-top:18px;padding:10px 16px}.檢舉清單 p{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.檢舉清單 time{color:#607c91;font-size:12px}@media (max-width:760px){.處理欄位列{grid-template-columns:1fr}.牆面篩選 label{flex:1;min-width:120px}.範例表單>div{flex-wrap:wrap}.後台頂欄 .標誌{font-size:16px}.表單底部{flex-wrap:wrap;gap:12px}.首屏{min-height:590px;padding-bottom:55px}.首屏內容{margin-top:92px}.首屏說明{font-size:15px}.首屏說明 br{display:none}.浮動卡片{bottom:38px;right:28px}.星星一{top:30%;left:9%}.心願列表{grid-template-columns:1fr}.牆面標頭{flex-direction:column;align-items:flex-start}.許願區,.公共牆,.行動區{padding-top:70px;padding-bottom:70px}.後台頂欄{align-items:flex-start;gap:16px}.後台頂欄 nav{flex-direction:column;align-items:flex-end;gap:8px}.後台標題列{flex-direction:column;align-items:flex-start}.統計列{grid-template-columns:1fr}.管理卡片{flex-direction:column;align-items:stretch;gap:18px}.管理按鈕列 button{flex:1}.管理員表單>div{flex-direction:column}.管理員表單 button{align-self:flex-start}.管理員清單 article,.範例表單>div,.範例讚數{flex-direction:column;align-items:flex-start}}@media (max-width:400px){.導覽按鈕{font-size:12px}.首屏內容{margin-top:105px}.許願表單{padding:18px}.表單底部{align-items:flex-end}}
