:root{--bg:#f4f1de;--fg:#3d405b;--muted:#8a8ca3;--accent:#e07a5f;--teal:#81b29a;--cream:#f2cc8f;--card:#fff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.8}main{max-width:var(--max);margin:0 auto;padding:2.5rem 1.5rem}a{color:var(--accent);text-decoration:none;transition:opacity .2s,color .2s}a:hover{opacity:.75}img{max-width:100%;height:auto}h1{letter-spacing:.02em;font-size:2rem}h2.section-title{color:var(--fg);border-left:5px solid var(--teal);margin:2.5rem 0 1.2rem;padding-left:.75rem;font-size:1.5rem}header.site-header{background:var(--card);border-bottom:3px solid var(--cream);z-index:50;position:sticky;top:0}.nav-wrap{max-width:var(--max);justify-content:space-between;align-items:center;gap:.5rem;margin:0 auto;padding:.8rem 1.25rem;display:flex}.brand{color:var(--fg);flex-shrink:0;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.brand span{white-space:nowrap}.brand img{width:auto;height:40px;display:block}.nav-menu{align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.nav-menu>li{position:relative}.nav-menu>li>a{color:var(--fg);white-space:nowrap;border-radius:8px;padding:.5rem .6rem;font-weight:500;display:block}.nav-menu>li>a:hover{color:var(--accent);opacity:1;background:#faf7ee}.has-sub>a:after{content:" ▾";color:var(--muted);font-size:.7em}.submenu{background:var(--card);opacity:0;visibility:hidden;z-index:60;border:1px solid #eee;border-radius:10px;min-width:150px;margin:.3rem 0 0;padding:.4rem;list-style:none;transition:all .18s;position:absolute;top:100%;left:0;transform:translateY(6px);box-shadow:0 8px 24px #3d405b1f}.has-sub:hover .submenu,.has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu a{color:var(--fg);border-radius:6px;padding:.5rem .7rem;font-size:.95rem;display:block}.submenu a:hover{color:var(--accent);opacity:1;background:#faf7ee}.nav-search{align-items:center;display:flex}.nav-search input{width:128px;color:var(--fg);background:#faf9f4;border:1px solid #ddd;border-radius:20px;outline:none;flex-shrink:0;padding:.45rem .9rem;font-size:.9rem}.nav-search input:focus{border-color:var(--teal)}.menu-toggle{cursor:pointer;color:var(--fg);background:0 0;border:0;font-size:1.6rem;display:none}@media (width<=860px){.menu-toggle{display:block}.nav-menu,.nav-search{width:100%;display:none}.nav-wrap.open{flex-wrap:wrap}.nav-wrap.open .nav-menu{order:3;display:block}.nav-wrap.open .nav-search{order:2;margin-top:.5rem;display:flex}.nav-wrap.open .nav-search input{width:100%}.nav-menu>li>a{border-bottom:1px solid #f2efe6;padding:.7rem .4rem}.submenu{display:none}.has-sub>a:after{content:""}}.carousel{max-width:var(--max);margin:1.5rem auto 0;padding:0 1.5rem;position:relative}.carousel-track{aspect-ratio:21/7;background:#ddd;border-radius:16px;position:relative;overflow:hidden}.slide{opacity:0;background-position:50%;background-size:cover;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.slide.active{opacity:1}.slide:after{content:"";background:#3d405b47;position:absolute;inset:0}.slide .cap{z-index:2;text-align:center;color:#fff;text-shadow:0 2px 12px #0006;position:relative}.slide .cap .sub{letter-spacing:.25em;font-size:2.6rem;font-weight:800;display:block}.slide .cap .ttl{margin-top:.3rem;font-size:1.1rem;display:block}.carousel-btn{z-index:5;cursor:pointer;width:42px;height:42px;color:var(--fg);background:#ffffffd9;border:0;border-radius:50%;font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#fff}.carousel-btn.prev{left:2rem}.carousel-btn.next{right:2rem}.carousel-dots{justify-content:center;gap:.5rem;margin-top:.9rem;display:flex}.carousel-dots button{cursor:pointer;background:#ccc4b0;border:0;border-radius:50%;width:10px;height:10px;padding:0}.carousel-dots button.active{background:var(--accent)}@media (width<=680px){.carousel-track{aspect-ratio:16/10}.slide .cap .sub{font-size:1.6rem}.carousel-btn.prev{left:.6rem}.carousel-btn.next{right:.6rem}}.cat-icons{grid-template-columns:repeat(6,1fr);gap:1rem;margin:1.5rem 0;display:grid}.cat-icons a{color:var(--fg);text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.cat-icons .circle{background:var(--card);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.9rem;transition:transform .2s;display:flex;box-shadow:0 4px 14px #3d405b14}.cat-icons a:hover{opacity:1}.cat-icons a:hover .circle{transform:translateY(-4px)}.cat-icons span.name{font-size:.9rem;font-weight:600}@media (width<=680px){.cat-icons{grid-template-columns:repeat(3,1fr)}}.post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.post-grid li{background:var(--card);border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #3d405b14}.post-grid li:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3d405b24}.post-grid .thumb{aspect-ratio:3/2;background-position:50%;background-size:cover;display:block}.post-grid .body{padding:1.1rem 1.3rem 1.4rem}.post-grid .tag{color:var(--accent);background:#faf0e8;border-radius:20px;margin-bottom:.5rem;padding:.15rem .55rem;font-size:.72rem;display:inline-block}.post-grid .body a.title{color:var(--fg);font-size:1.1rem;font-weight:700;display:block}.post-grid .body a.title:hover{color:var(--accent);opacity:1}.post-grid time{color:var(--muted);margin:.35rem 0;font-size:.82rem;display:block}.post-grid .desc{color:var(--muted);margin:.4rem 0 0;font-size:.9rem}.ig-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0;display:grid}.ig-tile{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:12px;position:relative;overflow:hidden}.ig-tile .ig-mask{opacity:0;background:#3d405b59;justify-content:center;align-items:center;font-size:1.6rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.ig-tile:hover,.ig-tile:hover .ig-mask{opacity:1}@media (width<=680px){.ig-grid{grid-template-columns:repeat(2,1fr)}}.about-block{background:var(--card);border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:1.2rem 0;padding:1.8rem;display:grid;box-shadow:0 4px 16px #3d405b0f}.about-img{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:12px}.about-text p{color:#5c5f78;margin:0 0 .9rem}@media (width<=680px){.about-block{grid-template-columns:1fr}}.post-list{padding:0;list-style:none}.post-list li{border-bottom:1px solid #3d405b1a;padding:1rem 0}.post-list a.title{font-size:1.1rem;font-weight:600}.post-list time{color:var(--muted);margin-top:.3rem;font-size:.82rem;display:block}article.post{background:var(--card);border-radius:14px;padding:2rem 2.2rem;box-shadow:0 4px 16px #3d405b0f}article.post time{color:var(--muted);font-size:.9rem}article.post img{border-radius:10px;margin:1.2rem 0}article.post blockquote{border-left:4px solid var(--teal);color:var(--fg);background:#f7faf8;border-radius:0 8px 8px 0;margin:1.2rem 0;padding:.4rem 1rem}article.post hr{border:0;border-top:1px solid #eee;margin:2rem 0}.breadcrumb{color:var(--muted);margin-bottom:1rem;font-size:.85rem}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.collab-hero{text-align:center;padding:1rem 0 2rem}.collab-hero p{color:#5c5f78;max-width:640px;margin:.8rem auto 0}.collab-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.collab-stats .stat{background:var(--card);text-align:center;border-radius:14px;padding:1.4rem;box-shadow:0 4px 16px #3d405b14}.collab-stats .num{color:var(--accent);font-size:1.8rem;font-weight:800}.collab-stats .lbl{color:var(--muted);margin-top:.2rem;font-size:.9rem}.collab-offers{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:1.5rem 0;display:grid}.collab-offers .offer{background:var(--card);border-radius:14px;padding:1.4rem 1.6rem;box-shadow:0 4px 16px #3d405b0f}.collab-offers .offer h3{color:var(--fg);margin:0 0 .4rem}.collab-offers .offer p{color:#5c5f78;margin:0;font-size:.95rem}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.contact-buttons a{color:#fff;border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-weight:600;display:inline-flex}.contact-buttons a:hover{opacity:.88}.btn-ig{background:#d6336c}.btn-mail{background:var(--teal)}.btn-line{background:#06c755}@media (width<=680px){.collab-stats,.collab-offers{grid-template-columns:1fr}}.search-box{gap:.6rem;margin:1.5rem 0;display:flex}.search-box input{background:var(--card);color:var(--fg);border:1px solid #ddd;border-radius:10px;flex:1;padding:.8rem 1rem;font-size:1rem}#search-results .hint{color:var(--muted)}footer.site-footer{color:#d6d7e0;background:#2f3042;margin-top:3rem;padding:2.5rem 1.5rem}.footer-wrap{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin:0 auto;display:flex}.footer-wrap .brand-line{color:#fff;font-size:1.1rem;font-weight:700}.footer-wrap .sub{color:#9fa1b3;margin-top:.4rem;font-size:.9rem}.footer-social{gap:.8rem;display:flex}.footer-social a{color:#fff;background:#41435a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.footer-social a:hover{background:var(--accent);opacity:1}.footer-social svg{fill:currentColor;width:20px;height:20px}.footer-bottom{max-width:var(--max);color:#9fa1b3;border-top:1px solid #41435a;margin:1.5rem auto 0;padding-top:1.2rem;font-size:.82rem}