:root{--bg:#fff7ee;--surface:#fffefb;--surface-soft:#f7efe5;--text:#2d2a27;--muted:#706862;--primary:#c8714b;--primary-soft:#f8dbc8;--accent:#97b37b;--line:#eadacd;--radius:18px;--radius-sm:12px;--shadow:0 12px 30px rgba(84,58,33,0.08)}@media (prefers-color-scheme:dark){:root{--bg:#171412;--surface:#221d19;--surface-soft:#2f2722;--text:#f6efe9;--muted:#c2b7ae;--primary:#efaa86;--primary-soft:#583f32;--line:#3f352f;--shadow:0 10px 24px rgba(0,0,0,0.32)}}:root[data-theme=light]{--bg:#fff7ee;--surface:#fffefb;--surface-soft:#f7efe5;--text:#2d2a27;--muted:#706862;--primary:#c8714b;--primary-soft:#f8dbc8;--accent:#97b37b;--line:#eadacd;--shadow:0 12px 30px rgba(84,58,33,0.08)}:root[data-theme=dark]{--bg:#171412;--surface:#221d19;--surface-soft:#2f2722;--text:#f6efe9;--muted:#c2b7ae;--primary:#efaa86;--primary-soft:#583f32;--line:#3f352f;--shadow:0 10px 24px rgba(0,0,0,0.32)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 85% 10%,#ffe7d2 0,transparent 34%),radial-gradient(circle at 10% 18%,#fff1dc 0,transparent 30%),var(--bg);color:var(--text);font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1080px,100% - 2rem);margin:0 auto}.page-stack{display:grid;grid-gap:1.6rem;gap:1.6rem;padding:1.6rem 0 2.5rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg),transparent 22%);border-bottom:1px solid var(--line)}.header-inner{gap:1rem;padding:1rem 0}.brand,.header-inner{display:flex;flex-direction:column}.brand{gap:.25rem}.brand-title{font-size:1.35rem;font-weight:800;letter-spacing:.02em}.brand-subtitle{color:var(--muted);font-size:.92rem}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--muted)}.theme-toggle select{border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-soft),#fff 35%);color:var(--text);padding:.3rem .58rem}.main-nav{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.main-nav a{border:1px solid color-mix(in srgb,var(--line),#ffffff 22%);background:linear-gradient(180deg,#fffdf9,#fff5eb);border-radius:48% 52% 56% 44%/58% 42% 54% 46%;padding:.5rem .9rem;white-space:nowrap;font-size:.9rem;box-shadow:0 5px 12px rgba(95,71,46,.12);transform-origin:center;transition:transform .18s ease,box-shadow .18s ease}.main-nav .cloud-nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95),rgba(255,255,255,.45) 56%,rgba(255,255,255,0) 100%),linear-gradient(180deg,#fffefb,#ffeede);min-height:2.2rem;padding:.45rem .95rem;animation:cloudFloat 5.2s ease-in-out infinite;animation-delay:calc(var(--cloud-i, 0) * .11s)}.main-nav .cloud-nav-btn:after,.main-nav .cloud-nav-btn:before{content:"";position:absolute;background:color-mix(in srgb,#ffffff 88%,var(--primary-soft) 12%);border-radius:999px;z-index:-1}.main-nav .cloud-nav-btn:before{width:42%;height:52%;left:-9%;top:-16%;transform:rotate(-8deg)}.main-nav .cloud-nav-btn:after{width:38%;height:48%;right:-7%;top:-12%;transform:rotate(10deg)}.main-nav a:nth-child(2n){border-radius:58% 42% 51% 49%/47% 55% 45% 53%}.main-nav a:nth-child(3n){border-radius:44% 56% 47% 53%/63% 38% 62% 37%}.main-nav a:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 8px 16px rgba(95,71,46,.16)}@keyframes cloudFloat{0%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-2px) rotate(.6deg)}to{transform:translateY(0) rotate(-.5deg)}}@media (prefers-reduced-motion:reduce){.main-nav .cloud-nav-btn{animation:none}}.about-brief,.about-page,.article-detail,.category-hero,.hero,.social-card,.story-card,.story-filter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.article-detail h1,.category-hero h1,.hero h1{margin:.35rem 0 .65rem;line-height:1.25;font-family:"Noto Serif TC",PMingLiU,serif;letter-spacing:.02em}.article-detail-category,.hero-kicker{color:var(--primary);font-weight:700;font-size:.92rem}.section-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.45rem .75rem;margin-bottom:.75rem}.section-subtitle{margin:.15rem 0 0;width:100%;color:var(--muted);font-size:.86rem}.inline-reco{position:-webkit-sticky;position:sticky;bottom:.8rem;z-index:20;margin:1rem 0;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface),var(--surface-soft) 35%);box-shadow:0 10px 24px color-mix(in srgb,#000 10%,transparent)}.inline-reco-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inline-reco-close{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer}.inline-reco-list{margin-top:.55rem;display:grid;grid-gap:.45rem;gap:.45rem}.inline-reco-item{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;background:var(--surface);color:var(--text);text-decoration:none;font-weight:700}.social-cta-pop{position:-webkit-sticky;position:sticky;bottom:.8rem;z-index:22;margin:.8rem 0 1rem;padding:.8rem;border:1px solid color-mix(in srgb,var(--line),var(--primary) 30%);border-radius:14px;background:linear-gradient(130deg,color-mix(in srgb,var(--surface),#fff 30%),color-mix(in srgb,var(--primary-soft),#fff 20%));box-shadow:0 12px 30px color-mix(in srgb,#000 12%,transparent)}.social-cta-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.social-cta-close{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:.24rem .62rem;font-size:.8rem;cursor:pointer}.social-cta-copy{margin:.4rem 0 0;color:var(--muted);font-size:.88rem}.social-cta-links{margin-top:.58rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.46rem;gap:.46rem}.social-cta-links a,.social-cta-links span{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.48rem .62rem;font-weight:700;text-decoration:none;background:var(--surface)}.social-cta-links a{color:var(--text)}.social-cta-links span{color:var(--muted)}.about-brief a,.section-head a{color:var(--primary);font-weight:700}.article-grid,.category-grid{display:grid;grid-gap:.85rem;gap:.85rem}.article-card,.category-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem;position:relative}.article-card:after,.category-card:after{content:"";position:absolute;top:-6px;right:16px;width:36px;height:12px;border-radius:8px;background:color-mix(in srgb,var(--accent),white 55%);opacity:.36}.article-card h3{margin:.2rem 0 .45rem;line-height:1.35;overflow-wrap:anywhere}.article-card-category{color:var(--primary);margin:0;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.45rem}.featured-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .52rem;font-size:.75rem;color:#6a422f;border:1px solid color-mix(in srgb,var(--primary),#fff 42%);background:color-mix(in srgb,var(--primary-soft),#fff 25%)}.article-card-excerpt{margin:0;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}.article-card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.84rem;color:var(--muted);margin-top:.75rem}.article-card-meta span{min-width:0;overflow-wrap:anywhere}.category-card p{margin:0;color:var(--primary);font-size:.85rem}.category-card h3{margin:.2rem 0;overflow-wrap:anywhere}.category-card span{color:var(--muted);font-size:.9rem}.story-list{display:grid;grid-gap:.8rem;gap:.8rem}.story-card h3{margin-top:0}.story-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.story-badges span{font-size:.86rem;background:var(--surface-soft);border-radius:999px;padding:.28rem .65rem;border:1px solid var(--line)}.social-links{display:flex;gap:.6rem;flex-wrap:wrap}.social-links a{background:var(--primary-soft);border-radius:999px;padding:.5rem .85rem;border:1px solid var(--line);color:#6e442c;font-weight:700}.social-embed-grid{margin-top:.8rem;display:grid;grid-gap:.7rem;gap:.7rem}.social-embed{width:100%;min-height:320px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-soft),#fff 28%)}.chip-row{display:flex;gap:.55rem;flex-wrap:wrap}.chip{border-radius:999px;border:1px solid var(--line);padding:.35rem .75rem;background:var(--surface-soft)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.future-note{color:var(--muted);margin-bottom:0}.ad-slot{border:1px dashed color-mix(in srgb,var(--primary),#ffffff 30%);background:color-mix(in srgb,var(--primary-soft),#fff 55%);border-radius:var(--radius-sm);padding:.65rem .8rem;display:grid;grid-gap:.15rem;gap:.15rem;color:#6f4a34}.ad-slot p{margin:0;font-size:.78rem;opacity:.85}.ad-slot strong{font-size:.92rem}.ad-slot span{font-size:.78rem;opacity:.8}.ad-slot-banner{min-height:88px}.ad-slot-infeed,.ad-slot-inread{min-height:110px}.ad-slot-sidebar{min-height:140px}.ad-slot-live{border-style:solid;background:color-mix(in srgb,var(--surface),#fff 20%)}.ad-slot-live .adsbygoogle{width:100%}.article-detail img{width:100%;border-radius:var(--radius-sm);margin-top:.6rem;max-height:380px;object-fit:cover}.article-detail-excerpt{color:var(--muted)}.meta-panel{background:var(--surface-soft);border-radius:var(--radius-sm);padding:.9rem;border:1px solid var(--line)}.meta-panel ul{margin-top:.25rem;margin-bottom:1rem;padding-left:1.1rem}.share-box{display:grid;grid-gap:.5rem;gap:.5rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft),#fff 34%);padding:.75rem .85rem}.share-actions{display:flex;flex-wrap:wrap;gap:.45rem}.share-actions a,.share-actions button{border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;background:#fff;font-size:.86rem;color:#5e3b2a;font-weight:700;cursor:pointer}.toc-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft),#fff 32%);padding:.8rem .9rem}.toc-box strong{display:block;margin-bottom:.4rem}.toc-box ul{margin:0;padding-left:1rem;display:grid;grid-gap:.32rem;gap:.32rem}.toc-box a{color:var(--primary)}.toc-lv3{opacity:.9;margin-left:.55rem}.article-content h2{margin-top:1.3rem}.article-content h2,.article-content h3{scroll-margin-top:96px}.article-content li,.article-content p{margin:.45rem 0}.article-neighbors{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.neighbor-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem .9rem;background:color-mix(in srgb,var(--surface-soft),#fff 30%);transition:transform .16s ease,box-shadow .16s ease}.neighbor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.neighbor-card p{margin:0;color:var(--muted);font-size:.83rem}.neighbor-card h3{margin:.24rem 0 0;font-size:1rem;line-height:1.35}.neighbor-card.muted{opacity:.72}.site-footer{border-top:1px solid var(--line);margin-top:2rem}.footer-inner{padding:1.2rem 0 2rem;color:var(--muted);font-size:.92rem}.admin-layout{display:grid;grid-gap:1rem;gap:1rem}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.security-warning{border-color:color-mix(in srgb,#cf5f4c,var(--line) 35%);background:color-mix(in srgb,#fff1e8,var(--surface) 45%)}.admin-note{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.admin-form{display:grid;grid-gap:.7rem;gap:.7rem}.editor-toolbar{display:grid;grid-gap:.4rem;gap:.4rem;padding:.65rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-soft),#fff 30%)}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.4rem}.markdown-preview{border:1px solid var(--line);border-radius:10px;padding:.85rem;background:#fffefc}.markdown-preview h2,.markdown-preview h3{margin:.4rem 0}.markdown-preview p{margin:.45rem 0}.article-content .md-image,.markdown-preview-content .md-image{width:100%;max-height:420px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin:.5rem 0}.md-table-wrap{overflow-x:auto}.md-table{width:100%;border-collapse:collapse;min-width:320px;margin:.5rem 0}.md-table td,.md-table th{border:1px solid var(--line);padding:.5rem .55rem;text-align:left}.md-table th{background:var(--surface-soft)}.md-youtube-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:10px;overflow:hidden;border:1px solid var(--line);margin:.7rem 0;background:#000}.md-youtube{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.tts-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft),#fff 40%);padding:.9rem}.admin-form label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.93rem}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.52rem .62rem;background:#fffefc;color:var(--text)}.admin-form textarea.drop-active{outline:2px dashed var(--primary);outline-offset:2px;background:color-mix(in srgb,var(--primary-soft),#fff 60%)}.admin-meta-grid{display:grid;grid-gap:.6rem;gap:.6rem;padding:.8rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm)}.admin-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.admin-actions label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.admin-actions input,.admin-actions select{border:1px solid var(--line);border-radius:10px;padding:.46rem .62rem;background:#fffefc;color:var(--text);min-width:180px}.tag-chip-group{display:inline-flex;gap:.35rem}.admin-checklist{margin:.7rem 0;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-soft),#fff 40%);padding:.7rem .8rem}.admin-checklist ul{margin:.45rem 0 0;padding-left:1rem;display:grid;grid-gap:.2rem;gap:.2rem;font-size:.88rem}.admin-actions a,.admin-actions button,.admin-item-actions a,.admin-item-actions button{border:none;border-radius:999px;padding:.44rem .86rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center}.admin-actions button{background:var(--primary);color:#fff}.ghost-btn{background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--line)!important}.danger-btn{background:#cf5f4c!important;color:#fff!important}.admin-list{display:grid;grid-gap:.7rem;gap:.7rem}.admin-bullet-list{margin:.45rem 0 0;padding-left:1.2rem;display:grid;grid-gap:.35rem;gap:.35rem;color:var(--text);font-size:.9rem}.admin-item{border:1px solid var(--line);border-radius:12px;padding:.8rem;display:flex;justify-content:space-between;gap:.7rem;align-items:center;background:color-mix(in srgb,var(--surface),var(--surface-soft) 20%)}.strategy-card{align-items:flex-start}.admin-item h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.admin-item p{margin:.25rem 0 0;color:var(--muted);font-size:.86rem}.admin-item-actions{display:flex;flex-wrap:wrap;gap:.45rem}.admin-sep{border:none;border-top:1px solid var(--line);margin:1rem 0}.media-meta{display:flex;align-items:center;gap:.6rem;min-width:0}.media-meta h3{overflow-wrap:anywhere}.media-thumb{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.admin-stats-grid{display:grid;grid-gap:.55rem;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-card{border:1px solid var(--line);border-radius:12px;padding:.6rem .7rem;background:color-mix(in srgb,var(--surface-soft),#fff 35%);display:grid;grid-gap:.15rem;gap:.15rem}.admin-stat-card strong{font-size:1.15rem}.admin-stat-card span{font-size:.82rem;color:var(--muted)}.admin-scheduled-box{margin-top:.8rem;border:1px solid var(--line);border-radius:12px;padding:.7rem;background:color-mix(in srgb,var(--surface-soft),#fff 42%)}.schedule-calendar-grid{margin-top:.65rem;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-suggest-row{margin-top:.55rem;display:grid;grid-gap:.5rem;gap:.5rem}.schedule-suggest-row label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.86rem}.schedule-suggest-row input,.schedule-suggest-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.48rem .6rem;background:#fffefc;color:var(--text)}.schedule-suggest-row button{border:none;border-radius:999px;padding:.44rem .86rem;font-weight:700;cursor:pointer}.schedule-day-card{border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;background:color-mix(in srgb,var(--surface),var(--surface-soft) 25%)}.schedule-day-date{margin:0;font-size:.82rem;color:var(--muted)}.schedule-day-list{margin:.35rem 0 0;padding-left:1rem;font-size:.85rem;display:grid;grid-gap:.15rem;gap:.15rem}@media (min-width:760px){.header-inner{flex-direction:row;justify-content:space-between;align-items:center}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-suggest-row{grid-template-columns:1fr 1fr auto;align-items:end}.article-neighbors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.container{width:min(100% - 1rem,1080px)}.page-stack{gap:1rem;padding:1rem 0 1.8rem}.about-brief,.about-page,.admin-panel,.article-detail,.category-hero,.hero,.social-card,.story-card,.story-filter{padding:1rem}.header-inner{gap:.75rem}.brand-title{font-size:1.18rem}.brand-subtitle{font-size:.86rem}.main-nav{margin-inline:-.5rem;padding-inline:.5rem}.admin-actions,.admin-item-actions,.share-actions,.social-links{align-items:stretch}.admin-actions>*,.admin-item-actions>*,.share-actions>*,.social-links>*{flex:1 1 100%;justify-content:center;text-align:center}.admin-actions input,.admin-actions select{min-width:0}.admin-item{display:grid;align-items:start}.social-cta-links{grid-template-columns:1fr}.inline-reco,.social-cta-pop{position:static;bottom:auto}.article-detail img{max-height:280px}}@media (min-width:1040px){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}