/* 虎科領袖社 v4.1｜繽紛校園手帳主題；不修改資料庫及業務邏輯 */
@import url('https://fonts.googleapis.com/css2?family=Iansui&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#33445e;--accent:#427fc2;--cute-pink:#e8f4ff;--cute-blue:#e2f3ff;--cute-yellow:#fff2c9;--cute-green:#e1f6e9;--cute-purple:#eee8ff;font-family:'GenSenRounded','源泉圓體','Noto Sans TC',system-ui,sans-serif;color:var(--ink);background:#f8fcff;font-synthesis:none}
body{color:var(--ink);background:radial-gradient(circle at 7% 10%,#dceeff 0,transparent 32%),radial-gradient(circle at 96% 4%,#dcf5ed 0,transparent 30%),radial-gradient(circle at 75% 75%,#fff4d8 0,transparent 35%),#f8fcff;line-height:1.65}
header{background:#ffffffed;border-bottom:2px solid #dbe9f7;box-shadow:0 5px 20px #5285ae20;backdrop-filter:blur(12px)}
h1,.hero h2,#auth h2{font-family:'Iansui','GenSenRounded','Noto Sans TC',sans-serif;font-weight:800;letter-spacing:.045em}
h1{color:#3975af;font-size:25px}h2{color:#476b9b;letter-spacing:.02em}h3{color:#5d6894}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#d9edff 0%,#e6f8f0 48%,#fff0c4 100%);border:2px solid #fff;box-shadow:0 12px 28px #d58cab24;border-radius:30px;padding:34px}
.hero::after{content:'✿  ✦  ♡';position:absolute;right:23px;top:14px;color:#6e9dd1;font-size:23px;letter-spacing:9px;opacity:.75;pointer-events:none}
.hero h2{font-size:clamp(25px,4vw,36px);color:#326fa8}.hero p{color:#52647c}.pill{background:#f3faff;color:#3d78ad;border:1px solid #a7d4f5;font-weight:700}
.panel{background:#fffefd;border:1px solid #dfebf6;border-radius:25px;box-shadow:0 9px 25px #407eaf12}
.card{background:linear-gradient(135deg,#f2f9ff,#f5fcff);border:1px solid #dce8f3;border-radius:20px;box-shadow:0 3px 12px #6394b80b;overflow-wrap:anywhere}
.grid>.card:nth-child(4n + 2){background:linear-gradient(135deg,#e8f5ff,#f9faff)}
.grid>.card:nth-child(4n + 3){background:linear-gradient(135deg,#fff6d9,#fffaf0)}
.grid>.card:nth-child(4n + 4){background:linear-gradient(135deg,#e5f7e9,#f7fffa)}
button{font-family:'GenSenRounded','源泉圓體','Noto Sans TC',system-ui,sans-serif;background:#427fc2;color:#fff;border-radius:15px;font-weight:700;box-shadow:0 3px 0 #2e6198;padding:11px 16px;transition:transform .15s,background .15s,box-shadow .15s}
button:hover{background:#326fae;transform:translateY(-2px)}button:active{transform:translateY(1px);box-shadow:0 1px 0 #2e6198}
button.secondary,.secondary{background:#e7f2ff;color:#376c9e;box-shadow:0 3px 0 #c5def4}button.secondary:hover{background:#d7ebff}
button.danger,.danger{background:#c65b70;box-shadow:0 3px 0 #a74558}
nav{gap:10px}nav button{background:#fff;color:#416e9d;border:1px solid #d4e6f5;box-shadow:0 3px 0 #e4eff8}nav button:hover{background:#e3f3ff;color:#2c6ea7}
input,textarea,select{border:1.5px solid #d8e5f0;border-radius:14px;background:#fff;color:#34465b}input:focus,textarea:focus,select:focus{border-color:#569cdb}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9bd8ff;outline-offset:2px}
.muted{color:#64758a}.notice{background:#fff2d5;border:1px solid #f5d9a4;border-radius:17px;color:#715c42}.empty{color:#728297}
.reply{border-left:4px solid #b9a4eb;background:#f9f8ff;border-radius:12px}
.stats-table th{background:#e5f2ff;color:#416b95}.stats-table td{border-bottom-color:#e2edf6}
@media(max-width:600px){h1{font-size:21px}.hero{padding:26px 18px}.hero::after{right:8px;top:8px;font-size:16px;letter-spacing:3px}.panel{border-radius:20px}.card{border-radius:17px}nav{gap:8px}nav button{font-size:14px;min-height:44px;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}

/* v4.1 清爽繽紛調整：藍、綠、黃為主，粉色不作主視覺 */
.hero::after{content:"✦  ☀  ✿";color:#5595b8}
.grid>.card:nth-child(4n + 1){background:linear-gradient(135deg,#e7f3ff,#f7fcff)}
.grid>.card:nth-child(4n + 2){background:linear-gradient(135deg,#e4f7ed,#f8fffa)}
.grid>.card:nth-child(4n + 3){background:linear-gradient(135deg,#fff2cb,#fffdf2)}
.grid>.card:nth-child(4n + 4){background:linear-gradient(135deg,#efe8ff,#fcfaff)}
/* v4.2: clearly separated team sections, readable controls */
#homeWall{margin-top:18px}#homeWall .panel{border-color:#d8e9fa}#homeWall textarea{background:#fbfdff}#nav button{font-weight:700}#view h2{letter-spacing:.015em}#view .panel:has(>h2:first-child){scroll-margin-top:90px}

/* v4.2 修訂：紅黃綠主題；保留清楚的對比度 */
:root{--ink:#34453b;--accent:#32845a;--cute-pink:#ffe9e2;--cute-blue:#f4faf2;--cute-yellow:#fff0bd;--cute-green:#e1f5e4;--cute-purple:#fff2d6;background:#fcfcf6}
body{background:radial-gradient(circle at 9% 6%,#ffe8d9,transparent 29%),radial-gradient(circle at 90% 8%,#fff1c4,transparent 33%),radial-gradient(circle at 75% 75%,#e2f6e8,transparent 37%),#fcfcf6;color:var(--ink)}
header{border-bottom-color:#e6ebd8}h1{color:#b95245}h2,.hero h2{color:#32764c}h3{color:#a0523b}
.hero{background:linear-gradient(110deg,#ffe8db,#fff2bf 50%,#dff3d9);box-shadow:0 10px 24px #8a9b4a18}.hero::after{color:#b56d3b}
.panel{border-color:#e6ead8}.card,.grid>.card:nth-child(4n + 1){background:linear-gradient(135deg,#fff1e9,#fffdfa);border-color:#efe7da}
.grid>.card:nth-child(4n + 2){background:linear-gradient(135deg,#fff3cc,#fffdf2)}
.grid>.card:nth-child(4n + 3){background:linear-gradient(135deg,#e3f5e7,#f7fff8)}
.grid>.card:nth-child(4n + 4){background:linear-gradient(135deg,#ffe9dd,#fff7ee)}
button{background:#31855a;box-shadow:0 3px 0 #226544}button:hover{background:#256d4b}button:active{box-shadow:0 1px 0 #226544}
button.secondary,.secondary{background:#fff0c8;color:#75561d;box-shadow:0 3px 0 #ebd5a0}button.secondary:hover{background:#ffe6a8}
button.danger,.danger{background:#bd594d;box-shadow:0 3px 0 #99453c}
nav button{color:#3d754d;border-color:#dbe9d7;box-shadow:0 3px 0 #e3ebd9}nav button:hover{background:#e7f5e5;color:#286743}
input,textarea,select{border-color:#d8e6d8;color:#34453b}input:focus,textarea:focus,select:focus{border-color:#4b9b69}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#c5dc8a}
.pill{background:#fff1c6;color:#835f1e;border-color:#f0d78c}.reply{border-left-color:#8fc69b;background:#f3fbf2}
#homeWall .panel{border-color:#dbe9d7}#homeWall textarea{background:#fffef8}
.wall-unified{background:linear-gradient(160deg,#fffefb,#f6fcf3)}.wall-feed{margin-top:18px;border-top:2px solid #e6ead8;padding-top:8px}
.wall-feed .card{margin:12px 0}

/* v4.2.3 — 紅黃綠青春校園視覺：全站明顯套用 */
:root{--ink:#334839;--accent:#34875b;--cute-pink:#ffe5de;--cute-blue:#fff9e9;--cute-yellow:#ffecab;--cute-green:#d9f1dd;--cute-purple:#ffe6d4;background:#fffdf4}
body{background:radial-gradient(circle at 0% 0%,#ffe1d6 0,transparent 34%),radial-gradient(circle at 100% 3%,#fff0a9 0,transparent 36%),radial-gradient(circle at 65% 70%,#d9f1dd 0,transparent 40%),#fffdf4;color:#334839}
header{background:#fff9e8;border-bottom:4px solid #f3cb5a}header h1{color:#c45440;font-family:'Iansui','Noto Sans TC',sans-serif}
.hero{background:linear-gradient(115deg,#ffe1d7 0%,#ffedb1 52%,#d9f2d8 100%);border:2px solid #fff;border-radius:28px}.hero h2{color:#a94e38}
#auth{background:linear-gradient(145deg,#fffdf6,#fff4d5);border:2px solid #f0db9b}#auth h2{color:#b65c3c}
#nav button{background:#e0f3de;color:#26623e;border:1px solid #a7d6b0;box-shadow:0 3px 0 #a8d2ad}#nav button:hover{background:#bce8c6}
.panel{background:#fffefa;border:1.5px solid #e8e9ce}.panel h2{color:#3c8050}
#view>.grid>.panel:first-child{border-top:6px solid #e38b75}#view>.grid>.panel:nth-child(2){border-top:6px solid #e7c24e}
#homeWall>.panel{border-top:7px solid #68b87d;background:linear-gradient(160deg,#fffef7,#f3fbef)}
#homeWall .wall-feed .card:nth-child(3n+1){background:#fff1df}#homeWall .wall-feed .card:nth-child(3n+2){background:#fff8d9}#homeWall .wall-feed .card:nth-child(3n){background:#eaf7e7}
#homeWall form{padding:14px;border-radius:18px;background:#fff9e7;border:1px solid #f0e3b8}#homeWall textarea{background:white}
button{background:#33885b}button.secondary{background:#ffe9ad;color:#6f4f1c}button.danger{background:#bd5849}
#v423-version{display:inline-block;background:#fff0bc;color:#715622;border-radius:999px;padding:3px 10px;font:600 11px system-ui,sans-serif;margin-left:8px;vertical-align:middle}
@media(max-width:600px){#v423-version{font-size:10px;padding:2px 7px}.hero{border-radius:20px}}