:root{--bg: #f5f0f9;--card-bg: #ffffff;--card-border: #ffe449;--text-primary: #73616d;--text-secondary: #afa7bb;--accent: #54c9e9;--accent-hover: #ffe818;--footer-bg: #ffb3ca;--footer-text: #ffffff;--card-radius: 16px;--font-main: "Outfit", "Noto Sans TC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--bg);color:var(--text-primary);min-height:100vh}.hero{width:100%;overflow:hidden;line-height:0}.hero-img{width:100%;height:auto;display:block}.tools-section{background:var(--bg);padding:56px 40px 72px}.tools-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.tools-intro{max-width:1100px;margin:0 auto 22px}.tools-intro-title{font-size:1.35rem;font-weight:800;letter-spacing:.01em;color:var(--text-primary);margin-bottom:10px}.tools-intro-text{font-size:.95rem;line-height:1.8;color:var(--text-secondary);margin-bottom:10px}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1),border-color .3s;cursor:pointer}.tool-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #e954bf29;border-color:#f5a6b3}.tool-card-img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block;background:var(--bg)}.tool-card-media{position:relative;line-height:0}.tool-card-img--hover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;transition:opacity .35s ease;pointer-events:none}.tool-card:hover .tool-card-img--hover,.tool-card:focus-visible .tool-card-img--hover{opacity:1}@media(prefers-reduced-motion:reduce){.tool-card-img--hover{transition:none}}.tool-card-img-placeholder{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#ece6f5,#d8c9ee);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.tool-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.tool-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.3}.tool-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.tool-card-cta{margin-top:auto;padding-top:14px;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:4px;transition:gap .2s}.tool-card:hover .tool-card-cta{gap:10px}#tool-coming-soon{background:transparent;border:none;box-shadow:none}#tool-coming-soon:hover{transform:none;box-shadow:none;border-color:transparent}#tool-coming-soon .tool-card-body{padding-top:16px}#tool-coming-soon .tool-card-cta{display:none}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-tagline{font-size:.95rem;font-weight:300;letter-spacing:.03em;opacity:.85}.footer-left{display:flex;flex-direction:column;gap:16px}.footer-author{display:flex;align-items:center;flex-direction:column;align-items:flex-end;gap:10px}.footer-meta{font-size:.85rem;font-weight:800;letter-spacing:.04em;opacity:.95}.footer-ig{display:flex;align-items:center;gap:8px;color:var(--footer-text);text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s,opacity .2s;opacity:.85}.footer-email{display:flex;align-items:center;gap:8px;color:var(--footer-text);text-decoration:none;font-size:.85rem;font-weight:600;transition:color .2s,opacity .2s;opacity:.85}.footer-ig:hover,.footer-email:hover{color:#fff;opacity:1}.ig-icon{width:20px;height:20px;flex-shrink:0}.email-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:860px){.tools-grid{grid-template-columns:repeat(2,1fr);padding:0}.tools-section{padding:40px 24px 56px}.tools-intro-title{font-size:1.25rem}}@media(max-width:560px){.tools-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start;padding:28px 24px}}.kofi{--kofi-scale: .667;position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.kofi-btn{display:inline-flex;position:relative;flex-direction:column;align-items:center;gap:4px;padding:9px 16px 10px;background:var(--card-border);color:var(--text-primary);border:2px solid #f2c21b;border-radius:var(--card-radius);font:700 .9rem/1 var(--font-main);cursor:pointer;box-shadow:0 10px 26px #d6960042;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1),border-color .3s;animation:kofi-float 3.4s cubic-bezier(.37,0,.63,1) infinite}.kofi-btn:after{content:"";position:absolute;left:18%;right:18%;bottom:-13px;height:7px;border-radius:50%;background:#9669004d;filter:blur(4px);z-index:-1;pointer-events:none;animation:kofi-float-shadow 3.4s cubic-bezier(.37,0,.63,1) infinite}@keyframes kofi-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes kofi-float-shadow{0%,to{translate:0 0;scale:1;opacity:.85}50%{translate:0 7px;scale:.8;opacity:.5}}.kofi-btn:hover,.kofi-btn:focus-visible,.kofi-btn:hover:after,.kofi-btn:focus-visible:after{animation-play-state:paused}.kofi.is-closed .kofi-panel{display:none}.kofi.is-closed .kofi-btn{display:inline-flex}.kofi.is-open .kofi-panel{display:block}.kofi.is-open .kofi-btn{display:none}.kofi-btn:hover{transform:translateY(-3px);border-color:#f5a6b3;box-shadow:0 16px 34px #d6960052}.kofi-btn img{width:auto;height:20px;flex:none;display:block}.kofi-btn-brand{display:flex;align-items:center;gap:6px}.kofi-btn-name{font-size:1rem;font-weight:800;line-height:1;letter-spacing:.01em;color:#2f2a31}.kofi-btn-sub{font-size:.78rem;line-height:1;color:#5b4a56}.kofi-panel{display:none;width:calc(380px * var(--kofi-scale));background:var(--card-bg);border:2px solid var(--card-border);border-radius:14px;box-shadow:0 16px 40px #73616d33;overflow:hidden;transform-origin:bottom right;animation:kofi-in .32s cubic-bezier(.23,1,.32,1) both}@keyframes kofi-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.kofi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 9px 9px 12px;border-bottom:1px solid #f1e9f5}.kofi-title{font-size:.88rem;font-weight:700;line-height:1.25;color:var(--text-primary)}.kofi-note{margin-top:3px;display:flex;align-items:center;gap:5px;font-size:.72rem;line-height:1.2;color:var(--text-secondary)}.kofi-usd{padding:1px 6px;border-radius:999px;background:#d9f3fb;color:#1f86a8;font-size:.62rem;font-weight:700;letter-spacing:.06em}.kofi-close{width:26px;height:26px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;background:var(--bg);color:var(--text-primary);cursor:pointer;transition:background .2s}.kofi-close:hover{background:#ffe7f0}.kofi-close svg{width:13px;height:13px}.kofi-frame-wrap{width:calc(380px * var(--kofi-scale));height:calc(620px * var(--kofi-scale));overflow:hidden;background:#f9f9f9}.kofi-frame{display:block;width:380px;height:620px;border:none;transform:scale(var(--kofi-scale));transform-origin:0 0}@media(max-width:560px){.kofi{right:12px;bottom:12px;left:12px}.kofi-panel{width:100%;border-radius:var(--card-radius)}.kofi-head{padding:12px 12px 10px 16px;gap:12px}.kofi-title{font-size:.95rem}.kofi-note{font-size:.78rem;gap:6px}.kofi-usd{font-size:.68rem;padding:2px 7px}.kofi-close{width:32px;height:32px}.kofi-close svg{width:16px;height:16px}.kofi-frame-wrap{width:100%;height:min(620px,calc(100vh - 170px))}.kofi-frame{width:100%;height:100%;transform:none}}@media(prefers-reduced-motion:reduce){.kofi-panel{animation:none}.kofi-btn,.kofi-btn:after{transition:none;animation:none}}