/*
Theme Name: 和雅網頁設計公司
Theme URI: https://heya-web-design.vocal-wolf-1805.chatgpt.site
Author: 和雅網頁設計公司
Description: 和雅網頁設計公司客製主題，包含娛樂資訊分頁、部落格文章、響應式頁首頁尾與右下角 CTA。
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: heya-web-design
*/
:root{--paper:#f4f0e8;--ink:#252923;--sage:#738072;--peach:#c98d72;--line:#cdc8bd;--white:#fbfaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{height:92px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);border-top:4px solid var(--ink);background:rgba(244,240,232,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font:20px Georgia,"Noto Serif TC",serif;white-space:nowrap}.brand-mark{width:45px;height:45px;border:1px solid var(--ink);display:grid;place-items:center;font-size:25px}.brand small{display:block;font:8px Arial;letter-spacing:.22em;margin-top:4px;color:#767a72}.site-header nav{margin-left:auto}.site-header ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:700}.site-header li a{display:block;padding:36px 0;border-bottom:1px solid transparent}.site-header li a:hover{border-color:var(--ink)}.hero{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;padding:65px 4vw 80px}.hero-copy{padding-left:3vw}.kicker,.section-label{font-size:11px;letter-spacing:.22em;color:var(--sage);font-weight:700}.hero h1{font:500 clamp(50px,5.6vw,82px)/1.16 Georgia,"Noto Serif TC",serif;letter-spacing:-.05em;margin:20px 0 28px}.hero h1 em{font-style:normal;color:var(--peach)}.hero p{max-width:560px;color:#65675f;line-height:1.9}.hero-image{position:relative}.hero-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.hero-note{position:absolute;left:-30px;bottom:-25px;background:var(--white);padding:20px 28px;box-shadow:0 16px 40px #3323}.hero-note small{display:block;letter-spacing:.18em;color:var(--sage);margin-bottom:7px}.buttons{display:flex;gap:12px;margin-top:32px}.button{padding:15px 22px;border:1px solid var(--ink);font-size:13px;font-weight:700}.button.dark{background:var(--ink);color:#fff}.manifesto{background:var(--ink);color:#f5f0e6;padding:105px 8vw;text-align:center}.manifesto h2{font:500 clamp(34px,4vw,58px)/1.45 Georgia,"Noto Serif TC",serif;margin:20px}.section{max-width:1180px;margin:auto;padding:100px 30px}.section h2,.page-hero h1{font:500 clamp(38px,5vw,68px)/1.25 Georgia,"Noto Serif TC",serif}.service-grid,.card-grid,.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article,.card-grid article{border-top:2px solid var(--sage);background:var(--white);padding:30px;min-height:230px}.service-grid h3,.card-grid h3{font:28px Georgia;margin:45px 0 12px}.service-grid p,.card-grid p{color:#666b63;line-height:1.8}.page-hero{padding:110px 8vw 90px;border-bottom:1px solid var(--line)}.page-hero p{font-size:18px;line-height:1.8;color:#64675f;max-width:700px}.dark-band{background:var(--ink);color:#fff;padding:75px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.dark-band h2{font:44px Georgia;margin:0}.dark-band ul{line-height:2.2}.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rank-grid article{background:#e7e0d5;padding:30px;min-height:260px}.rank-grid b{font:40px Georgia;color:var(--sage)}.rank-grid h3{font:25px Georgia;margin-top:45px}.list article{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding:30px 10px}.list h3{font:28px Georgia;margin:0 0 10px}.alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.alert-grid article{background:#f0e7dc;border-top:3px solid #9c6358;padding:35px;min-height:220px}.alert-grid h3{font:30px Georgia}.post-card .cover{aspect-ratio:4/3;padding:25px;background:var(--sage);display:flex;justify-content:space-between}.post-card:nth-child(3n+2) .cover{background:var(--ink);color:#fff}.post-card:nth-child(3n) .cover{background:var(--peach)}.post-card h2{font:25px/1.45 Georgia;margin:14px 0}.post-card small{display:block;margin-top:18px;color:var(--sage)}.pagination{margin-top:40px}.article{max-width:850px;margin:auto;padding:100px 25px}.article h1{font:500 clamp(42px,6vw,72px)/1.25 Georgia}.article .lead{font-size:20px;line-height:1.9;color:#63665f}.article h2{font:32px Georgia;margin-top:50px}.article p{line-height:2;color:#555a53}.article aside{background:#e3ded3;padding:25px;margin-top:40px}.floating-cta{position:fixed;right:22px;bottom:22px;z-index:30;width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--peach);color:#fff;border:5px solid var(--paper);box-shadow:0 10px 25px #3124;font-size:12px}.floating-cta b{font-size:15px;margin-top:4px}.site-footer{background:#e9e2d5;color:#625f58;padding:70px 7vw 22px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px}.footer-col{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-col h3{color:var(--ink);margin:0 0 8px}.footer-brand p{line-height:1.8}.footer-notice,.footer-bottom{border-top:1px solid #cfc6b7;margin-top:45px;padding-top:25px;display:flex;justify-content:space-between;gap:40px;font-size:12px}.footer-notice b{color:#55775f;font-size:15px}.footer-bottom{margin-top:30px;padding-top:18px}.menu-toggle{display:none;background:none;border:1px solid;padding:10px}
@media(max-width:900px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:14px 20px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;width:100%;margin:14px 0 0}.site-header nav.open{display:block}.site-header ul{overflow:auto;gap:22px}.site-header li a{padding:8px 0;white-space:nowrap}.hero,.dark-band{grid-template-columns:1fr}.hero-copy{padding:0}.hero-image{margin:20px}.service-grid,.card-grid,.posts-grid,.rank-grid,.alert-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:32px}.footer-notice,.footer-bottom{flex-direction:column;gap:12px}.floating-cta{width:85px;height:85px}.list article{grid-template-columns:50px 1fr}.page-hero{padding-block:75px}}