:root{
 --page:#fff;--ink:#20282C;--text:#334047;--muted:#78858B;--line:#E6EBED;
 --brand:#648F80;--brand-dark:#4D7669;--brand-soft:#EEF5F2;--gold:#E0B955;
 --shadow:0 18px 42px rgba(36,55,63,.08);--radius:20px;--container:1320px;
 --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
 --serif:"Noto Serif TC","Songti TC","PMingLiU",serif;
 --c-lifestyle:#C7A98A;--c-beauty:#D69BAE;--c-food:#D6AD61;--c-health:#80B596;--c-fashion:#9F97C0;
 --c-parenting:#E0AD72;--c-sports:#75AAA4;--c-finance:#89A4B5;--c-travel:#6EA8C0;--c-pets:#BF9677;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}body.nav-open{overflow:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-top{border-bottom:1px solid var(--line);background:#fff}.site-top-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.site-top-links{display:flex;gap:20px}
.site-header{background:#fff}.header-main{min-height:106px;display:grid;grid-template-columns:280px minmax(340px,1fr) 260px;align-items:center;gap:34px}.logo img{width:235px;height:auto}.site-search{display:flex;border:1px solid var(--line);background:#F9FBFA;border-radius:999px;overflow:hidden}.site-search input{flex:1;border:0;background:transparent;padding:14px 18px;outline:none}.site-search button{border:0;background:var(--brand);color:#fff;padding:0 22px;font-weight:800}.brand-note{border-left:1px solid var(--line);padding-left:22px}.brand-note strong{display:block;font-size:15px}.brand-note span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.desktop-nav{position:sticky;top:0;z-index:80;border-top:1px solid #F1F3F3;border-bottom:1px solid var(--line);background:#fff}.desktop-nav-inner{display:flex;align-items:stretch;gap:0}.nav-home,.nav-item>a,.all-categories-btn{display:flex;align-items:center;padding:16px 13px;font-size:14px;font-weight:800;border-bottom:3px solid transparent;white-space:nowrap}.nav-home:hover,.nav-item>a:hover,.nav-item.is-active>a{color:var(--brand-dark);border-bottom-color:var(--brand)}
.nav-item{position:relative}.nav-submenu{position:absolute;top:100%;left:0;width:250px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--channel,var(--brand));border-radius:0 0 14px 14px;padding:10px 0;box-shadow:0 18px 36px rgba(29,47,54,.10);display:none}.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{display:block}.nav-submenu a{display:block;padding:10px 16px;font-size:13px;font-weight:700;color:#506068}.nav-submenu a:hover{background:#F7FAF9;color:var(--brand-dark)}
.all-categories-btn{margin-left:auto;border:0;background:transparent;color:var(--brand-dark);gap:8px}.all-categories-btn svg{width:16px}.mega-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 22px 42px rgba(30,50,58,.08);display:none}.mega-menu.is-open{display:block}.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding:30px 0}.mega-group h3{font-size:16px;margin:0 0 10px}.mega-group ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mega-group li a{font-size:13px;color:var(--muted)}.mega-group li a:hover{color:var(--brand-dark)}.mega-line{width:38px;height:4px;border-radius:999px;background:var(--channel);margin-bottom:11px}
.menu-toggle{display:none;border:0;background:var(--brand-soft);width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{width:20px;height:2px;background:#37454B;display:block;position:relative;border-radius:2px}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}
.mobile-drawer{position:fixed;inset:0;z-index:120;display:none}.mobile-drawer.is-open{display:block}.mobile-backdrop{position:absolute;inset:0;background:rgba(25,36,40,.28)}.mobile-panel{position:absolute;right:0;top:0;height:100%;width:min(400px,90vw);background:#fff;padding:20px;overflow:auto;box-shadow:-18px 0 44px rgba(27,41,46,.14)}.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.mobile-close{border:0;background:#F5F8F7;width:40px;height:40px;border-radius:12px;font-size:22px}.mobile-nav{display:grid;gap:10px;margin-top:16px}.mobile-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}.mobile-group-btn{width:100%;border:0;background:#fff;padding:15px;display:flex;justify-content:space-between;font-weight:800}.mobile-subnav{display:none;padding:0 15px 13px;background:#FBFDFC}.mobile-group.is-open .mobile-subnav{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.mobile-subnav a{font-size:13px;color:var(--muted)}
.channel-color[data-channel="lifestyle"]{--channel:var(--c-lifestyle)}.channel-color[data-channel="beauty"]{--channel:var(--c-beauty)}.channel-color[data-channel="food"]{--channel:var(--c-food)}.channel-color[data-channel="health"]{--channel:var(--c-health)}.channel-color[data-channel="fashion"]{--channel:var(--c-fashion)}.channel-color[data-channel="parenting"]{--channel:var(--c-parenting)}.channel-color[data-channel="sports"]{--channel:var(--c-sports)}.channel-color[data-channel="finance"]{--channel:var(--c-finance)}.channel-color[data-channel="travel"]{--channel:var(--c-travel)}.channel-color[data-channel="pets"]{--channel:var(--c-pets)}
main{padding-bottom:70px}.section{padding-top:56px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-family:var(--serif);font-size:34px;line-height:1.2;margin:0}.section-head p{font-size:14px;color:var(--muted);margin:7px 0 0}.section-head>a{font-size:13px;color:var(--brand-dark);font-weight:800}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--brand-dark);margin-bottom:5px}.img-16x9{display:block;aspect-ratio:16/9;overflow:hidden;background:#F0F3F3}.img-16x9 img{width:100%;height:100%;object-fit:cover}
.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.25s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-body{padding:17px}.card-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.card-meta .cat{color:var(--channel,var(--brand-dark));font-weight:900}.card h3{font-family:var(--serif);font-size:20px;line-height:1.4;margin:8px 0 6px}.card h3 a:hover{color:var(--brand-dark)}.card p{font-size:14px;color:var(--muted);margin:0}.article-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.article-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.breadcrumb{padding:22px 0 14px;font-size:13px;color:var(--muted)}.breadcrumb ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb li:not(:last-child):after{content:"/";margin-left:8px;color:#B8C0C4}
.footer{background:#F8FBFA;border-top:1px solid var(--line);margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:34px;padding:46px 0}.footer-logo img{width:205px;height:auto}.footer p{font-size:13px;color:var(--muted);max-width:350px}.footer h4{font-size:14px;margin:0 0 12px}.footer a{display:block;margin:7px 0;font-size:13px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding:14px 0;font-size:12px;color:#9AA3A7}
@media(max-width:1180px){.header-main{grid-template-columns:240px 1fr}.brand-note{display:none}.desktop-nav-inner{overflow:visible}.nav-item:nth-of-type(n+8){display:none}.article-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(var(--container),calc(100% - 40px))}.site-top{display:none}.header-main{grid-template-columns:1fr auto;min-height:78px;gap:10px}.logo img{width:190px}.site-search{grid-column:1/-1;order:3;margin-bottom:12px}.desktop-nav{display:none}.menu-toggle{display:flex}.section{padding-top:38px}.section-head h2{font-size:28px}.article-grid-4,.article-grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
article img { max-width: 95%; height: auto; }