/*
Theme Name: Nexa Play
Theme URI: https://example.com/nexa-play
Author: Nexa
Description: 通用頻道入口主題：主視覺 Banner、頻道入口、熱門推薦、最新文章、優惠／公告，可切換固定側欄或收合選單，固定 CTA，所有文字、顏色、圖片、區塊與頁尾都可在自訂器調整。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nexa-play
Tags: blog, news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready, threaded-comments
*/

*{box-sizing:border-box}
body{margin:0;overflow-x:hidden;background:var(--nxp-bg,#fbfaf7);color:var(--nxp-ink,#2b1b3d);font-family:var(--nxp-font,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
ul,ol{padding-left:1.2em}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;background:var(--nxp-surface);color:var(--nxp-ink);z-index:100;border-radius:6px}
.nxp-wrap{width:calc(100% - 40px);max-width:var(--nxp-width,1240px);margin:0 auto}
button{font:inherit;color:inherit}

/* 按鈕 */
.nxp-btn,.wp-block-button__link,.wp-element-button{display:inline-block;padding:11px 22px;border:0;border-radius:999px;background:var(--nxp-primary);color:var(--nxp-on-primary)!important;font-weight:800;cursor:pointer;line-height:1.3}
.nxp-btn:hover,.wp-block-button__link:hover{filter:brightness(1.08)}

/* 頁首 */
.nxp-header{background:var(--nxp-bg);border-bottom:1px solid var(--nxp-line);z-index:20}
.nxp-header-sticky .nxp-header{position:sticky;top:0}
.admin-bar.nxp-header-sticky .nxp-header{top:32px}
.nxp-header-inner{min-height:72px;display:flex;gap:22px;align-items:center}
.nxp-brand{display:inline-flex;align-items:center;font-weight:900;font-size:26px;letter-spacing:-.5px;white-space:nowrap}
.nxp-brand img.custom-logo{display:block;width:auto;height:auto;max-height:52px;max-width:260px}
.nxp-brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:10px;background:linear-gradient(135deg,var(--nxp-primary),var(--nxp-accent));color:var(--nxp-on-primary);font-size:17px}
.nxp-primary-nav{flex:1;min-width:0}
.nxp-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.nxp-menu li{position:relative}
.nxp-menu a{display:block;padding:8px 2px;font-weight:700}
.nxp-menu a:hover,.nxp-menu .current-menu-item>a{color:var(--nxp-primary)}
.nxp-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:180px;list-style:none;margin:0;padding:8px;background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:10px;box-shadow:var(--nxp-shadow);z-index:30}
.nxp-menu li:hover>.sub-menu,.nxp-menu li:focus-within>.sub-menu{display:block}
.nxp-menu--stack{flex-direction:column;gap:0}
.nxp-menu--stack .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px}
.nxp-menu--inline{gap:4px 16px}
.nxp-header-search{margin-left:auto;width:min(320px,100%)}
.nxp-search{position:relative;margin:0}
.nxp-search input[type=search]{width:100%;border:1px solid var(--nxp-line);background:var(--nxp-surface);color:var(--nxp-ink);border-radius:999px;padding:11px 18px 11px 42px;font-size:15px;-webkit-appearance:none;appearance:none}
.nxp-search:before{content:"⌕";position:absolute;z-index:1;left:15px;top:5px;font-size:24px;color:var(--nxp-muted)}
.nxp-menu-toggle,.nxp-drawer-toggle{border:0;background:none;font-size:24px;cursor:pointer;min-width:44px;min-height:44px;color:var(--nxp-ink)}
.nxp-menu-toggle{margin-left:auto;display:none}
.nxp-drawer-toggle{margin-left:-10px}
.nxp-mobile-panel{display:none;border-top:1px solid var(--nxp-line);background:var(--nxp-bg);padding:14px 0 16px;max-height:calc(100vh - 64px);overflow-y:auto}
.nxp-mobile-panel:not([hidden]){display:block}
.nxp-mobile-panel .nxp-search{margin-bottom:12px}
.nxp-mobile-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nxp-mobile-channels a{flex:1 1 calc(50% - 8px);min-height:44px;padding:11px 14px;border-radius:10px;background:var(--nxp-soft);font-weight:800;text-align:center}

/* 快訊條與頻道列 */
.nxp-ticker{display:flex;justify-content:space-between;gap:16px;margin:18px 0 0;background:linear-gradient(100deg,var(--nxp-accent),var(--nxp-grad-c));color:var(--nxp-on-accent);font-weight:800;padding:12px 18px;border-radius:12px}
a.nxp-ticker:after{content:"→"}
.nxp-channel-rail{display:flex;align-items:center;gap:9px;margin:16px 0}
.nxp-rail-arrow{border:0;width:42px;height:42px;border-radius:50%;background:var(--nxp-surface);box-shadow:var(--nxp-shadow);font-size:26px;cursor:pointer;flex:none}
.nxp-channel-scroll{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1;padding:4px;touch-action:pan-x;cursor:grab}
.nxp-channel-scroll::-webkit-scrollbar{display:none}
.nxp-channel-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto}
.nxp-channel-scroll.is-dragging a{pointer-events:none}
.nxp-channel{background:var(--nxp-soft);padding:10px 22px;border-radius:10px;font-weight:800;white-space:nowrap;transition:.2s}
.nxp-channel:hover,.nxp-channel.is-active{background:var(--nxp-primary);color:var(--nxp-on-primary);box-shadow:var(--nxp-shadow-primary)}

/* 版面與側欄 */
.nxp-layout{display:block;margin-top:24px;margin-bottom:24px}
.nxp-layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) var(--nxp-sb-width,300px);gap:26px;align-items:start}
.nxp-sb-left .nxp-layout.has-sidebar{grid-template-columns:var(--nxp-sb-width,300px) minmax(0,1fr)}
.nxp-sb-left .nxp-layout.has-sidebar .nxp-main{order:2}
.nxp-sb-left .nxp-layout.has-sidebar .nxp-sidebar{order:1}
.nxp-main{min-width:0}
.nxp-sb-sticky .nxp-sidebar{position:sticky;top:90px}
.nxp-sidebar,.nxp-drawer-body{display:flex;flex-direction:column;gap:18px}
.nxp-sidebar{background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:var(--nxp-radius);padding:18px;box-shadow:var(--nxp-shadow)}
.nxp-side-title,.nxp-widget-title{margin:0 0 10px;font-size:17px;font-weight:900}
.nxp-side-block+.nxp-side-block{border-top:1px solid var(--nxp-line);padding-top:16px}
.nxp-rank{margin:0;padding:0;list-style:none;counter-reset:r}
.nxp-rank li{counter-increment:r;display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--nxp-line);line-height:1.4}
.nxp-rank li:before{content:counter(r);flex:none;width:22px;height:22px;border-radius:6px;background:var(--nxp-soft-strong);font-size:13px;font-weight:900;text-align:center}
.nxp-rank li:nth-child(-n+3):before{background:var(--nxp-primary);color:var(--nxp-on-primary)}
.nxp-results{list-style:none;margin:0;padding:0}
.nxp-results li,.nxp-results a{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--nxp-line)}
.nxp-results li>a{border:0;padding:0;width:100%}
.nxp-res-val{color:var(--nxp-primary)}
.nxp-tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.nxp-tag,.nxp-tags a{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--nxp-soft);font-size:14px;font-weight:700}
.nxp-tag:hover,.nxp-tags a:hover{background:var(--nxp-primary);color:var(--nxp-on-primary)}

/* 收合選單 */
.nxp-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:60}
.nxp-drawer{position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);background:var(--nxp-surface);transform:translateX(-102%);visibility:hidden;transition:transform .25s,visibility .25s;z-index:70;overflow-y:auto;box-shadow:var(--nxp-shadow);outline:0}
.nxp-drawer.is-open{transform:none;visibility:visible}
.nxp-drawer-open .nxp-drawer-overlay{opacity:1;visibility:visible}
.nxp-drawer-open{overflow:hidden}
.nxp-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--nxp-line);font-size:18px}
.nxp-drawer-close{border:0;background:none;font-size:30px;min-width:44px;min-height:44px;cursor:pointer;line-height:1}
.nxp-drawer-body{padding:16px 18px 28px}

/* 區塊共用 */
.nxp-block{margin:0 0 26px}
.nxp-block-title{margin:0 0 14px;font-size:22px;font-weight:900}
.nxp-page-title{font-size:26px;margin:0 0 16px}
.nxp-more{display:inline-block;margin-top:14px;color:var(--nxp-primary);font-weight:900}
.nxp-empty{padding:28px;background:var(--nxp-soft);border:1px dashed var(--nxp-soft-strong);border-radius:12px;color:var(--nxp-muted);text-align:center}
.nxp-meta{font-size:13px;font-weight:800;color:var(--nxp-primary)}
.nxp-placeholder{display:block;width:100%;height:100%;min-height:80px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.45),transparent 14%),linear-gradient(140deg,var(--nxp-grad-a),var(--nxp-grad-b) 60%,var(--nxp-grad-c))}

/* 主視覺 Banner */
.nxp-hero{position:relative;border-radius:var(--nxp-radius);overflow:hidden;background:linear-gradient(135deg,var(--nxp-grad-a),var(--nxp-grad-b) 58%,var(--nxp-grad-c));color:#fff}
.nxp-hero-slide{display:none;position:relative;min-height:var(--nxp-hero-h-d);align-items:flex-end}
.nxp-hero-slide.is-active{display:flex}
.nxp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nxp-hero.has-overlay .nxp-hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,6,22,.72),rgba(10,6,22,.15))}
.nxp-hero-copy{position:relative;z-index:2;padding:34px;max-width:640px;align-self:center}
.nxp-hero-copy h2{margin:0 0 8px;font-size:34px;line-height:1.2}
.nxp-hero-copy p{margin:0 0 18px;font-size:17px;opacity:.95}
.nxp-hero-btn{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#222;font-size:24px;cursor:pointer}
.nxp-hero-prev{left:12px}.nxp-hero-next{right:12px}
.nxp-hero-dots{position:absolute;z-index:3;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.nxp-hero-dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.nxp-hero-dot.is-active{background:#fff}

/* 頻道入口 */
.nxp-chan-grid{display:grid;grid-template-columns:repeat(var(--nxp-cols,4),minmax(0,1fr));gap:14px}
.nxp-chan{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:var(--nxp-radius);box-shadow:var(--nxp-shadow);text-align:center;font-weight:800;transition:transform .2s}
.nxp-chan:hover{transform:translateY(-3px)}
.nxp-chan-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--nxp-soft-strong);color:var(--nxp-primary);font-size:26px;font-weight:900;overflow:hidden}
.nxp-chan-icon img{width:100%;height:100%;object-fit:cover}
.nxp-chan-name{overflow-wrap:anywhere}

/* 卡片與格線 */
.nxp-grid{display:grid;grid-template-columns:repeat(var(--nxp-cols,3),minmax(0,1fr));gap:16px}
.nxp-grid--archive{grid-template-columns:repeat(var(--nxp-cols-d,3),minmax(0,1fr))}
.nxp-card{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:calc(var(--nxp-radius) - 2px);overflow:hidden;transition:box-shadow .2s}
.nxp-card:hover{box-shadow:var(--nxp-shadow)}
.nxp-card-media{display:block;aspect-ratio:var(--nxp-ratio,16 / 10);background:var(--nxp-soft);overflow:hidden}
.nxp-card-media img,.nxp-card-media .nxp-placeholder{width:100%;height:100%;object-fit:var(--nxp-img-fit,cover);display:block}
.nxp-card-copy{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.nxp-card h3{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.nxp-card-excerpt{font-size:14px;color:var(--nxp-muted)}
.nxp-card-date{font-size:12px;color:var(--nxp-muted)}
.nxp-card--noimg{border-left:4px solid var(--nxp-primary)}

/* 輪播 */
.nxp-carousel{position:relative}
.nxp-car-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.nxp-car-track::-webkit-scrollbar{display:none}
.nxp-car-item{flex:0 0 calc((100% - (var(--nxp-cols,3) - 1) * 16px) / var(--nxp-cols,3));min-width:0;scroll-snap-align:start}
.nxp-car-btn{position:absolute;top:40%;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:var(--nxp-surface);box-shadow:var(--nxp-shadow);font-size:24px;cursor:pointer}
.nxp-car-prev{left:-12px}.nxp-car-next{right:-12px}

/* 焦點版型 */
.nxp-focus{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px}
.nxp-focus>*{min-width:0}
.nxp-focus.is-single{grid-template-columns:minmax(0,1fr)}
.nxp-focus-hero{display:block;position:relative;min-height:335px;height:100%;background:linear-gradient(135deg,var(--nxp-grad-a),var(--nxp-grad-b) 55%,var(--nxp-grad-c));border-radius:13px;overflow:hidden;color:#fff}
.nxp-focus.is-single .nxp-focus-hero{min-height:420px}
.nxp-focus-hero img,.nxp-focus-hero .nxp-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nxp-focus-hero:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(16,8,29,.86))}
.nxp-focus-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:20px}
.nxp-focus-copy .nxp-meta{color:#fff;opacity:.85}
.nxp-focus-copy h3{margin:5px 0 0;font-size:28px;line-height:1.22;overflow-wrap:anywhere}
.nxp-story-list{display:flex;flex-direction:column}
.nxp-story{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid var(--nxp-line)}
.nxp-story--noimg{grid-template-columns:minmax(0,1fr) auto}
.nxp-story:last-child{border-bottom:0}
.nxp-story-media{display:block;width:116px;height:78px;border-radius:8px;overflow:hidden}
.nxp-story-media img,.nxp-story-media .nxp-placeholder{width:100%;height:100%;object-fit:cover}
.nxp-story h4{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.nxp-story p{margin:3px 0 0;color:var(--nxp-muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.nxp-time{font-size:12px;color:var(--nxp-mint);white-space:nowrap}
.nxp-time:before{content:"• ";font-size:20px;vertical-align:-2px}

/* 文字列表 */
.nxp-list{list-style:none;margin:0;padding:0;background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:12px}
.nxp-list a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--nxp-line)}
.nxp-list li:last-child a{border-bottom:0}
.nxp-list-media{flex:none;width:72px;height:50px;border-radius:6px;overflow:hidden}
.nxp-list-media img,.nxp-list-media .nxp-placeholder{width:100%;height:100%;object-fit:cover}
.nxp-list-copy{flex:1;min-width:0;display:flex;flex-direction:column}
.nxp-list time{font-size:12px;color:var(--nxp-muted);white-space:nowrap}

/* 優惠／公告 */
.nxp-promo-grid{display:grid;grid-template-columns:repeat(var(--nxp-cols,1),minmax(0,1fr));gap:14px}
.nxp-promo-item{display:flex;align-items:center;gap:18px;padding:22px;background:linear-gradient(100deg,var(--nxp-soft-strong),var(--nxp-soft));border:1px solid var(--nxp-line);border-radius:var(--nxp-radius);overflow:hidden}
.nxp-promo-media{flex:0 0 38%;max-width:320px;border-radius:10px;overflow:hidden}
.nxp-promo-media img{display:block;width:100%}
.nxp-promo-copy{flex:1;min-width:0}
.nxp-promo-copy h3{margin:0 0 6px;font-size:20px}
.nxp-promo-copy p{margin:0 0 12px;color:var(--nxp-muted)}

/* CTA */
.nxp-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 26px;border-radius:var(--nxp-radius);background:linear-gradient(110deg,var(--nxp-primary),var(--nxp-accent));color:var(--nxp-on-primary)}
.nxp-cta .nxp-btn{background:var(--nxp-surface);color:var(--nxp-ink)!important}
.nxp-cta-title{margin:0;font-size:22px}
.nxp-cta-text{margin:4px 0 0;opacity:.95}
.nxp-cta--side{flex-direction:column;align-items:flex-start;padding:18px}
.nxp-cta--article{margin:28px 0}
.nxp-footer-cta{padding:26px 0 0}
.nxp-fcta{position:fixed;z-index:50}
.nxp-fcta--float{bottom:28px;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;padding:13px 20px;border-radius:999px;color:var(--nxp-on-primary);background:linear-gradient(135deg,var(--nxp-primary),var(--nxp-accent));box-shadow:0 10px 28px rgba(0,0,0,.25);font-weight:900;transition:opacity .2s,transform .2s}
.nxp-fcta-d-right{right:28px}.nxp-fcta-d-left{left:28px}
.nxp-scrolling .nxp-fcta--float{opacity:.55;transform:scale(.93)}
.nxp-fcta--bar{left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;background:var(--nxp-ink);color:var(--nxp-on-ink);box-shadow:0 -6px 20px rgba(0,0,0,.2)}
.nxp-fcta-text{font-weight:700}
.nxp-fcta-bar{padding-bottom:64px}

/* 文章與頁面 */
.nxp-article{background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:var(--nxp-radius);padding:28px;box-shadow:var(--nxp-shadow);margin-bottom:24px}
.nxp-article-title{margin:0 0 10px;font-size:32px;line-height:1.25;overflow-wrap:anywhere}
.nxp-postmeta{display:flex;flex-wrap:wrap;gap:4px 6px;color:var(--nxp-muted);font-size:14px;margin-bottom:18px}
.nxp-postmeta a{color:var(--nxp-primary);font-weight:700}
.nxp-featured{margin:0 0 22px}
.nxp-featured img{display:block;width:100%;max-height:var(--nxp-feat-h-d);object-fit:var(--nxp-feat-fit);border-radius:12px}
.nxp-featured figcaption{font-size:13px;color:var(--nxp-muted);margin-top:6px}
.nxp-breadcrumb{margin:0 0 14px;font-size:14px;color:var(--nxp-muted)}
.nxp-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nxp-breadcrumb li+li:before{content:"›";margin-right:4px}
.nxp-breadcrumb a{color:var(--nxp-primary)}
.nxp-toc{margin:0 0 24px;padding:16px 20px;background:var(--nxp-soft);border:1px solid var(--nxp-line);border-radius:12px}
.nxp-toc-title{margin:0 0 8px;font-size:17px}
.nxp-toc ol{margin:0;padding-left:1.3em}
.nxp-toc-l3{margin-left:1.2em;list-style:circle}
.nxp-toc a:hover{color:var(--nxp-primary)}
.nxp-entry{font-size:17px;overflow-wrap:anywhere}
.nxp-entry>*:first-child{margin-top:0}
.nxp-entry h2,.nxp-entry h3{line-height:1.3;scroll-margin-top:90px}
.nxp-entry h2{margin:1.8em 0 .6em;padding-left:12px;border-left:5px solid var(--nxp-primary);font-size:24px}
.nxp-entry h3{margin:1.5em 0 .5em;font-size:20px}
.nxp-entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:1.2em 0}
.nxp-entry th,.nxp-entry td{padding:9px 12px;border:1px solid var(--nxp-line);text-align:left}
.nxp-entry th{background:var(--nxp-soft-strong)}
.nxp-entry tbody tr:nth-child(even){background:var(--nxp-soft)}
.nxp-entry blockquote,.wp-block-quote{margin:1.4em 0;padding:14px 20px;border-left:5px solid var(--nxp-accent);background:var(--nxp-soft);border-radius:0 10px 10px 0}
.nxp-entry blockquote p{margin:0 0 .5em}
.nxp-entry cite{color:var(--nxp-muted);font-size:14px}
.nxp-entry figure{margin:1.4em 0}
.nxp-entry figcaption{font-size:13px;color:var(--nxp-muted);text-align:center;margin-top:6px}
.nxp-entry pre{overflow-x:auto;padding:14px;background:var(--nxp-ink);color:var(--nxp-on-ink);border-radius:10px}
.nxp-entry code{background:var(--nxp-soft-strong);padding:1px 5px;border-radius:4px}
.nxp-entry pre code{background:none;padding:0}
.nxp-entry hr{border:0;border-top:2px solid var(--nxp-line);margin:2em 0}
.nxp-entry .alignwide,.nxp-entry .alignfull{max-width:100%}
.nxp-tags{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nxp-tags-label{font-weight:800}
.nxp-pagelinks{margin:16px 0}
.nxp-postnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.nxp-postnav a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--nxp-line);border-radius:12px;background:var(--nxp-bg)}
.nxp-postnav-next{text-align:right;grid-column:2}
.nxp-postnav-prev{grid-column:1}
.nxp-postnav-label{font-size:13px;font-weight:800;color:var(--nxp-primary)}
.nxp-postnav-title{font-weight:700;overflow-wrap:anywhere}
.nxp-nosidebar .nxp-article,.nxp-tpl-nosidebar .nxp-article{max-width:860px;margin-left:auto;margin-right:auto}
.nxp-tpl-full .nxp-article{max-width:none}
.nxp-tpl-landing .nxp-article{background:transparent;border:0;box-shadow:none;padding:0}
.nxp-tpl-landing .nxp-layout{margin-top:30px}

/* 列表頁 */
.nxp-archive-head{display:flex;gap:20px;align-items:center;margin:0 0 20px}
.nxp-archive-head.has-image{padding:20px;background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:var(--nxp-radius)}
.nxp-archive-image img{display:block;width:120px;height:120px;object-fit:cover;border-radius:14px}
.nxp-archive-head h1{margin:0;font-size:28px}
.nxp-archive-sub{color:var(--nxp-muted);font-size:14px}
.nxp-archive-desc{color:var(--nxp-muted);margin-top:6px}
.nxp-author-box{display:flex;align-items:center;gap:12px;margin-top:8px}
.nxp-author-box img{border-radius:50%}
.nxp-404-box{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.nxp-404-box .nxp-search{width:min(480px,100%)}
.navigation.pagination{margin:22px 0 4px}
.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.navigation.pagination .page-numbers{padding:8px 14px;border-radius:10px;background:var(--nxp-soft);font-weight:800}
.navigation.pagination .page-numbers.current{background:var(--nxp-primary);color:var(--nxp-on-primary)}

/* 留言 */
.nxp-comments{background:var(--nxp-surface);border:1px solid var(--nxp-line);border-radius:var(--nxp-radius);padding:24px}
.nxp-comment-list{list-style:none;padding:0}
.nxp-comment-list li{padding:12px 0;border-bottom:1px solid var(--nxp-line)}
.nxp-comments input[type=text],.nxp-comments input[type=email],.nxp-comments input[type=url],.nxp-comments textarea{width:100%;padding:10px;border:1px solid var(--nxp-line);border-radius:8px;background:var(--nxp-bg);color:var(--nxp-ink)}
.nxp-comments input[type=submit]{padding:11px 22px;border:0;border-radius:999px;background:var(--nxp-primary);color:var(--nxp-on-primary);font-weight:800;cursor:pointer}

/* 頁尾 */
.nxp-footer{margin-top:40px;background:var(--nxp-ink);color:var(--nxp-footer-text);padding:0 0 22px}
.nxp-footer a:hover{color:var(--nxp-on-ink)}
.nxp-footer-cols{display:grid;grid-template-columns:repeat(var(--nxp-fcols,3),minmax(0,1fr));gap:28px;padding:34px 0 8px}
.nxp-footer-title{margin:0 0 10px;font-size:17px;color:var(--nxp-on-ink)}
.nxp-footer-col ul{list-style:none;margin:0;padding:0}
.nxp-footer-col li{padding:4px 0}
.nxp-footer .nxp-tag{background:rgba(255,255,255,.12);color:inherit}
.nxp-footer-widgets{padding-top:16px}
.nxp-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}

/* 手機與平板 */
@media(max-width:1000px){
	.nxp-layout.has-sidebar,.nxp-sb-left .nxp-layout.has-sidebar{grid-template-columns:minmax(0,1fr)}
	.nxp-sb-left .nxp-layout.has-sidebar .nxp-main,.nxp-sb-left .nxp-layout.has-sidebar .nxp-sidebar{order:0}
	.nxp-sb-sticky .nxp-sidebar{position:static}
	.nxp-grid--archive{grid-template-columns:repeat(var(--nxp-cols-t,2),minmax(0,1fr))}
}
@media(max-width:780px){
	.nxp-wrap{width:calc(100% - 24px);max-width:650px}
	.nxp-header-inner{min-height:60px;gap:10px}
	.nxp-brand{font-size:21px}.nxp-brand img.custom-logo{max-height:38px;max-width:170px}
	.nxp-brand-mark{width:28px;height:28px;font-size:14px}
	.nxp-primary-nav,.nxp-header-search{display:none}
	.nxp-menu-toggle{display:block}
	.nxp-drawer-toggle{margin-right:auto}
	.nxp-rail-arrow{display:none}
	.nxp-channel{padding:9px 16px;font-size:14px}
	.nxp-hero-slide{min-height:var(--nxp-hero-h-m)}
	.nxp-hero-copy{padding:22px}.nxp-hero-copy h2{font-size:24px}.nxp-hero-copy p{font-size:15px}
	.nxp-chan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nxp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nxp-grid--archive{grid-template-columns:repeat(var(--nxp-cols-m,2),minmax(0,1fr))}
	.nxp-car-item{flex-basis:calc((100% - 12px) / 2)}
	.nxp-car-track{gap:12px}
	.nxp-car-btn{display:none}
	.nxp-focus{grid-template-columns:minmax(0,1fr)}
	.nxp-focus-hero{min-height:245px}.nxp-focus.is-single .nxp-focus-hero{min-height:260px}
	.nxp-focus-copy h3{font-size:22px}
	.nxp-story{grid-template-columns:88px minmax(0,1fr)}.nxp-story--noimg{grid-template-columns:minmax(0,1fr)}
	.nxp-story-media{width:88px;height:59px}.nxp-time{display:none}
	.nxp-promo-item{flex-direction:column;align-items:flex-start}.nxp-promo-media{flex-basis:auto;max-width:100%}
	.nxp-promo-grid{grid-template-columns:minmax(0,1fr)}
	.nxp-article{padding:18px}.nxp-article-title{font-size:25px}
	.nxp-featured img{max-height:var(--nxp-feat-h-m)}
	.nxp-postnav{grid-template-columns:1fr}.nxp-postnav-next,.nxp-postnav-prev{grid-column:auto;text-align:left}
	.nxp-archive-head{flex-direction:column;align-items:flex-start}
	.nxp-footer-cols{grid-template-columns:minmax(0,1fr)}
	.nxp-fcta-m-bottom.nxp-fcta--float{bottom:16px;left:50%;right:auto;transform:translateX(-50%)}
	.nxp-fcta-m-top.nxp-fcta--float{top:76px;bottom:auto;left:50%;right:auto;transform:translateX(-50%)}
	.nxp-scrolling .nxp-fcta-m-bottom.nxp-fcta--float,.nxp-scrolling .nxp-fcta-m-top.nxp-fcta--float{transform:translateX(-50%) scale(.93)}
	.nxp-fcta-float.nxp-fcta-m-bottom{padding-bottom:76px}
	.nxp-fcta--bar{flex-wrap:wrap;gap:8px}
	.admin-bar.nxp-header-sticky .nxp-header{top:46px}
}
@media(min-width:781px){.nxp-mobile-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}