:root{--navy:#081d3a;--blue:#1677c8;--yellow:#f5c84c;--ink:#172238;--muted:#637083;--line:#dce6ef}
*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);line-height:1.75}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:20px;font-weight:900;color:var(--navy)}nav{display:flex;gap:18px;align-items:center;font-weight:700;font-size:14px}.lang-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-weight:900;cursor:pointer}
.hero,.page-hero{background:linear-gradient(135deg,#071a34,#104b7b);color:#fff}.hero{padding:75px 0}.page-hero{padding:55px 0}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:center}
h1{font-size:clamp(38px,5vw,64px);line-height:1.15;margin:0 0 18px}h2{font-size:clamp(30px,4vw,44px);color:var(--navy);margin:0 0 16px}.hero p,.page-hero p{color:#d9e8f5;font-size:18px}.hero img{border-radius:24px;box-shadow:0 20px 50px #0005}
section{padding:68px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.card h3{color:var(--navy);margin:0 0 8px}.muted{color:var(--muted)}
.btn{display:inline-block;margin:8px 8px 0 0;padding:11px 18px;border-radius:10px;background:var(--yellow);color:var(--navy);font-weight:900}
.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.comic{border:1px solid var(--line);border-radius:18px;overflow:hidden}.comic img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eef3f7}.comic .copy{padding:18px}
.record{border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:18px}.meta{font-size:13px;color:var(--blue);font-weight:900}.record .body{white-space:pre-wrap;color:#405066}
footer{background:#06172e;color:#c7d4e2;padding:36px 0}.social a{margin-right:12px}
@media(max-width:800px){nav a{display:none}.hero-grid,.grid3,.comic-grid{grid-template-columns:1fr}}


/* Hearing-record cards and article pages */
.record-list{display:grid;gap:24px}
.record-card{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 34px rgba(8,29,58,.06)}
.record-card-image{min-height:230px;background:#101010}
.record-card-image img{width:100%;height:100%;object-fit:cover}
.record-card-copy{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.record-card-copy h3{font-size:clamp(23px,3vw,31px);line-height:1.35;color:var(--navy);margin:7px 0 12px}
.record-card-copy p{margin:0 0 15px;color:var(--muted)}
.read-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:var(--navy);color:#fff;font-weight:900;border-radius:10px;padding:10px 17px;margin-top:6px}
.read-btn:hover{background:#104b7b}
.article-shell{width:min(900px,calc(100% - 36px));margin:auto}
.article-cover{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 40px rgba(8,29,58,.10);margin:0 0 34px}
.article-cover img{width:100%;height:auto}
.article-meta{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 22px}
.article-chip{display:inline-flex;padding:5px 11px;border-radius:999px;background:#edf5fb;color:#155f97;font-size:13px;font-weight:800}
.article-body{font-size:17px;color:#33445a}
.article-body h2{font-size:28px;margin:42px 0 13px}
.article-body h3{font-size:21px;color:var(--navy);margin:28px 0 9px}
.article-body p{margin:0 0 16px}
.article-body ol,.article-body ul{padding-left:1.5em;margin:0 0 20px}
.article-body li{margin:5px 0}
.article-quote{padding:18px 22px;border-left:4px solid var(--yellow);background:#f7fafc;border-radius:0 12px 12px 0;margin:20px 0;font-weight:700;color:#26384e}
.article-note{border:1px solid #dbe6ee;background:#f8fbfd;padding:18px 20px;border-radius:14px;color:#5a6778;font-size:14px;margin:32px 0}
.article-back{display:inline-block;margin-bottom:20px;color:var(--blue);font-weight:900}
.hashtag{font-weight:900;color:var(--blue);font-size:18px;margin-top:34px}
@media(max-width:800px){.record-card{grid-template-columns:1fr}.record-card-image{min-height:auto}.record-card-image img{aspect-ratio:16/9}.record-card-copy{padding:22px}.article-body{font-size:16px}}


/* Activity records */
.activity-list{display:grid;gap:24px}
.activity-card{display:grid;grid-template-columns:360px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 34px rgba(8,29,58,.07)}
.activity-card-cover{background:linear-gradient(135deg,#0b2547,#8a1f1f);min-height:245px;display:flex;align-items:center;justify-content:center;padding:28px;color:#fff;text-align:center}
.activity-card-cover .datebox{font-weight:900;font-size:22px;line-height:1.35}
.activity-card-cover .datebox small{display:block;font-size:13px;letter-spacing:.12em;color:#f7d86b;margin-bottom:8px}
.activity-card-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}
.activity-card-copy h3{font-size:clamp(23px,3vw,31px);line-height:1.35;color:var(--navy);margin:7px 0 12px}
.activity-card-copy p{margin:0 0 15px;color:var(--muted)}
.activity-cover{border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#091a31,#8e2424);padding:54px 34px;color:#fff;margin-bottom:34px;position:relative}
.activity-cover:after{content:"";position:absolute;inset:auto -60px -100px auto;width:300px;height:300px;border-radius:50%;background:rgba(245,200,76,.14)}
.activity-cover .eyebrow2{font-size:13px;letter-spacing:.14em;font-weight:900;color:#f5d869}
.activity-cover h1{font-size:clamp(34px,5vw,54px);margin:10px 0 14px;max-width:800px}
.activity-cover p{color:#e1eaf3;font-size:17px;max-width:760px;margin:0}
.activity-article{width:min(900px,calc(100% - 36px));margin:auto}
.activity-body{font-size:17px;color:#33445a}
.activity-body p{margin:0 0 18px}
.activity-body .opening{font-size:21px;line-height:1.75;color:var(--navy);font-weight:800;margin:0 0 28px}
.activity-body h2{font-size:29px;margin:44px 0 16px}
.activity-body .emphasis{border-left:4px solid var(--yellow);background:#f8fafc;border-radius:0 12px 12px 0;padding:18px 22px;margin:26px 0;font-weight:800;color:#24384f}
.media-section{margin-top:48px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.photo-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.photo-card figcaption{padding:10px 12px;font-size:13px;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.video-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.video-card video{width:100%;background:#111;display:block}
.video-frame{aspect-ratio:16/9;width:100%;border:0;background:#111}
.video-copy{padding:13px 15px;color:var(--muted);font-size:14px}
.media-empty{border:1px dashed #aabccc;border-radius:16px;padding:28px;text-align:center;background:#f8fbfd;color:var(--muted)}
.media-empty b{display:block;color:var(--navy);font-size:18px;margin-bottom:5px}
.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.tag-pill{display:inline-flex;background:#eef5fb;color:#155f97;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:900}
@media(max-width:800px){.activity-card{grid-template-columns:1fr}.activity-card-cover{min-height:190px}.photo-grid,.video-grid{grid-template-columns:1fr}.activity-body{font-size:16px}}


.activity-photo-cover{position:relative;padding:0;min-height:245px;overflow:hidden}
.activity-photo-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.activity-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,25,.08),rgba(3,12,25,.72));display:flex;align-items:flex-end;justify-content:flex-start;padding:24px;color:#fff;text-align:left}
.activity-hero-photo{margin:0 0 38px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 14px 42px rgba(8,29,58,.09)}
.activity-hero-photo img{width:100%;height:auto;display:block}
.activity-hero-photo figcaption{padding:11px 15px;color:var(--muted);font-size:13px}
.photo-card a{display:block;overflow:hidden}
.photo-card img{transition:transform .25s ease}
.photo-card a:hover img{transform:scale(1.025)}
.photo-hint{font-size:12px;color:#8796a8}


/* Court comic episodes */
.episode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.episode-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 32px rgba(8,29,58,.07)}
.episode-cover{height:290px;position:relative;display:flex;align-items:flex-end;padding:28px;color:#fff;overflow:hidden}
.episode-one{background:radial-gradient(circle at 75% 20%,rgba(245,200,76,.32),transparent 30%),linear-gradient(135deg,#071a34,#134b7c)}
.episode-two{background:radial-gradient(circle at 75% 20%,rgba(255,104,86,.3),transparent 30%),linear-gradient(135deg,#2c0b20,#9d2837)}
.episode-cover:after{content:"";position:absolute;width:240px;height:240px;border:2px solid rgba(255,255,255,.14);border-radius:50%;right:-70px;top:-60px}
.episode-badge{position:absolute;top:20px;left:20px;background:var(--yellow);color:var(--navy);font-weight:950;border-radius:999px;padding:7px 12px;font-size:13px;letter-spacing:.08em}
.episode-cover-copy{position:relative;z-index:1}.episode-cover-copy small{display:block;letter-spacing:.14em;color:#d8e9f8;margin-bottom:7px}.episode-cover-copy strong{display:block;font-size:38px;line-height:1.2}
.episode-copy{padding:24px}.episode-copy h3{font-size:25px;color:var(--navy);margin:5px 0 9px}.episode-copy p{color:var(--muted);margin:0 0 18px}
.episode-actions{display:flex;gap:10px;flex-wrap:wrap}.source-btn{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:9px;color:var(--navy);font-weight:850}
.comic-article{width:min(900px,calc(100% - 36px));margin:auto}.comic-episode-hero{min-height:350px;border-radius:24px;padding:38px;color:#fff;display:flex;align-items:flex-end;position:relative;overflow:hidden;margin-bottom:30px}
.comic-episode-hero .episode-badge{top:28px;left:28px}.comic-episode-kicker{font-size:13px;letter-spacing:.14em;color:#f3d86f;font-weight:900}.comic-episode-hero h1{font-size:clamp(36px,5vw,58px);margin:6px 0}.comic-episode-hero p{color:#dce8f3}
.comic-source-box{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff}.comic-source-box h2{margin-top:0}.comic-source-box p{color:var(--muted)}
.fb-source-large{display:inline-flex;margin-top:8px;background:#1877f2;color:#fff;padding:12px 18px;border-radius:10px;font-weight:900}.source-url{font-size:12px;color:#8897a8;margin-top:14px;word-break:break-all}
.comic-note{margin:24px 0;padding:20px 22px;background:#f6f9fc;border-left:4px solid var(--yellow);border-radius:0 12px 12px 0}.comic-note strong{color:var(--navy)}.comic-note p{margin:5px 0 0;color:var(--muted)}
.article-prev-next{display:flex;justify-content:space-between;margin:32px 0 48px}.article-nav-link{font-weight:900;color:var(--blue)}
@media(max-width:800px){.episode-grid{grid-template-columns:1fr}.episode-cover{height:230px}.episode-cover-copy strong{font-size:32px}.comic-episode-hero{min-height:280px}}


/* Activity albums */
.album-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.album-index-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(8,29,58,.06)}
.album-index-cover{display:block;position:relative}.album-index-cover img{width:100%;aspect-ratio:4/3;object-fit:cover}
.album-count{position:absolute;right:12px;bottom:12px;background:rgba(3,18,36,.82);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}
.album-index-copy{padding:20px}.album-index-copy h3{font-size:22px;color:var(--navy);margin:4px 0 8px}.album-index-copy p{margin:0 0 14px;color:var(--muted)}
.album-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.album-photo-card{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;cursor:zoom-in;transition:.2s ease}
.album-photo-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,29,58,.10)}
.album-photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.album-photo-card figcaption{padding:11px 13px;font-size:13px;color:var(--muted)}
.lightbox{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:30px}
.lightbox.show{display:flex}.lightbox figure{margin:0;max-width:min(1100px,90vw);max-height:90vh;text-align:center}.lightbox img{max-width:100%;max-height:82vh;margin:auto}.lightbox figcaption{color:#fff;margin-top:10px}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;border-radius:999px}
.lightbox-close{right:20px;top:18px;width:44px;height:44px;font-size:30px}.lightbox-prev,.lightbox-next{top:50%;width:48px;height:58px;font-size:40px;transform:translateY(-50%)}.lightbox-prev{left:18px}.lightbox-next{right:18px}
.album-jump{margin:20px 0 6px}
@media(max-width:800px){.album-index-grid,.album-photo-grid{grid-template-columns:1fr}.lightbox-prev{left:6px}.lightbox-next{right:6px}}


/* ===== Redesigned court comics library / reader ===== */
.court-library-hero{background:
radial-gradient(circle at 80% 15%,rgba(245,200,76,.14),transparent 28%),
linear-gradient(135deg,#061426,#0b2d50 58%,#111827);color:#fff;padding:70px 0 64px}
.court-library-hero h1{color:#fff;margin:5px 0 14px;font-size:clamp(44px,7vw,72px)}
.court-library-hero p{color:#ccdae8;max-width:760px;font-size:18px}
.court-kicker{font-size:12px;letter-spacing:.17em;font-weight:950;color:#e5b943;text-transform:uppercase}
.episode-library{display:grid;gap:30px}
.episode-library-card{display:grid;grid-template-columns:minmax(300px,430px) 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 16px 50px rgba(8,29,58,.09)}
.episode-library-cover,.episode-placeholder-cover{position:relative;min-height:430px;display:block;overflow:hidden;background:#091827;color:#fff}
.episode-library-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 10%}
.episode-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(1,8,19,.92) 100%)}
.episode-number{position:absolute;top:22px;left:22px;background:#e8b93f;color:#0a1a2d;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.09em;z-index:2}
.episode-cover-title{position:absolute;left:28px;right:28px;bottom:28px;z-index:2}.episode-cover-title small{display:block;color:#e9c75f;letter-spacing:.12em;font-weight:900;margin-bottom:6px}.episode-cover-title strong{display:block;font-size:32px;line-height:1.25}
.episode-library-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.episode-library-copy h2{font-size:30px;margin:5px 0 12px}.episode-library-copy p{color:var(--muted);font-size:16px}.episode-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.episode-placeholder-cover{background:
radial-gradient(circle at 65% 25%,rgba(207,78,91,.35),transparent 28%),
linear-gradient(145deg,#180d1c,#541c31 60%,#101a29)}
.placeholder-icon{position:absolute;right:34px;top:50%;transform:translateY(-50%);font-size:150px;font-family:Georgia,serif;color:rgba(255,255,255,.07);font-weight:900}.placeholder-icon.large{position:static;transform:none;font-size:100px;color:rgba(255,255,255,.16);line-height:1}

.comic-reader-hero{background:
radial-gradient(circle at 80% 20%,rgba(245,200,76,.12),transparent 26%),
linear-gradient(140deg,#050e1b,#0a2a49 58%,#172035);color:#fff;padding:38px 0 68px}
.comic-reader-wrap{width:min(1100px,calc(100% - 36px));margin:auto}.comic-back{display:inline-block;color:#dbe8f5;margin-bottom:26px}
.comic-reader-hero-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:52px;align-items:center}.comic-hero-cover{border-radius:22px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.16)}.comic-hero-cover img{width:100%;height:auto}
.comic-series-label{font-size:13px;letter-spacing:.15em;color:#efca63;font-weight:950}.comic-hero-copy h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:12px 0 18px;color:#fff}.comic-hero-copy p{font-size:18px;color:#d6e3ef;max-width:640px}.comic-stats{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.comic-stats span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 12px;color:#dbe8f5;font-size:13px}.comic-stats b{color:#f2cd68}.source-dark{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)}

.comic-intro-section{padding:54px 0;background:#f5f8fb}.comic-intro-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 12px 38px rgba(8,29,58,.06)}.comic-intro-card h2{margin:5px 0 18px}.comic-intro-card p{font-size:17px;color:#3f4f63}.comic-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.comic-tags span{background:#edf4f9;color:#144f7a;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:850}

.comic-reader-section{padding:64px 0 80px}.reader-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.reader-head h2{margin:4px 0 5px}.reader-head p{margin:0;color:var(--muted)}.reader-count{font-weight:900;color:var(--navy);background:#eef4f8;border-radius:999px;padding:8px 13px}
.comic-thumb-nav{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 16px;margin-bottom:24px;scrollbar-width:thin}.comic-thumb{flex:0 0 94px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;cursor:pointer;transition:.2s}.comic-thumb:hover{transform:translateY(-2px);border-color:#99b7ce}.comic-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px}.comic-thumb span{display:block;font-size:12px;font-weight:900;color:var(--navy);padding-top:5px}
.comic-pages{display:grid;gap:34px}.comic-page{scroll-margin-top:90px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(8,29,58,.07)}.comic-page-label{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#0a1c32;color:#fff}.comic-page-label span{font-size:12px;letter-spacing:.12em;color:#e6c55a;font-weight:900}.comic-page-label b{font-size:14px}.comic-page-image{width:100%;padding:0;border:0;background:#101010;cursor:zoom-in;display:block}.comic-page-image img{display:block;width:100%;height:auto;max-height:none}.comic-page-caption{padding:12px 18px;color:var(--muted);font-size:13px}
.comic-end-card{margin-top:42px;background:linear-gradient(135deg,#071b31,#113d67);color:#fff;border-radius:22px;padding:28px;display:flex;align-items:center;gap:22px}.comic-end-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e7bd4c;color:#0d1d30;font-size:30px;flex:0 0 auto}.comic-end-card h3{margin:0 0 5px;font-size:23px}.comic-end-card p{margin:0 0 12px;color:#d8e5f1}
.comic-lightbox figure{max-width:min(900px,88vw)}.comic-lightbox img{max-height:86vh}

/* 2026-08-11 — 法庭漫畫第一、二集主標題燙金漸層 */
.comic-reader-hero .comic-hero-copy h1,
.comic-reader-hero .comic-hero-copy .comic-hero-gold-lead{
  color:#f0c96f;
  text-shadow:0 1px 0 rgba(61,38,6,.36),0 5px 18px rgba(212,158,55,.18);
}

/* Official site ↔ Global Guardian Wall shared navigation — 2026-08-21 */
.guardian-action-nav{position:relative;flex:0 0 auto}.guardian-action-nav>summary{list-style:none;display:inline-flex;align-items:center;gap:.38rem;min-height:40px;padding:.48rem .68rem;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:linear-gradient(135deg,rgba(255,244,236,.98),rgba(239,201,188,.96));color:#5b3b32;font:inherit;font-size:.78rem;font-weight:950;cursor:pointer;box-shadow:0 7px 19px rgba(64,42,34,.13);white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.guardian-action-nav>summary::-webkit-details-marker{display:none}.guardian-action-nav>summary:hover,.guardian-action-nav>summary:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px rgba(64,42,34,.17);outline:3px solid rgba(255,232,221,.48);outline-offset:2px}.guardian-action-nav>summary i{font-style:normal;font-size:.78em;transition:transform .2s ease}.guardian-action-nav[open]>summary i{transform:rotate(180deg)}.guardian-action-nav-heart{color:#a34f47;font-size:1.05rem}.guardian-action-nav-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(90vw,360px);display:grid;gap:8px;padding:10px;border:1px solid rgba(109,72,58,.16);border-radius:18px;background:rgba(255,252,249,.985);box-shadow:0 20px 54px rgba(39,27,22,.22);backdrop-filter:blur(14px)}.guardian-action-nav-menu::before{content:"OFFICIAL INTERACTIVE SUBSITE";padding:5px 7px 1px;color:#987064;font-size:.61rem;font-weight:950;letter-spacing:.12em}.guardian-action-menu-link{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid transparent;border-radius:13px;color:#4f3a31!important;background:#fff;text-decoration:none!important}.guardian-action-menu-link:hover,.guardian-action-menu-link:focus-visible{border-color:rgba(165,83,72,.18);background:#f8ece6;outline:2px solid rgba(165,83,72,.16);outline-offset:1px}.guardian-action-menu-link .guardian-wall-nav-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2ded5;color:#984b43;font-weight:950}.guardian-action-menu-link b{display:block;font-size:.88rem;line-height:1.3}.guardian-action-menu-link small{display:block;margin-top:3px;color:#78675f;font-size:.7rem;font-weight:650;line-height:1.35}.guardian-action-menu-link.is-wall-home{border-color:rgba(142,72,62,.18);background:linear-gradient(135deg,#fff7f2,#f5dfd5)}.guardian-action-menu-link.is-wall-home .guardian-wall-nav-mark{background:#823f39;color:#fff}.guardian-action-menu-link.guest-message-nav-link{background:linear-gradient(135deg,#fff5ef,#f8e2d8)!important}.guardian-action-menu-link.guest-message-nav-link:hover{background:linear-gradient(135deg,#ffefe6,#f4d6c8)!important}
@media (min-width:801px) and (max-width:1400px){.art-header .guardian-action-nav>summary{font-size:.72rem;padding:.43rem .5rem}.art-header .guardian-action-nav-menu{font-size:1rem}}
@media(max-width:800px){.guardian-action-nav{width:100%}.guardian-action-nav>summary{width:100%;justify-content:center;min-height:48px;font-size:.86rem}.guardian-action-nav-menu{position:static;width:100%;margin-top:8px;box-shadow:none;background:rgba(255,255,255,.92)}.guardian-action-nav-menu::before{text-align:center}.guardian-action-menu-link{min-height:58px}}
@media(prefers-reduced-motion:reduce){.guardian-action-nav>summary{transition:none}.guardian-action-nav>summary:hover,.guardian-action-nav>summary:focus-visible{transform:none}}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .comic-reader-hero .comic-hero-copy h1,
  .comic-reader-hero .comic-hero-copy .comic-hero-gold-lead{
    background:linear-gradient(102deg,#a96b1d 0%,#f4d487 34%,#d89b37 63%,#fff1b7 84%,#b77924 100%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    text-shadow:none;
  }
}
.episode-two-hero{min-height:70vh;display:flex;align-items:center}.episode-two-box{max-width:760px;margin:20px auto 0;text-align:center;position:relative;padding:48px 30px}.episode-two-box .episode-number{position:static;display:inline-flex;margin-bottom:22px}.episode-two-box h1{font-size:clamp(38px,6vw,62px);color:#fff}.episode-two-box p{color:#d7e4f0;font-size:18px}.episode-actions.center{justify-content:center}

@media(max-width:850px){
.episode-library-card,.comic-reader-hero-grid{grid-template-columns:1fr}
.episode-library-cover,.episode-placeholder-cover{min-height:360px}.episode-library-copy{padding:26px}
.comic-reader-hero-grid{gap:28px}.comic-hero-cover{max-width:520px;margin:auto}.reader-head{align-items:flex-start;flex-direction:column}.reader-count{align-self:flex-start}
}


/* Court comics VOL.2 accents */
.vol2-hero{
background:
radial-gradient(circle at 76% 18%,rgba(194,76,46,.19),transparent 28%),
linear-gradient(140deg,#180e0b,#4b1e13 54%,#111827);
}
.vol2-card{border-color:#e7d5ca}
.vol2-cover-card{background:#2a1610}
.vol2-gradient{background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(46,20,12,.94) 100%)}
.vol2-number{background:#b94729;color:#fff}
.vol2-btn{background:#b94729;color:#fff}
.vol2-note{border-top:4px solid #b94729}
.comic-pullquote{margin:26px 0;padding:22px 25px;border-radius:16px;background:linear-gradient(135deg,#fff6ef,#f6eee7);border-left:5px solid #b94729;color:#562519;font-size:22px;font-weight:900;line-height:1.6}
.vol2-tags span{background:#f7eee8;color:#8a361f}
.vol2-label{background:#3f1a11}
.vol2-label span{color:#e7a38e}
.vol2-end{background:linear-gradient(135deg,#2c120d,#7a2d1a)}


/* ===== 2026-08-09 Art-direction refresh ===== */
:root{
  --navy:#08233f;--navy2:#0e355d;--gold:#d9a52d;--cream:#fbf4e5;
  --coral:#c5523b;--teal:#297f7b;--paper:#f6eddc;--ink:#1a2737;
  --line:#ddd6c8;--muted:#64707c;
}
body.art-site,body{background:
radial-gradient(circle at 10% 5%,rgba(217,165,45,.07),transparent 25%),
radial-gradient(circle at 90% 18%,rgba(41,127,123,.06),transparent 22%),
#fffdf8}
.art-header{background:rgba(255,253,248,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7ddcc}
.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e5bd55}
.brand-lockup span{display:flex;flex-direction:column;line-height:1.08}.brand-lockup small{font-size:9px;letter-spacing:.06em;color:#7b8793;margin-top:4px}
.art-header nav a{position:relative}.art-header nav a:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.art-header nav a:hover:after{transform:scaleX(1)}

.art-hero{padding:76px 0 72px;background:
linear-gradient(120deg,rgba(255,250,239,.98),rgba(246,237,220,.96)),
radial-gradient(circle at 75% 30%,rgba(217,165,45,.18),transparent 32%)}
.art-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.art-eyebrow{font-size:12px;letter-spacing:.18em;font-weight:950;color:#f0cc6f}.art-eyebrow.dark{color:#9a6b17}
.art-hero h1{color:var(--navy);font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:clamp(46px,6vw,76px);line-height:1.1}
.art-hero h1 span{color:var(--coral)}.art-hero p{font-size:18px;color:#536171;max-width:680px}
.hero-actions{margin:22px 0 18px}.art-primary{background:var(--navy);color:#fff}.art-secondary{background:transparent;border:1px solid #9fb1bf;color:var(--navy)}
.hero-values{display:flex;gap:9px;flex-wrap:wrap}.hero-values span{background:#fff;border:1px solid #eadfc9;border-radius:999px;padding:6px 11px;color:#6d5b38;font-size:13px;font-weight:850}
.art-hero-visual{position:relative;display:grid;place-items:center}.art-hero-visual .halo{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8d8 0 35%,rgba(228,180,71,.22) 52%,transparent 70%);filter:blur(3px)}
.art-hero-visual img{position:relative;width:min(520px,92%);border-radius:50%;box-shadow:0 28px 70px rgba(34,43,48,.16);border:1px solid #efd9a8}

.featured-section{padding:74px 0;background:#fffaf0}.section-title-row{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:28px}.section-title-row h2{font-family:"Noto Serif TC","Noto Serif CJK TC",serif;margin:4px 0 0}.section-title-row>p{max-width:520px;color:var(--muted)}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.featured-story{background:#fff;border:1px solid #e6dcc9;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(50,44,31,.08)}
.featured-image{display:block;aspect-ratio:4/4.7;background:#0a1e35;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.featured-story:hover .featured-image img{transform:scale(1.018)}
.featured-copy{padding:26px 28px 30px}.featured-copy h3{font-size:25px;color:var(--navy);line-height:1.4;margin:9px 0}.featured-copy p{color:var(--muted);margin:0 0 16px}.story-tag{display:inline-flex;background:#e9f3f4;color:#1b6d69;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950}.story-tag.coral{background:#faece8;color:#a94130}
.inline-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.outline-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8c3ca;border-radius:10px;padding:9px 14px;color:var(--navy);font-weight:900;background:#fff}

.mission-section{padding:70px 0;background:#fff}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mission-card{padding:26px 22px;border-radius:22px;border:1px solid #e7dfd1;background:linear-gradient(180deg,#fff,#fffaf2);box-shadow:0 10px 30px rgba(62,50,31,.05)}.mission-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#f2cf72;font-size:24px}.mission-card h3{color:var(--navy);margin:12px 0 7px}.mission-card p{margin:0;color:var(--muted)}

.art-gallery-section{padding:70px 0;background:linear-gradient(180deg,#f8f1e4,#fffaf0)}.art-seal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.art-seal-grid img{aspect-ratio:1;object-fit:cover;border-radius:24px;border:1px solid #e5d5b8;box-shadow:0 13px 36px rgba(62,50,31,.08);transition:.25s}.art-seal-grid img:hover{transform:translateY(-4px) rotate(-.4deg)}
.social-section{padding:70px 0}.social-grid{gap:18px}.social-card{display:flex;flex-direction:column;padding:24px;border-radius:18px;border:1px solid #e2d9c9;background:#fff}.social-card b{font-size:20px;color:var(--navy)}.social-card span{color:var(--muted)}
.art-footer{background:#071d35;color:#dbe5ed;padding:36px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-grid b{font-size:20px;color:#fff}.footer-grid p{margin:3px 0 0;color:#aebfcd}

.art-page-hero{background:
radial-gradient(circle at 88% 15%,rgba(217,165,45,.14),transparent 28%),
linear-gradient(135deg,#071d35,#0b385d);position:relative;overflow:hidden}
.art-page-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;top:-180px}
.art-page-hero h1{font-family:"Noto Serif TC","Noto Serif CJK TC",serif}

.record-card,.activity-card,.album-index-card{border-color:#e5dccd;box-shadow:0 16px 44px rgba(55,45,31,.07)}
.record-card-image img{object-position:center top}
.activity-poster-cover{padding:0;min-height:430px;background:#0b2b49}.activity-poster-cover img{width:100%;height:100%;object-fit:cover}
.art-poster-cover{max-width:760px;margin-left:auto;margin-right:auto;background:#f5eedf}.art-poster-cover img{width:100%}.poster-caption{text-align:center;color:#8b7a60;font-size:12px;margin:-20px 0 28px}
.art-poster-hero{max-width:760px;margin-left:auto;margin-right:auto}.art-poster-hero img{width:100%}
.activity-photo-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:center;border:1px solid #e6dcc9;background:#fffaf2;border-radius:22px;padding:18px;margin:0 0 38px}.activity-photo-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.activity-photo-feature h3{color:var(--navy);font-size:28px;margin:8px 0}.activity-photo-feature p{color:var(--muted)}

.article-body h2,.activity-body h2{font-family:"Noto Serif TC","Noto Serif CJK TC",serif;color:var(--navy)}
.article-quote,.activity-body .emphasis{border-left-color:var(--coral);background:#fff8ef}
.read-btn{background:var(--navy);box-shadow:0 8px 20px rgba(8,35,63,.12)}.read-btn:hover{background:#123f6b;transform:translateY(-1px)}
.tag-pill{background:#f6ede3;color:#8b472d}
.album-index-cover img{transition:transform .3s}.album-index-card:hover .album-index-cover img{transform:scale(1.02)}

@media(max-width:900px){
  .art-hero-grid,.featured-grid,.activity-photo-feature{grid-template-columns:1fr}
  .mission-grid,.art-seal-grid{grid-template-columns:repeat(2,1fr)}
  .section-title-row{align-items:flex-start;flex-direction:column}
  .art-hero-visual{order:-1}.art-hero-visual img{max-width:440px}
}
@media(max-width:620px){
  .mission-grid,.art-seal-grid{grid-template-columns:1fr 1fr}
  .featured-copy{padding:22px}.footer-grid{flex-direction:column;align-items:flex-start}
  .art-hero{padding-top:42px}.art-hero h1{font-size:44px}
}


/* ===== Primary brand marks 2026-08-09 ===== */
.brand:not(.brand-lockup){
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.brand:not(.brand-lockup)::before{
  content:"";
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  background:url("./brand/primary-logo-01.jpg") center/cover no-repeat;
  border:2px solid #e5bd55;
  box-shadow:0 3px 10px rgba(8,35,63,.10);
}
.brand-lockup img{
  content:url("./brand/primary-logo-01.jpg");
}
.primary-brand-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.primary-brand-grid figure{
  margin:0;
  background:#fff;
  border:1px solid #e5d7bd;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(62,50,31,.08);
}
.primary-brand-grid img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  display:block;
}
.primary-brand-grid figcaption{
  padding:13px 15px 15px;
  text-align:center;
  color:#5f533f;
  font-size:13px;
  font-weight:850;
}
.comic-direct-link{
  display:block;
  width:100%;
  cursor:zoom-in;
  background:#101010;
}
.comic-direct-link img{
  display:block;
  width:100%;
  height:auto;
}
.comic-thumb-link{
  text-decoration:none;
  color:inherit;
}
@media(max-width:900px){
  .primary-brand-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .brand:not(.brand-lockup)::before{width:36px;height:36px;flex-basis:36px}
}


/* ===== Simplified Chinese typography =====
   Simplified mode uses one unified family to avoid mixed CJK glyph weights. */
html[lang="zh-Hans"] body,
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] h4,
html[lang="zh-Hans"] h5,
html[lang="zh-Hans"] h6,
html[lang="zh-Hans"] p,
html[lang="zh-Hans"] a,
html[lang="zh-Hans"] span,
html[lang="zh-Hans"] b,
html[lang="zh-Hans"] strong,
html[lang="zh-Hans"] button,
html[lang="zh-Hans"] div,
html[lang="zh-Hans"] figcaption {
  font-family:"Microsoft YaHei","Noto Sans SC","Source Han Sans SC","PingFang SC","Arial Unicode MS",sans-serif !important;
  font-synthesis:none;
}
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] strong,
html[lang="zh-Hans"] b,
html[lang="zh-Hans"] .read-btn,
html[lang="zh-Hans"] .btn {
  font-weight:700;
}

/* Main trademark: umbrella protection mark */
.brand:not(.brand-lockup)::before{
  background-image:url("./brand/primary-logo-03.jpg") !important;
}
.brand-lockup img{
  content:url("./brand/primary-logo-03.jpg") !important;
}

/* Comic pages: images are direct content, not links */
.comic-page-image-static{
  width:100%;
  background:#101010;
  display:block;
}
.comic-page-image-static img{
  display:block;
  width:100%;
  height:auto;
}

/* Visual related-content cards used on all child pages */
.visual-related{
  padding:56px 0 68px;
  background:linear-gradient(180deg,#fffaf0,#f7efe2);
  border-top:1px solid #e7dece;
}
.visual-related .related-head{
  margin-bottom:22px;
}
.visual-related .related-head h2{
  margin:4px 0 0;
  color:var(--navy);
  font-size:30px;
}
.visual-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.visual-related-card{
  display:grid;
  grid-template-columns:180px 1fr;
  overflow:hidden;
  border:1px solid #e2d6c2;
  border-radius:22px;
  background:#fff;
  box-shadow:0 13px 34px rgba(46,39,28,.07);
  text-decoration:none;
  color:inherit;
  transition:transform .2s ease,box-shadow .2s ease;
}
.visual-related-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(46,39,28,.11);
}
.visual-related-card img{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  display:block;
}
.visual-related-copy{
  padding:22px 22px 20px;
  align-self:center;
}
.visual-related-copy small{
  display:block;
  color:#9a6b17;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:7px;
}
.visual-related-copy h3{
  color:var(--navy);
  font-size:20px;
  line-height:1.45;
  margin:0 0 8px;
}
.visual-related-copy p{
  color:var(--muted);
  margin:0;
  font-size:14px;
}
@media(max-width:800px){
  .visual-related-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .visual-related-card{grid-template-columns:130px 1fr}
  .visual-related-card img{min-height:180px}
  .visual-related-copy{padding:17px}
  .visual-related-copy h3{font-size:17px}
}


/* ===== Volunteer LOGO + Official Social Hub 2026-08-09 ===== */
.volunteer-logo-grid figcaption{text-align:left;padding:17px 18px 20px}
.volunteer-logo-grid figcaption strong{display:block;color:var(--navy);font-size:17px;margin-bottom:7px}
.volunteer-logo-grid figcaption span{display:block;color:#665e52;font-size:13px;line-height:1.75;font-weight:500}
.ai-art-note{margin:22px 0 0;padding:13px 16px;border-left:4px solid var(--gold);background:#fff8e9;color:#75664c;font-size:13px}

.social-ai-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.social-ai-preview{position:relative;overflow:hidden;border-radius:22px;border:1px solid #e4d8c4;background:#fff;box-shadow:0 14px 34px rgba(48,40,29,.08)}
.social-ai-preview img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.social-ai-preview span{position:absolute;left:16px;bottom:16px;padding:8px 13px;border-radius:999px;background:rgba(7,29,53,.92);color:#fff;font-weight:900}
.social-page-cta{margin-top:24px;text-align:center}

.social-hub-main{padding:64px 0 76px;background:linear-gradient(180deg,#fffdf8,#f8f0e4)}
.social-platform-grid{display:grid;gap:30px}
.social-platform-card{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);overflow:hidden;border:1px solid #e5d9c6;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(45,38,27,.08)}
.social-platform-art{display:block;background:#f5ede1}
.social-platform-art img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.social-platform-copy{align-self:center;padding:42px 44px}
.social-platform-kicker{color:#9d7021;font-size:12px;letter-spacing:.18em;font-weight:950}
.social-platform-copy h2{margin:5px 0 4px;color:var(--navy);font-size:39px}
.social-handle{margin:0 0 19px!important;color:var(--coral)!important;font-weight:900;font-size:18px}
.social-platform-copy p{color:var(--muted);line-height:1.8}
.social-account-note{margin-top:30px;padding:26px 28px;border-radius:20px;background:#fff8e9;border:1px solid #ead9ae}
.social-account-note h2{margin:0 0 8px;color:var(--navy)}.social-account-note p{margin:0;color:#665e52}

.visual-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-related-card{grid-template-columns:150px 1fr}

@media(max-width:900px){
 .social-platform-card{grid-template-columns:1fr}
 .social-platform-art img{min-height:0;aspect-ratio:4/3}
 .visual-related-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .social-ai-preview-grid{grid-template-columns:1fr}
 .social-platform-copy{padding:28px 24px}.social-platform-copy h2{font-size:31px}
}

/* ============================================================
   2026-08-12 — 關於我們：紙雕長卷 × 中國傳統色 × 婦幼守護
   電腦版與手機版專用配色層：增加暖色比例，但保留深藍公益識別。
   ============================================================ */
.about-page{
  --about-paper:#f7f0e6;
  --about-paper-deep:#f1e3d5;
  --about-rose:#e6b8a8;
  --about-apricot:#dfa77e;
  --about-lilac:#d9c2c7;
  --about-sage:#a8ada1;
  --about-gold:#d6b66c;
  --about-ink:#2e4652;
  --about-coral:#a96458;
  background:var(--about-paper);
}
.about-page .about-art-hero{
  background:
    radial-gradient(circle at 78% 22%,rgba(230,184,168,.34),transparent 27%),
    radial-gradient(circle at 12% 82%,rgba(217,194,199,.25),transparent 25%),
    linear-gradient(135deg,#fffaf3 0%,var(--about-paper) 52%,#f1e3d5 100%)!important;
  border-bottom:1px solid rgba(214,182,108,.45);
}
.about-page .about-art-hero:before{
  background-image:radial-gradient(circle at 13px 13px,rgba(169,100,88,.15) 0 1.4px,transparent 1.7px);
  opacity:.30;
}
.about-page .about-art-kicker{color:var(--about-coral)!important}
.about-page .about-pill{
  background:rgba(255,250,243,.90)!important;
  border-color:rgba(214,182,108,.72)!important;
  color:#8b6630!important;
}
.about-page .about-art-copy h1{color:var(--about-ink)!important}
.about-page .about-art-copy h1 em{color:var(--about-coral)!important}
.about-page .about-art-copy>p{color:#596967!important}
.about-page .about-hero-tags span{
  background:rgba(255,250,243,.80)!important;
  border-color:rgba(230,184,168,.72)!important;
  color:#6b5a55!important;
}
.about-page .about-hero-tags span:nth-child(2n){border-color:rgba(168,173,161,.75)!important}
.about-page .about-hero-tags span:nth-child(3n){border-color:rgba(217,194,199,.86)!important}
.about-page .about-visual-ring{
  border-color:rgba(214,182,108,.72)!important;
  box-shadow:0 0 0 22px rgba(230,184,168,.18)!important;
}
.about-page .about-main-art{border-color:rgba(255,250,243,.94)!important}
.about-page .about-mini-art{border-color:#fff7ec!important}

.about-page .about-stats-section{background:#fffaf3!important}
.about-page .about-records-section{background:linear-gradient(180deg,#fffaf3,#f6ebe3)!important}
.about-page .about-charity-section{background:#fffaf3!important}
.about-page .about-section-head small{color:#a06b54!important}
.about-page .about-section-head h2{color:var(--about-ink)!important}
.about-page .about-section-head>p{color:#716b63!important}
.about-page .about-stat{
  border-color:rgba(214,182,108,.42)!important;
  background:linear-gradient(145deg,#fffdf8,#fbf0e8)!important;
}
.about-page .about-stat:nth-child(2){background:linear-gradient(145deg,#fffdf8,#f3e9ee)!important}
.about-page .about-stat:nth-child(3){background:linear-gradient(145deg,#fffdf8,#edf1e9)!important}
.about-page .about-stat:nth-child(4){background:linear-gradient(145deg,#fffdf8,#f8eddb)!important}
.about-page .about-stat strong{color:var(--about-ink)!important}
.about-page .about-stat p{color:#70685f!important}
.about-page .about-stat.navy{color:var(--about-ink)!important}
.about-page .about-stat.coral{color:var(--about-coral)!important}
.about-page .about-stat.gold{color:#b38a3e!important}
.about-page .about-stat.teal{color:#718e82!important}

.about-page .about-timeline-section{
  background:
    linear-gradient(90deg,rgba(230,184,168,.14),transparent 28%,transparent 72%,rgba(168,173,161,.14)),
    linear-gradient(180deg,#f8eee5,#f2e8df)!important;
}
.about-page .about-timeline:before{background:linear-gradient(var(--about-apricot),var(--about-sage))!important}
.about-page .about-timeline time{color:#a06b54!important}
.about-page .about-timeline article>div:last-child{
  background:rgba(255,252,247,.82)!important;
  border-color:rgba(214,182,108,.42)!important;
}
.about-page .about-timeline article:nth-child(odd) .timeline-dot{background:var(--about-rose)!important}
.about-page .about-timeline article:nth-child(even) .timeline-dot{background:var(--about-sage)!important}
.about-page .about-timeline h3{color:var(--about-ink)!important}
.about-page .about-timeline p{color:#70685f!important}
.about-page .about-timeline article.highlight>div:last-child{
  background:linear-gradient(135deg,#7b514c,#a96458)!important;
  border-color:rgba(255,244,226,.55)!important;
}

.about-page .about-street-section{background:#f5ebe1!important}
.about-page .about-future-section{
  background:
    radial-gradient(circle at 12% 18%,rgba(230,184,168,.24),transparent 25%),
    linear-gradient(135deg,#2e4652,#526b6d 58%,#7b514c)!important;
}
.about-page .about-future-copy .about-art-kicker{color:#f0d59a!important}
.about-page .future-list li{background:rgba(255,244,226,.12)!important;border:1px solid rgba(255,226,202,.18)}
.about-page .future-list li:before{color:var(--about-rose)!important}
.about-page .about-closing-section{background:linear-gradient(180deg,#fff7ed,#f3e5de)!important}
.about-page .about-closing-card{
  background:rgba(255,252,247,.94)!important;
  border-color:rgba(214,182,108,.62)!important;
}
.about-page .about-closing-card small{color:#a06b54!important}
.about-page .about-closing-card h2{color:var(--about-ink)!important}
.about-page .about-closing-card blockquote{
  border-left-color:var(--about-coral)!important;
  background:#f8e9e1!important;
  color:#6c4d48!important;
}
.about-page .about-hashtags{color:#718e82!important}

@media(max-width:900px){
  .about-page .about-art-grid{gap:38px}
  .about-page .about-art-visual{min-height:390px}
}
@media(max-width:620px){
  .about-page{background:#f1e8df!important}
  .about-page .about-art-hero{background:linear-gradient(180deg,#fff8ef,#f1e3d9)!important}
  .about-page .about-art-visual{min-height:320px}
  .about-page .about-stats-section,
  .about-page .about-records-section,
  .about-page .about-charity-section{background:#fff7ef!important}
  .about-page .about-timeline-section{background:linear-gradient(180deg,#f5eae2,#efe3db)!important}
  .about-page .about-street-section{background:#f2e5dd!important}
  .about-page .about-closing-card{box-shadow:0 12px 30px rgba(111,78,65,.10)!important}
}


/* ===== 2026-08-09 Homepage campaign art refresh ===== */
.art-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 78px;
  background:
    radial-gradient(circle at 87% 26%,rgba(255,198,76,.30),transparent 23%),
    radial-gradient(circle at 12% 8%,rgba(197,82,59,.09),transparent 22%),
    linear-gradient(118deg,#fffdf6 0%,#fff5df 47%,#f2e7cf 100%);
  border-bottom:1px solid #eadbbd;
}
.art-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 20px 20px,rgba(41,127,123,.13) 0 2px,transparent 2.4px),
    radial-gradient(circle at 80px 70px,rgba(217,165,45,.16) 0 2px,transparent 2.4px);
  background-size:110px 110px;
}
.art-hero-grid{position:relative;z-index:1}
.hero-campaign-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:12px;
  padding:7px 12px;
  border:1px solid #e7c96f;
  border-radius:999px;
  color:#815b15;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 22px rgba(97,72,26,.07);
  font-size:11px;
  letter-spacing:.12em;
  font-weight:950;
}
.hero-campaign-badge span{
  display:grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--coral);
  color:#fff;
  font-size:14px;
}
.art-hero h1{
  text-shadow:0 2px 0 rgba(255,255,255,.75);
}
.art-hero-copy{
  padding:24px 0;
}
.hero-proofline{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  max-width:660px;
}
.hero-proofline>div{
  min-width:0;
  padding:12px 13px;
  border-radius:16px;
  background:rgba(255,255,255,.72);
  border:1px solid #eadfc9;
  box-shadow:0 8px 22px rgba(61,49,29,.05);
}
.hero-proofline b{
  display:block;
  color:var(--navy);
  font-size:15px;
}
.hero-proofline span{
  display:block;
  margin-top:3px;
  color:#756b5d;
  font-size:11px;
}

.family-hero-visual{
  padding:30px 20px 98px;
}
.family-hero-visual:before,
.family-hero-visual:after{
  content:"♡";
  position:absolute;
  color:rgba(197,82,59,.20);
  font-size:58px;
  font-family:Georgia,serif;
  z-index:0;
}
.family-hero-visual:before{left:4%;top:7%;transform:rotate(-14deg)}
.family-hero-visual:after{right:2%;top:16%;transform:rotate(12deg)}
.family-hero-visual img{
  width:min(470px,88%) !important;
  border:7px solid rgba(255,255,255,.86);
  outline:1px solid #e6c866;
  box-shadow:0 30px 80px rgba(37,45,47,.18),0 0 0 13px rgba(255,244,211,.58);
}
.family-hero-caption{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:3;
  width:min(390px,86%);
  text-align:center;
  padding:13px 18px 14px;
  border-radius:18px;
  background:rgba(7,29,53,.94);
  box-shadow:0 14px 35px rgba(7,29,53,.22);
  color:#fff;
}
.family-hero-caption small{
  display:block;
  color:#e8c767;
  font-size:9px;
  letter-spacing:.17em;
  font-weight:900;
}
.family-hero-caption strong{
  display:block;
  margin:2px 0 1px;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:25px;
}
.family-hero-caption span{
  display:block;
  font-size:12px;
  color:#d8e4ed;
}

.home-campaign-strip{
  background:#092540;
  color:#fff;
  border-bottom:3px solid #d9a52d;
}
.campaign-strip-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding-top:19px;
  padding-bottom:19px;
}
.campaign-strip-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#dca83a,#f2cb69);
  color:#092540;
  font-size:25px;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.campaign-strip-copy small{
  display:block;
  color:#e9c666;
  font-size:10px;
  letter-spacing:.15em;
  font-weight:950;
}
.campaign-strip-copy strong{
  display:block;
  margin:2px 0;
  font-size:18px;
}
.campaign-strip-copy span{
  color:#c4d3df;
  font-size:12px;
}
.campaign-strip-btn{
  display:inline-flex;
  padding:10px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  background:rgba(255,255,255,.07);
  font-weight:900;
  font-size:13px;
}

/* ===== Smaller official social artwork ===== */
.social-ai-preview-grid{
  max-width:850px;
  margin:0 auto;
  gap:18px;
}
.social-ai-preview{
  max-width:260px;
  width:100%;
  justify-self:center;
}
.social-ai-preview img{
  aspect-ratio:4/5;
  max-height:325px;
}
.social-hub-main .container{
  max-width:1050px;
}
.social-platform-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:start;
}
.social-platform-card{
  display:flex !important;
  flex-direction:column;
  min-width:0;
}
.social-platform-art{
  padding:14px 14px 0;
  background:#fff;
}
.social-platform-art img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:345px;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:18px;
}
.social-platform-copy{
  padding:24px 22px 26px !important;
}
.social-platform-copy h2{
  font-size:28px !important;
}
.social-platform-copy p{
  font-size:14px;
}

/* ===== Slightly smaller court comic reader ===== */
.comic-reader-wrap{
  width:min(980px,calc(100% - 36px)) !important;
}
.comic-reader-hero-grid{
  grid-template-columns:minmax(260px,360px) 1fr !important;
  gap:42px !important;
}
.comic-hero-cover{
  max-width:350px;
}
.comic-pages{
  width:min(820px,100%);
  margin-left:auto;
  margin-right:auto;
}
.comic-page{
  width:100%;
}
.comic-page-image-static img{
  width:100%;
  max-width:800px;
  margin:0 auto;
}
.comic-thumb{
  flex-basis:82px;
}

/* ===== Embedded local activity video ===== */
.embedded-video-card{
  max-width:560px;
  margin:0 auto 22px;
  border:1px solid #e4d9c7;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 38px rgba(42,35,25,.08);
}
.embedded-video-card video{
  display:block;
  width:100%;
  max-height:680px;
  background:#071d35;
}
.embedded-video-card .video-copy{
  padding:15px 18px 17px;
}
.embedded-video-card .video-copy b{
  color:var(--navy);
  font-size:16px;
}
.embedded-video-card .video-copy span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
}

@media(max-width:900px){
  .hero-proofline{grid-template-columns:1fr 1fr 1fr}
  .campaign-strip-inner{grid-template-columns:auto 1fr}
  .campaign-strip-btn{grid-column:2}
  .social-platform-grid{grid-template-columns:1fr !important}
  .social-platform-card{max-width:460px;margin:0 auto;width:100%}
  .social-platform-art img{max-height:none}
}
@media(max-width:620px){
  .hero-proofline{grid-template-columns:1fr}
  .family-hero-visual{padding-bottom:92px}
  .campaign-strip-inner{grid-template-columns:1fr}
  .campaign-strip-icon{display:none}
  .campaign-strip-btn{grid-column:auto;width:max-content}
  .social-ai-preview{max-width:235px}
}


/* ===================================================================
   2026-08-09 Mobile navigation + responsive polish
   =================================================================== */
.mobile-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  border:1px solid #d9e1e7;
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  font-size:22px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(8,29,58,.06);
}
.mobile-menu-toggle .menu-close-icon{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-open-icon{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-close-icon{display:inline}

.cute-btn-icon{
  display:inline-grid;
  place-items:center;
  margin-right:7px;
  transform:translateY(-1px);
  font-size:1.05em;
}
.hero-actions .btn,
.campaign-strip-btn,
.featured-copy .read-btn,
.featured-copy .outline-btn,
.social-page-cta .read-btn{
  transition:transform .18s ease,box-shadow .18s ease;
}
.hero-actions .btn:hover,
.campaign-strip-btn:hover,
.featured-copy .read-btn:hover,
.featured-copy .outline-btn:hover,
.social-page-cta .read-btn:hover{
  transform:translateY(-2px);
}

/* ===================================================================
   "我們的信念" exact artwork footer
   =================================================================== */
.belief-footer-section{
  padding:0;
  background:#f8efd9;
}
.belief-desktop-wrap{
  position:relative;
  width:100%;
  max-width:2048px;
  margin:0 auto;
  line-height:0;
}
.belief-desktop-image{
  width:100%;
  height:auto;
}
.belief-social-hotspot{
  position:absolute;
  top:77.2%;
  width:5.45%;
  aspect-ratio:1;
  border-radius:50%;
  z-index:3;
  outline:0;
}
.belief-social-hotspot:hover,
.belief-social-hotspot:focus-visible{
  box-shadow:0 0 0 5px rgba(255,210,90,.48);
}
.belief-fb{left:80.1%}
.belief-ig{left:86.05%}
.belief-th{left:91.7%}
.belief-mobile-wrap{display:none}

/* ===================================================================
   Mobile-specific layout
   =================================================================== */
@media(max-width:800px){
  header,
  .art-header{
    position:sticky;
    top:0;
    z-index:100;
  }
  header .nav,
  .art-header .nav{
    position:relative;
    min-height:64px;
    gap:10px;
  }
  .brand,
  .brand-lockup{
    min-width:0;
    max-width:calc(100% - 54px);
  }
  .brand-lockup img{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px;
  }
  .brand-lockup span{
    min-width:0;
    font-size:16px !important;
    line-height:1.2;
  }
  html[lang="zh-Hant"] .zh-brand-title,
  html[lang="zh-Hans"] .zh-brand-title{
    font-size:15px !important;
    letter-spacing:.015em;
  }
  .brand-lockup small{
    display:none !important;
  }

  .mobile-menu-toggle{
    display:inline-flex;
    margin-left:auto;
  }
  header .nav>nav,
  .art-header .nav>nav{
    display:none !important;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 1px);
    z-index:120;
    padding:10px;
    gap:4px;
    flex-direction:column;
    align-items:stretch;
    background:#fff;
    border:1px solid #dce6ef;
    border-top:0;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 38px rgba(8,29,58,.16);
  }
  header .nav.menu-open>nav,
  .art-header .nav.menu-open>nav{
    display:flex !important;
  }
  header .nav nav a,
  .art-header .nav nav a{
    display:flex !important;
    align-items:center;
    min-height:43px;
    padding:9px 12px;
    border-radius:10px;
    color:var(--navy);
    font-size:15px;
  }
  header .nav nav a:hover,
  .art-header .nav nav a:hover{
    background:#fff5df;
  }
  header .nav nav .lang-btn,
  .art-header .nav nav .lang-btn{
    width:100%;
    margin-top:5px;
    min-height:42px;
    border-radius:10px;
    background:#f7f2e8;
  }

  body.mobile-menu-active{overflow-y:auto;overflow-x:hidden;touch-action:pan-y}
  body.mobile-menu-active header .nav.menu-open>nav,
  body.mobile-menu-active .art-header .nav.menu-open>nav{
    max-height:calc(100dvh - 74px);
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
  }

  .art-hero{
    padding:38px 0 42px;
  }
  .art-hero-grid{
    gap:22px !important;
  }
  .art-hero-visual{
    order:-1;
  }
  .family-hero-visual{
    padding:12px 10px 79px !important;
  }
  .family-hero-visual img{
    width:min(300px,82vw) !important;
    max-width:300px !important;
    border-width:5px !important;
  }
  .family-hero-caption{
    bottom:5px !important;
    width:min(315px,90%) !important;
    padding:9px 13px 10px !important;
  }
  .family-hero-caption strong{font-size:20px !important}
  .family-hero-caption span{font-size:10px !important}

  .art-hero-copy{
    padding:5px 0 0 !important;
    text-align:center;
  }
  .hero-campaign-badge,
  .art-eyebrow{
    margin-left:auto;
    margin-right:auto;
  }
  .art-hero h1{
    font-size:clamp(34px,10vw,48px) !important;
  }
  .art-hero-copy>p{
    font-size:15px;
    line-height:1.8;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .hero-actions .btn{
    width:100%;
    margin:0;
    text-align:center;
  }
  .hero-values{
    justify-content:center;
  }
  .hero-proofline{
    grid-template-columns:1fr !important;
    text-align:left;
  }

  .campaign-strip-inner{
    grid-template-columns:1fr !important;
    gap:9px !important;
    text-align:center;
  }
  .campaign-strip-icon{
    display:grid !important;
    margin:0 auto;
  }
  .campaign-strip-btn{
    grid-column:auto !important;
    justify-self:center;
  }

  section{
    padding-top:48px;
    padding-bottom:48px;
  }
  .section-title-row{
    gap:8px !important;
    margin-bottom:20px !important;
  }
  .section-title-row h2{
    font-size:31px;
  }
  .section-title-row>p{
    margin:0;
    font-size:14px;
  }

  .featured-grid,
  .record-card,
  .activity-card,
  .album-index-card{
    grid-template-columns:1fr !important;
  }
  .featured-image{
    aspect-ratio:16/12 !important;
  }
  .featured-copy{
    padding:20px !important;
  }
  .featured-copy h3{
    font-size:21px !important;
  }
  .inline-actions{
    display:grid !important;
    grid-template-columns:1fr;
  }
  .inline-actions a{
    width:100%;
    text-align:center;
  }

  .mission-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .mission-card{
    padding:20px 16px !important;
  }
  .mission-card h3{
    font-size:17px;
  }
  .mission-card p{
    font-size:13px;
  }

  .primary-brand-grid,
  .volunteer-logo-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .volunteer-logo-grid figcaption{
    padding:12px 12px 15px !important;
  }
  .volunteer-logo-grid figcaption strong{
    font-size:15px !important;
  }
  .volunteer-logo-grid figcaption span{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  .social-ai-preview-grid{
    grid-template-columns:1fr 1fr 1fr !important;
    gap:8px !important;
  }
  .social-ai-preview{
    max-width:100% !important;
  }
  .social-ai-preview img{
    max-height:none !important;
  }
  .social-ai-preview span{
    left:8px !important;
    bottom:8px !important;
    padding:5px 8px !important;
    font-size:11px;
  }

  .social-platform-grid{
    grid-template-columns:1fr !important;
  }
  .social-platform-card{
    max-width:430px !important;
  }

  .comic-reader-wrap{
    width:min(100% - 22px,820px) !important;
  }
  .comic-reader-hero-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .comic-hero-cover{
    max-width:280px !important;
    margin:0 auto;
  }
  .comic-pages{
    width:100% !important;
  }
  .comic-page-image-static img{
    max-width:100% !important;
  }
  .comic-thumb-nav{
    overflow-x:auto;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
  }
  .comic-thumb{
    flex:0 0 72px !important;
  }

  .visual-related-card{
    grid-template-columns:105px 1fr !important;
  }
  .visual-related-card img{
    min-height:145px !important;
  }
  .visual-related-copy{
    padding:14px !important;
  }
  .visual-related-copy h3{
    font-size:16px !important;
  }

  /* exact desktop reference image becomes too small on mobile;
     use a readable responsive recreation instead */
  .belief-desktop-wrap{display:none}
  .belief-mobile-wrap{
    display:block;
    background:#f7efd9;
    border-top:1px solid #dec286;
  }
  .belief-mobile-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 16px;
    padding:22px 0 15px;
    color:#c49222;
  }
  .belief-mobile-title strong{
    display:inline-block;
    padding:8px 22px;
    background:#082b4c;
    color:#fff8e6;
    font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
    font-size:25px;
    letter-spacing:.08em;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  }
  .belief-mobile-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    padding:0 14px 20px;
  }
  .belief-mobile-grid article{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:13px;
    border:1px solid #d9ba72;
    border-radius:17px;
    background:rgba(255,251,237,.72);
  }
  .belief-symbol{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:23px;
    font-weight:900;
  }
  .belief-symbol.heart{color:#c4512e}
  .belief-symbol.shield{color:#287a73}
  .belief-symbol.people{color:#c38b16;font-size:13px}
  .belief-symbol.leaf{color:#5e843c}
  .belief-mobile-grid h3{
    margin:0 0 3px;
    color:#122c43;
    font-size:17px;
  }
  .belief-mobile-grid p{
    margin:0;
    color:#43515d;
    font-size:12px;
    line-height:1.65;
  }
  .belief-mobile-bottom{
    padding:18px 16px 20px;
    background:#062b4d;
    color:#fff;
  }
  .belief-mobile-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    text-align:left;
  }
  .belief-mobile-brand img{
    width:55px;
    height:55px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #e0b550;
  }
  .belief-mobile-brand strong{
    display:block;
    font-size:21px;
    font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  }
  .belief-mobile-brand small{
    display:block;
    color:#ebc965;
    font-size:10px;
  }
  .belief-mobile-slogan{
    margin:14px auto 15px;
    text-align:center;
    color:#fff5dc;
    letter-spacing:.06em;
    font-weight:750;
    font-size:13px;
  }
  .belief-mobile-socials{
    display:flex;
    justify-content:center;
    gap:16px;
  }
  .belief-mobile-socials a{
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 0 0 2px #d8af49;
  }
  .belief-mobile-socials img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .art-footer{
    padding:24px 0 !important;
  }
  .footer-grid{
    align-items:center !important;
    text-align:center;
  }
}

@media(max-width:480px){
  .container{
    width:min(100% - 24px,1120px);
  }
  .mission-grid{
    grid-template-columns:1fr !important;
  }
  .primary-brand-grid,
  .volunteer-logo-grid{
    grid-template-columns:1fr !important;
  }
  .social-ai-preview-grid{
    grid-template-columns:1fr !important;
    max-width:245px !important;
  }
  .belief-mobile-grid{
    grid-template-columns:1fr;
  }
  .belief-mobile-title strong{
    font-size:22px;
    padding:7px 17px;
  }
  .belief-mobile-grid article{
    align-items:center;
  }
}


/* ===== Simplified-mode fix for bitmap text in "我們的信念" =====
   Traditional mode keeps the exact artwork image.
   Simplified mode switches to live HTML so the wording can convert. */
@media(min-width:801px){
  html[lang="zh-Hans"] .belief-desktop-wrap{
    display:none !important;
  }
  html[lang="zh-Hans"] .belief-mobile-wrap{
    display:block !important;
    max-width:2048px;
    margin:0 auto;
    background:#f7efd9;
    border-top:1px solid #dec286;
  }
  html[lang="zh-Hans"] .belief-mobile-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:28px 0 20px;
    color:#c49222;
  }
  html[lang="zh-Hans"] .belief-mobile-title strong{
    display:inline-block;
    padding:10px 34px;
    background:#082b4c;
    color:#fff8e6;
    font-size:34px;
    letter-spacing:.08em;
  }
  html[lang="zh-Hans"] .belief-mobile-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    max-width:1800px;
    margin:0 auto;
    padding:0 46px 30px;
  }
  html[lang="zh-Hans"] .belief-mobile-grid article{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:20px;
    border:1px solid #d9ba72;
    border-radius:20px;
    background:rgba(255,251,237,.78);
  }
  html[lang="zh-Hans"] .belief-symbol{
    width:64px;
    height:64px;
    flex:0 0 64px;
    display:grid;
    place-items:center;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:28px;
    font-weight:900;
  }
  html[lang="zh-Hans"] .belief-symbol.heart{color:#c4512e}
  html[lang="zh-Hans"] .belief-symbol.shield{color:#287a73}
  html[lang="zh-Hans"] .belief-symbol.people{color:#c38b16;font-size:16px}
  html[lang="zh-Hans"] .belief-symbol.leaf{color:#5e843c}
  html[lang="zh-Hans"] .belief-mobile-grid h3{
    margin:0 0 6px;
    color:#122c43;
    font-size:22px;
  }
  html[lang="zh-Hans"] .belief-mobile-grid p{
    margin:0;
    color:#43515d;
    font-size:15px;
    line-height:1.7;
  }
  html[lang="zh-Hans"] .belief-mobile-bottom{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:28px;
    padding:22px 56px;
    background:#062b4d;
    color:#fff;
  }
  html[lang="zh-Hans"] .belief-mobile-brand{
    display:flex;
    align-items:center;
    gap:13px;
  }
  html[lang="zh-Hans"] .belief-mobile-brand img{
    width:62px;
    height:62px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #e0b550;
  }
  html[lang="zh-Hans"] .belief-mobile-brand strong{
    display:block;
    font-size:22px;
  }
  html[lang="zh-Hans"] .belief-mobile-brand small{
    display:block;
    color:#ebc965;
    font-size:11px;
  }
  html[lang="zh-Hans"] .belief-mobile-slogan{
    color:#fff5dc;
    letter-spacing:.08em;
    font-weight:750;
    font-size:17px;
    text-align:center;
  }
  html[lang="zh-Hans"] .belief-mobile-socials{
    display:flex;
    justify-content:flex-end;
    gap:15px;
  }
  html[lang="zh-Hans"] .belief-mobile-socials a{
    width:50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0 0 0 2px #d8af49;
  }
  html[lang="zh-Hans"] .belief-mobile-socials img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}


/* ============================================================
   2026-08-09 — Premium homepage hero + editorial latest records
   ============================================================ */

/* ---------- First screen ---------- */
.premium-home-hero{
  position:relative;
  overflow:hidden;
  padding:0;
  background:
    radial-gradient(circle at 83% 24%, rgba(233,186,73,.28), transparent 22%),
    radial-gradient(circle at 7% 9%, rgba(206,89,62,.11), transparent 20%),
    linear-gradient(118deg,#fffdf8 0%,#fff7e8 49%,#efe5d1 100%);
  border-bottom:0;
}
.premium-home-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.27;
  background-image:
    radial-gradient(circle at 12px 12px,rgba(11,58,89,.13) 0 1.3px,transparent 1.6px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,#000,transparent 65%);
}
.premium-hero-grid{
  min-height:645px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr);
  align-items:center;
  gap:68px;
  padding-top:68px;
  padding-bottom:64px;
  position:relative;
  z-index:2;
}
.premium-hero-copy{
  position:relative;
  padding-left:6px;
}
.premium-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px 7px 8px;
  margin-bottom:13px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e8d4a4;
  color:#7d5a17;
  box-shadow:0 8px 24px rgba(81,61,23,.08);
  font-size:10px;
  letter-spacing:.14em;
  font-weight:950;
}
.premium-kicker span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#c9573d;
  color:#fff;
  font-size:14px;
}
.premium-hero-copy .art-eyebrow{
  margin-bottom:11px;
  color:#1c6e71;
  font-size:10px;
  letter-spacing:.24em;
}
.premium-hero-copy h1{
  max-width:680px;
  margin:0 0 20px;
  color:#0a2d4c;
  font-family:"Noto Serif TC","Noto Serif CJK TC","Source Han Serif TC",serif;
  font-size:clamp(49px,5.2vw,76px);
  line-height:1.14;
  letter-spacing:-.04em;
  text-shadow:none;
}
.premium-hero-copy h1 span{
  position:relative;
  color:#c55239;
  white-space:nowrap;
}
.premium-hero-copy h1 span:after{
  content:"";
  position:absolute;
  left:2%;
  right:3%;
  bottom:-5px;
  height:8px;
  border-radius:100%;
  background:linear-gradient(90deg,rgba(220,164,45,.25),rgba(220,164,45,.85),rgba(220,164,45,.16));
  transform:rotate(-1deg);
}
.premium-hero-lead{
  max-width:650px;
  margin:0;
  color:#5d625f;
  font-size:17px;
  line-height:1.95;
  font-weight:530;
}
.premium-hero-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:29px;
}
.premium-hero-actions .btn{
  min-width:158px;
  justify-content:center;
  padding:13px 21px;
  border-radius:13px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(8,40,65,.09);
}
.premium-main-cta{
  background:linear-gradient(135deg,#0a3559,#0a2742) !important;
}
.premium-main-cta:hover{
  box-shadow:0 15px 34px rgba(7,40,67,.19);
}
.premium-sub-cta{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(8px);
}
.premium-hero-note{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:25px;
  color:#857761;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.premium-note-line{
  width:47px;
  height:1px;
  background:#c39a3d;
}

.premium-hero-art{
  min-height:505px;
  position:relative;
  display:grid;
  place-items:center;
}
.premium-art-glow{
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle,#ffd976 0%,rgba(255,211,109,.35) 35%,transparent 69%);
  filter:blur(1px);
  opacity:.82;
}
.premium-art-orbit{
  position:absolute;
  border:1px solid rgba(15,107,108,.20);
  border-radius:50%;
}
.orbit-one{
  width:470px;
  height:470px;
}
.orbit-two{
  width:525px;
  height:525px;
  border-style:dashed;
  border-color:rgba(204,161,50,.28);
}
.premium-art-card{
  position:relative;
  z-index:3;
  width:min(420px,86%);
  padding:12px 12px 88px;
  border-radius:50% 50% 28px 28px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(218,185,113,.72);
  box-shadow:
    0 35px 80px rgba(37,48,44,.16),
    0 0 0 11px rgba(255,250,232,.52);
  backdrop-filter:blur(10px);
}
.premium-art-card img{
  display:block;
  width:100%;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 14px 38px rgba(48,48,37,.12);
}
.premium-art-label{
  position:absolute;
  left:50%;
  bottom:17px;
  transform:translateX(-50%);
  width:82%;
  padding:12px 16px 13px;
  text-align:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,rgba(7,40,67,.97),rgba(11,61,91,.95));
  box-shadow:0 13px 30px rgba(7,29,53,.20);
}
.premium-art-label small{
  display:block;
  margin-bottom:2px;
  color:#e7c460;
  font-size:8px;
  letter-spacing:.18em;
  font-weight:900;
}
.premium-art-label strong{
  display:block;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:25px;
}
.premium-art-label span{
  display:block;
  margin-top:2px;
  color:#d7e4ec;
  font-size:11px;
}
.premium-floating-tag{
  position:absolute;
  z-index:4;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid #ead9ad;
  box-shadow:0 12px 26px rgba(48,43,32,.09);
  color:#785b22;
  font-size:11px;
  font-weight:900;
}
.tag-top{
  top:56px;
  right:0;
  transform:rotate(5deg);
}
.tag-bottom{
  left:5px;
  bottom:64px;
  color:#1b6b70;
  transform:rotate(-5deg);
}
.premium-hero-bottomline{
  position:relative;
  z-index:3;
  border-top:1px solid rgba(201,166,91,.40);
  border-bottom:1px solid rgba(201,166,91,.30);
  background:rgba(255,252,243,.64);
  backdrop-filter:blur(8px);
}
.premium-hero-bottomline-inner{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:19px;
  color:#8d7a59;
  font-size:9px;
  letter-spacing:.22em;
  font-weight:900;
}
.premium-hero-bottomline-inner i{
  width:4px;height:4px;
  border-radius:50%;
  background:#d0a13c;
}

/* ---------- Latest records ---------- */
.premium-latest-section{
  position:relative;
  padding:84px 0 92px;
  background:
    linear-gradient(180deg,#fff 0%,#fffdf8 54%,#f8f2e7 100%);
}
.premium-section-heading{
  display:grid;
  grid-template-columns:1fr minmax(360px,.7fr);
  align-items:end;
  gap:38px;
  margin-bottom:32px;
}
.premium-section-heading h2{
  margin:3px 0 0;
  color:#092e4d;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:43px;
}
.premium-heading-side{
  justify-self:end;
  max-width:550px;
  text-align:right;
}
.premium-heading-side p{
  margin:0 0 9px;
  color:#79746a;
  font-size:13px;
  line-height:1.75;
}
.premium-all-link{
  color:#0b5b6b;
  font-size:12px;
  font-weight:900;
}
.premium-all-link span{
  display:inline-block;
  margin-left:4px;
  transition:transform .18s ease;
}
.premium-all-link:hover span{
  transform:translateX(4px);
}

.editorial-latest-grid{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);
  gap:24px;
  align-items:stretch;
}
.editorial-main-story{
  overflow:hidden;
  border:1px solid #e4dac8;
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 48px rgba(47,40,28,.09);
}
.editorial-main-image{
  position:relative;
  display:block;
  height:410px;
  overflow:hidden;
  background:#102f47;
}
.editorial-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.editorial-main-story:hover .editorial-main-image img{
  transform:scale(1.025);
}
.editorial-image-shade{
  position:absolute;
  inset:auto 0 0;
  height:45%;
  background:linear-gradient(transparent,rgba(4,23,39,.45));
  pointer-events:none;
}
.editorial-date-badge{
  position:absolute;
  left:20px;
  bottom:18px;
  min-width:78px;
  padding:9px 12px;
  border-radius:15px;
  text-align:center;
  background:rgba(255,255,255,.93);
  box-shadow:0 9px 25px rgba(0,0,0,.12);
  color:#092e4d;
}
.editorial-date-badge small{
  display:block;
  font-size:8px;
  letter-spacing:.14em;
}
.editorial-date-badge strong{
  display:block;
  margin-top:1px;
  color:#c4513a;
  font-size:20px;
}
.editorial-main-copy{
  padding:27px 30px 30px;
}
.editorial-meta{
  display:flex;
  align-items:center;
  gap:9px;
  color:#918878;
  font-size:10px;
  font-weight:800;
}
.editorial-category{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  color:#fff;
  font-size:10px;
  letter-spacing:.05em;
  font-weight:950;
}
.editorial-category.navy{background:#0a3559}
.editorial-category.coral{background:#c7553c}
.editorial-category.gold{background:#a77713}
.editorial-main-copy h3{
  margin:13px 0 11px;
  color:#102f4a;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:30px;
  line-height:1.42;
}
.editorial-main-copy p{
  max-width:700px;
  margin:0;
  color:#74716a;
  font-size:14px;
  line-height:1.8;
}
.editorial-read-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:19px;
  color:#0b4f64;
  font-size:13px;
  font-weight:950;
}
.editorial-read-link b,
.editorial-simple-link b{
  transition:transform .18s ease;
}
.editorial-read-link:hover b,
.editorial-simple-link:hover b{
  transform:translateX(4px);
}
.editorial-link-icon{
  width:29px;height:29px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff3d7;
}

.editorial-side-stories{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:24px;
}
.editorial-side-story{
  min-height:0;
  display:grid;
  grid-template-columns:42% 58%;
  overflow:hidden;
  border:1px solid #e4dac8;
  border-radius:23px;
  background:#fff;
  box-shadow:0 14px 36px rgba(47,40,28,.07);
}
.editorial-side-image{
  position:relative;
  min-height:260px;
  overflow:hidden;
  background:#12344d;
}
.editorial-side-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.editorial-side-story:hover .editorial-side-image img{
  transform:scale(1.035);
}
.editorial-side-date{
  position:absolute;
  left:11px;
  top:11px;
  padding:5px 8px;
  border-radius:9px;
  background:rgba(8,38,61,.90);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}
.editorial-side-copy{
  align-self:center;
  padding:20px 21px;
}
.editorial-side-copy h3{
  margin:8px 0;
  color:#12324d;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:20px;
  line-height:1.45;
}
.editorial-side-copy p{
  margin:0;
  color:#77736b;
  font-size:12px;
  line-height:1.7;
}
.editorial-mini-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}
.editorial-mini-actions a,
.editorial-simple-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:6px 8px;
  border-radius:8px;
  background:#f8f1e4;
  color:#0b5565;
  font-size:10px;
  font-weight:900;
}
.comic-highlight .editorial-side-image img{
  object-position:center 10%;
}

.editorial-topic-strip{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  padding:12px 14px;
  border-radius:15px;
  border:1px solid #e4d8c2;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 22px rgba(57,47,31,.04);
}
.topic-strip-title{
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 11px 5px 7px;
  margin-right:3px;
  border-radius:999px;
  background:#0a3559;
  color:#fff;
  font-size:10px;
}
.topic-strip-title span{
  width:22px;height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d5a535;
}
.editorial-topic-strip>a{
  padding:7px 11px;
  border-radius:999px;
  color:#655e52;
  font-size:10px;
  font-weight:850;
}
.editorial-topic-strip>a:hover{
  color:#0a3559;
  background:#fff2d2;
}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .premium-hero-grid{
    grid-template-columns:minmax(0,1fr) 390px;
    gap:34px;
  }
  .premium-art-card{width:355px}
  .orbit-one{width:400px;height:400px}
  .orbit-two{width:445px;height:445px}
  .editorial-latest-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  }
  .editorial-side-story{
    grid-template-columns:39% 61%;
  }
}
@media(max-width:800px){
  .premium-home-hero{
    padding-top:0 !important;
  }
  .premium-hero-grid{
    min-height:0;
    grid-template-columns:1fr;
    gap:25px;
    padding-top:28px;
    padding-bottom:34px;
  }
  .premium-hero-art{
    order:-1;
    min-height:390px;
  }
  .premium-art-card{
    width:min(315px,82vw);
    padding:9px 9px 74px;
  }
  .premium-art-label{
    bottom:12px;
    padding:9px 12px 10px;
  }
  .premium-art-label strong{font-size:20px}
  .premium-art-label span{font-size:9px}
  .premium-art-glow{
    width:340px;height:340px;
  }
  .orbit-one{width:335px;height:335px}
  .orbit-two{width:375px;height:375px}
  .premium-floating-tag{display:none}
  .premium-hero-copy{
    padding:0;
    text-align:center;
  }
  .premium-kicker{margin-left:auto;margin-right:auto}
  .premium-hero-copy .art-eyebrow{margin-left:auto;margin-right:auto}
  .premium-hero-copy h1{
    font-size:clamp(38px,11vw,52px);
  }
  .premium-hero-lead{
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    line-height:1.85;
  }
  .premium-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:min(100%,430px);
    margin:23px auto 0;
  }
  .premium-hero-note{
    justify-content:center;
    font-size:10px;
  }
  .premium-hero-bottomline-inner{
    gap:9px;
    font-size:7px;
    letter-spacing:.12em;
  }

  .premium-latest-section{
    padding:58px 0 64px;
  }
  .premium-section-heading{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:22px;
  }
  .premium-section-heading h2{font-size:34px}
  .premium-heading-side{
    justify-self:start;
    text-align:left;
  }
  .premium-heading-side p{margin-bottom:7px}
  .editorial-latest-grid{
    grid-template-columns:1fr;
  }
  .editorial-main-image{
    height:auto;
    aspect-ratio:16/11;
  }
  .editorial-main-copy{
    padding:22px 20px 24px;
  }
  .editorial-main-copy h3{
    font-size:23px;
  }
  .editorial-side-stories{
    grid-template-rows:auto;
  }
  .editorial-side-story{
    grid-template-columns:36% 64%;
  }
  .editorial-side-image{
    min-height:205px;
  }
  .editorial-topic-strip{
    overflow-x:auto;
    flex-wrap:nowrap;
    justify-content:flex-start;
    -webkit-overflow-scrolling:touch;
  }
  .editorial-topic-strip>*{
    flex:0 0 auto;
  }
}
@media(max-width:520px){
  .premium-hero-art{min-height:350px}
  .premium-art-card{width:min(285px,83vw)}
  .premium-art-glow{width:300px;height:300px}
  .orbit-one{width:300px;height:300px}
  .orbit-two{width:335px;height:335px}
  .premium-hero-actions{
    grid-template-columns:1fr;
  }
  .premium-hero-bottomline-inner span:nth-of-type(2),
  .premium-hero-bottomline-inner i:nth-of-type(2){
    display:none;
  }
  .editorial-main-copy h3{
    font-size:21px;
  }
  .editorial-side-story{
    grid-template-columns:1fr;
  }
  .editorial-side-image{
    min-height:0;
    aspect-ratio:16/10;
  }
  .editorial-side-copy{
    padding:17px 18px 20px;
  }
  .editorial-side-copy h3{
    font-size:19px;
  }
}


/* ===== AI avatar buttons ===== */
.btn-ai-avatar{width:27px;height:27px;flex:0 0 27px;display:inline-block;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.80);box-shadow:0 3px 9px rgba(8,35,63,.13);vertical-align:middle;margin-right:7px}
.btn-ai-avatar.small{width:25px;height:25px;flex-basis:25px}
.btn-ai-avatar.mini{width:22px;height:22px;flex-basis:22px;margin-right:5px}
.premium-hero-actions .btn,.editorial-read-link,.editorial-mini-actions a,.editorial-simple-link,.social-page-cta .read-btn,.topic-about-link{display:inline-flex;align-items:center}
.premium-sub-cta .btn-ai-avatar{border-color:#ecd9ad}

/* ===== Mobile social icons: fixed centering ===== */
.belief-mobile-socials{display:flex!important;align-items:center!important;justify-content:center!important;gap:17px!important;width:100%;margin:0 auto}
.mobile-social-circle{width:52px!important;height:52px!important;flex:0 0 52px;display:grid!important;place-items:center!important;border-radius:50%!important;text-decoration:none;color:#fff!important;border:2px solid #e0b956!important;box-shadow:0 7px 18px rgba(0,0,0,.15)!important}
.mobile-social-circle span{display:block;line-height:1;margin:0!important;transform:none!important}
.mobile-social-circle.facebook{background:#3975c8;font:900 28px/1 Arial,sans-serif}
.mobile-social-circle.instagram{background:linear-gradient(135deg,#8f48c6,#d34a73,#e99a45);font:900 29px/1 Arial,sans-serif}
.mobile-social-circle.threads{background:#0a0a0a;font:800 23px/1 Arial,sans-serif}

/* ===== About Us page ===== */
.about-page{background:#fffdf8}
.about-art-hero{position:relative;overflow:hidden;padding:78px 0 72px;background:radial-gradient(circle at 80% 18%,rgba(228,181,64,.27),transparent 24%),radial-gradient(circle at 8% 12%,rgba(198,84,61,.11),transparent 19%),linear-gradient(120deg,#fffdf6,#fff5df 54%,#efe3ca)}
.about-art-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 13px 13px,rgba(28,107,112,.12) 0 1.4px,transparent 1.7px);background-size:58px 58px;opacity:.24}
.about-art-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:62px}
.about-art-kicker{color:#1f7778;font-size:11px;letter-spacing:.20em;font-weight:950}
.about-pill{display:inline-flex;margin:12px 0 13px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #e7d5a8;color:#7d5a18;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(80,62,28,.06)}
.about-art-copy h1{margin:0 0 23px;color:#092f4f;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:clamp(42px,5.1vw,67px);line-height:1.19;letter-spacing:-.035em}
.about-art-copy h1 em{color:#c5533b;font-style:normal}
.about-art-copy>p{max-width:710px;color:#5f635f;font-size:16px;line-height:1.95}
.about-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.about-hero-tags span{padding:7px 11px;border-radius:999px;border:1px solid #ead9b9;background:rgba(255,255,255,.72);color:#655b4c;font-size:12px;font-weight:850}
.about-art-visual{min-height:510px;position:relative;display:grid;place-items:center}
.about-visual-ring{position:absolute;width:455px;height:455px;border:1px dashed rgba(202,158,50,.52);border-radius:50%;box-shadow:0 0 0 22px rgba(255,248,221,.32)}
.about-main-art{position:relative;z-index:2;width:min(390px,82%);border-radius:50%;border:7px solid rgba(255,255,255,.87);box-shadow:0 26px 70px rgba(47,48,36,.16)}
.about-mini-art{position:absolute;z-index:3;width:112px;height:112px;object-fit:cover;border-radius:50%;border:5px solid #fff9e8;box-shadow:0 13px 28px rgba(49,46,33,.13)}
.about-mini-art.one{left:12px;top:58px}.about-mini-art.two{right:6px;bottom:56px}

.about-stats-section,.about-records-section,.about-charity-section{padding:78px 0;background:#fff}
.about-section-head{display:grid;grid-template-columns:1fr minmax(320px,.7fr);gap:36px;align-items:end;margin-bottom:30px}
.about-section-head.compact{margin-bottom:24px}
.about-section-head small{color:#9a6b18;font-size:10px;letter-spacing:.17em;font-weight:950}
.about-section-head h2{margin:4px 0 0;color:#0b3150;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:39px}
.about-section-head>p{margin:0;color:#777167;font-size:14px;line-height:1.8}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.about-stat{position:relative;overflow:hidden;min-height:205px;padding:24px 21px;border:1px solid #e5dccd;border-radius:23px;background:#fff;box-shadow:0 15px 36px rgba(49,42,30,.06)}
.about-stat:after{content:"";position:absolute;width:100px;height:100px;right:-30px;bottom:-30px;border-radius:50%;background:currentColor;opacity:.07}
.about-stat span{display:block;font-size:25px}.about-stat strong{display:inline-block;margin-top:16px;color:#0b3150;font-size:48px;line-height:1}.about-stat b{margin-left:5px;color:#8f806a;font-size:15px}.about-stat p{margin:13px 0 0;color:#655f56;font-size:13px}
.about-stat.navy{color:#0b3150}.about-stat.coral{color:#c5533b}.about-stat.gold{color:#bd8a18}.about-stat.teal{color:#297f7b}

.about-timeline-section{padding:82px 0;background:linear-gradient(180deg,#fff9ed,#f8f0e0)}
.about-timeline{position:relative;max-width:980px;margin:0 auto}.about-timeline:before{content:"";position:absolute;left:158px;top:18px;bottom:20px;width:2px;background:linear-gradient(#d7ae4c,#2c7d7a)}
.about-timeline article{display:grid;grid-template-columns:125px 36px 1fr;align-items:start;gap:15px;min-height:108px}
.about-timeline time{padding-top:13px;color:#9a6d1c;font-weight:950;font-size:13px;text-align:right}
.timeline-dot{position:relative;z-index:2;width:15px;height:15px;margin:14px auto 0;border:4px solid #fff8e9;border-radius:50%;background:#0b3150;box-shadow:0 0 0 2px #d6ad4e}
.about-timeline article>div:last-child{padding:11px 17px 15px;border-radius:16px;background:rgba(255,255,255,.69);border:1px solid rgba(222,205,171,.72)}
.about-timeline h3{margin:0 0 4px;color:#12324c;font-size:18px}.about-timeline p{margin:0;color:#706b63;font-size:13px}
.about-timeline article.highlight>div:last-child{background:#0a3150}.about-timeline article.highlight h3{color:#fff}.about-timeline article.highlight p{color:#d4e0e8}

.case-record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}
.case-record-card{padding:24px;border:1px solid #e5dac9;border-radius:23px;background:#fffdf9;box-shadow:0 14px 35px rgba(50,42,29,.055)}
.case-record-card.featured{background:linear-gradient(135deg,#fff9ea,#fff);border-color:#dec47f}
.case-card-top{display:flex;align-items:center;gap:14px}
.case-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#0b3150;color:#f3cf6c;font-size:22px}
.case-icon.coral{background:#c5533b;color:#fff}.case-icon.gold{background:#c29525;color:#fff}.case-icon.teal{background:#297f7b;color:#fff}
.case-card-top small{color:#7b7163;font-weight:850}.case-card-top h3{margin:1px 0 0;color:#0b3150;font-size:26px}
.case-dates{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.case-dates span{padding:6px 9px;border-radius:8px;background:#f6eee0;color:#675d4c;font-size:11px;font-weight:800}

.about-street-section{padding:82px 0;background:#f7f1e7}
.street-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.street-timeline article{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 15px;border:1px solid #dfd1b7;border-radius:15px;background:rgba(255,255,255,.76)}
.street-timeline time{flex:0 0 auto;padding:5px 7px;border-radius:7px;background:#0b3150;color:#fff;font-size:10px;font-weight:900}.street-timeline p{margin:0;color:#4f5554;font-size:13px}

.charity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.charity-grid article{min-height:185px;padding:23px 20px;border-radius:21px;background:linear-gradient(160deg,#fff9ec,#f9efdb);border:1px solid #e4d2aa}
.charity-grid article>span{display:block;font-size:28px}.charity-grid small{display:block;margin-top:20px;color:#9b6e1b;font-weight:900}.charity-grid h3{margin:5px 0 0;color:#12324c;font-size:18px;line-height:1.5}

.about-future-section{padding:86px 0;background:linear-gradient(135deg,#082d4c,#0b4264);color:#fff}
.about-future-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}.about-future-art{position:relative;display:grid;place-items:center}
.about-future-art img{position:relative;z-index:2;width:min(360px,83%);border-radius:50%;border:6px solid rgba(255,255,255,.18);box-shadow:0 25px 65px rgba(0,0,0,.24)}
.future-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(244,196,80,.48),transparent 66%)}
.about-future-copy .about-art-kicker{color:#f1c85f}.about-future-copy h2{margin:7px 0 15px;color:#fff;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:40px}
.about-future-copy>p{color:#bbcdc5!important;line-height:1.8}
.future-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;padding:0;margin:25px 0 0;list-style:none}
.future-list li{position:relative;padding:11px 12px 11px 37px;border-radius:11px;background:rgba(255,255,255,.08);color:#bbcdc5!important;font-size:13px}.future-list li:before{content:"◆";position:absolute;left:13px;top:10px;color:#f0c65d;font-size:11px}

.about-closing-section{padding:82px 0;background:#fff9ed}
.about-closing-card{display:grid;grid-template-columns:210px 1fr;gap:32px;align-items:center;padding:35px;border:1px solid #e0c991;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(48,41,29,.07)}
.about-closing-card>img{width:190px;height:190px;object-fit:cover;border-radius:50%;border:5px solid #f4e3b8}
.about-closing-card small{color:#9a6e1c;letter-spacing:.17em;font-weight:950}.about-closing-card h2{margin:5px 0 12px;color:#0a3150;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:35px}
.about-closing-card p{color:#68665f;line-height:1.8}.about-closing-card blockquote{margin:17px 0 12px;padding:15px 18px;border-left:4px solid #c5533b;background:#fff6e9;color:#5d4636;font-size:17px;font-weight:850}
.about-hashtags{color:#26716f;font-size:12px;line-height:1.8;font-weight:800}

@media(max-width:900px){
  .about-art-grid,.about-future-grid{grid-template-columns:1fr}
  .about-art-visual{order:-1;min-height:400px}.about-main-art{max-width:320px}.about-visual-ring{width:365px;height:365px}.about-mini-art{width:90px;height:90px}
  .about-section-head{grid-template-columns:1fr;gap:8px}.about-stats-grid{grid-template-columns:1fr 1fr}.street-timeline{grid-template-columns:1fr 1fr}.charity-grid{grid-template-columns:1fr 1fr}.future-list{grid-template-columns:1fr}
}
@media(max-width:650px){
  .about-art-hero{padding:42px 0 48px}.about-art-visual{min-height:320px}.about-main-art{width:min(265px,77vw)}.about-visual-ring{width:290px;height:290px}
  .about-mini-art{width:70px;height:70px;border-width:3px}.about-mini-art.one{left:1px;top:44px}.about-mini-art.two{right:0;bottom:35px}
  .about-art-copy{text-align:center}.about-art-copy h1{font-size:37px}.about-art-copy>p{font-size:14px;text-align:left}.about-hero-tags{justify-content:center}
  .about-section-head h2{font-size:31px}.about-stats-grid,.case-record-grid,.street-timeline,.charity-grid{grid-template-columns:1fr}
  .about-stat{min-height:170px}.about-stat strong{font-size:42px}
  .about-timeline:before{left:16px}.about-timeline article{grid-template-columns:35px 1fr;gap:10px;min-height:0;margin-bottom:13px}
  .about-timeline time{grid-column:2;grid-row:1;text-align:left;padding:0}.about-timeline .timeline-dot{grid-column:1;grid-row:1/3;margin:3px auto 0}.about-timeline article>div:last-child{grid-column:2;grid-row:2}
  .about-future-art img{max-width:270px}.future-glow{width:300px;height:300px}.about-future-copy h2{font-size:33px}
  .about-closing-card{grid-template-columns:1fr;padding:25px 21px;text-align:center}.about-closing-card>img{width:145px;height:145px;margin:0 auto}.about-closing-card h2{font-size:28px}
  .about-closing-card p,.about-closing-card blockquote{text-align:left}
  .belief-mobile-socials{gap:14px!important}.mobile-social-circle{width:50px!important;height:50px!important;flex-basis:50px}
}


/* ============================================================
   2026-08-09 SEO brand + nav avatar + light-in-darkness footer
   ============================================================ */
.seo-brand-name{
  display:inline-block;
  margin:0 0 4px;
  color:#0b3150;
  font-size:14px;
  font-weight:950;
  letter-spacing:.10em;
}
.nav-avatar-link{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
}
.nav-ai-avatar{
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  object-fit:cover;
  border:1.5px solid #ead5a3;
  box-shadow:0 3px 9px rgba(7,40,67,.09);
}
.nav-avatar-link:hover .nav-ai-avatar{
  transform:translateY(-1px) scale(1.06);
}
.nav-ai-avatar{transition:transform .18s ease}

.case-record-card.newest-case{
  position:relative;
  grid-column:1/-1;
  background:linear-gradient(135deg,#0a3150 0%,#0d4669 72%,#155d72 100%);
  border-color:#164f69;
  color:#fff;
}
.case-record-card.newest-case:before{
  content:"NEW · 2026.08.06";
  position:absolute;
  top:17px;
  right:18px;
  padding:5px 9px;
  border-radius:999px;
  background:#f0c85f;
  color:#082d49;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
}
.case-record-card.newest-case .case-card-top small,
.case-record-card.newest-case .case-card-top h3{
  color:#fff;
}
.case-record-card.newest-case .case-dates span{
  background:rgba(255,255,255,.12);
  color:#f7d875;
}
.newest-case-title{
  margin:17px 0 5px;
  color:#fff;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:21px;
  font-weight:800;
}
.newest-case-link{
  display:inline-block;
  margin-top:8px;
  color:#f2ce69;
  font-size:12px;
  font-weight:900;
}

.home-art-footer{
  padding:24px 0 !important;
  background:linear-gradient(135deg,#061f38,#082f50 56%,#071f36) !important;
  border-top:1px solid rgba(230,187,80,.32);
}
.home-footer-grid{
  grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr) !important;
  gap:32px !important;
  align-items:center !important;
}
.footer-brand-block b{
  color:#fff;
  font-size:22px;
}
.footer-brand-block p{
  margin:7px 0 0;
  color:#9fc0d4;
  font-size:13px;
}
.footer-light-ad{
  position:relative;
  min-height:148px;
  display:grid;
  grid-template-columns:42% 58%;
  align-items:stretch;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(234,194,91,.37);
  background:#071c31;
  box-shadow:0 14px 35px rgba(0,0,0,.18);
  color:#fff;
  text-decoration:none;
}
.footer-light-ad img{
  width:100%;
  height:100%;
  min-height:148px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.footer-light-copy{
  position:relative;
  padding:20px 23px;
  background:
    radial-gradient(circle at 10% 30%,rgba(235,191,67,.16),transparent 32%),
    linear-gradient(90deg,#071c31,#092844);
}
.footer-light-copy small{
  display:block;
  color:#eac55e;
  font-size:8px;
  letter-spacing:.17em;
  font-weight:950;
}
.footer-light-copy strong{
  display:block;
  margin:5px 0 6px;
  color:#fff5d7;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:22px;
  line-height:1.35;
}
.footer-light-copy span{
  display:block;
  color:#b8cbd7;
  font-size:11px;
  line-height:1.7;
}
.footer-light-ad:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 43px rgba(0,0,0,.24);
}
.footer-light-ad{transition:transform .2s ease,box-shadow .2s ease}

@media(max-width:900px){
  .nav-ai-avatar{
    width:29px;
    height:29px;
    flex-basis:29px;
  }
  header .nav nav .nav-avatar-link,
  .art-header .nav nav .nav-avatar-link{
    gap:10px !important;
  }
  .home-footer-grid{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }
  .footer-brand-block{
    text-align:center;
  }
  .footer-light-ad{
    max-width:680px;
    width:100%;
    margin:0 auto;
  }
}
@media(max-width:560px){
  .footer-light-ad{
    grid-template-columns:1fr;
  }
  .footer-light-ad img{
    height:180px;
    min-height:180px;
  }
  .footer-light-copy{
    padding:17px 18px 19px;
    text-align:center;
  }
  .footer-light-copy strong{
    font-size:20px;
  }
  .case-record-card.newest-case:before{
    position:static;
    display:inline-flex;
    margin-bottom:14px;
  }
}


/* =====================================================================
   2026-08-09 全站 AI 美術強化 V3
   - 導覽與主要連結按鈕：AI 圓形大頭貼
   - 子頁 Hero：品牌藝術浮水印
   - 卡片、圖片與字體：電腦 / 平板 / 手機分級
   ===================================================================== */

:root{
  --brand-navy:#082b4b;
  --brand-navy-2:#0d4164;
  --brand-cream:#fffaf0;
  --brand-gold:#d7aa3b;
  --brand-coral:#c9583d;
  --brand-teal:#2b7c78;
  --brand-paper:#f7efe0;
  --brand-line:#e5d7bd;
  --brand-shadow:0 16px 42px rgba(30,42,49,.075);
}

/* ---------- 全站字體與尺寸節奏 ---------- */
body{
  font-size:16px;
  line-height:1.75;
  letter-spacing:.01em;
}
h1,h2,h3,h4{
  text-wrap:balance;
}
.page-hero h1,
.court-library-hero h1,
.comic-reader-hero h1,
.about-art-copy h1{
  font-size:clamp(36px,4.3vw,60px) !important;
  line-height:1.2 !important;
}
.page-hero p,
.court-library-hero p,
.comic-reader-hero p{
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.85;
}

/* ---------- Header：更完整的品牌導覽 ---------- */
header{
  background:
    linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,251,241,.98)) !important;
  border-bottom:1px solid rgba(213,177,92,.34) !important;
  box-shadow:0 8px 27px rgba(8,35,63,.055);
  backdrop-filter:blur(14px);
}
header .nav{
  min-height:76px;
}
header .brand{
  font-weight:950;
  letter-spacing:.02em;
}
/* Traditional Chinese home header: keep the alliance name readable without
   competing with the expanded navigation on narrower desktop screens. */
html[lang="zh-Hant"] .zh-brand-title,
html[lang="zh-Hans"] .zh-brand-title{
  font-size:18px;
  letter-spacing:.035em;
  white-space:nowrap;
}
header .nav>nav{
  gap:3px !important;
}
header .nav>nav>a{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:45px;
  padding:7px 9px !important;
  border-radius:13px;
  font-size:14px;
  font-weight:880;
  color:#142a3b;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
header .nav>nav>a:hover{
  background:#fff3d5;
  box-shadow:0 7px 18px rgba(81,61,26,.07);
  transform:translateY(-1px);
}

/* 子頁原本純文字導覽：自動加上 AI 大頭貼，不必改每一個 HTML */
header .nav>nav>a:not(.nav-avatar-link)::before{
  content:"";
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  background:url("./brand/primary-logo-02.jpg") center/cover no-repeat;
  border:1.5px solid #e2c678;
  box-shadow:0 2px 7px rgba(8,35,63,.12);
}
header .nav>nav>a:nth-child(2):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-03.jpg");
}
header .nav>nav>a:nth-child(3):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-04.jpg");
}
header .nav>nav>a:nth-child(4):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-03.jpg");
}
header .nav>nav>a:nth-child(5):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-02.jpg");
}
header .nav>nav>a:nth-child(6):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-01.jpg");
}
header .nav>nav>a:nth-child(7):not(.nav-avatar-link)::before{
  background-image:url("./brand/primary-logo-02.jpg");
}
header .nav>nav .cute-btn-icon{
  display:none !important;
}

/* ---------- 所有「按鈕式連結」統一加 AI 大頭貼 ---------- */
/* 隱藏舊版 HTML 內嵌小頭貼，改用統一 CSS 頭貼，避免大小不一致 */
.btn-ai-avatar{
  display:none !important;
}

a.btn,
a.read-btn,
a.outline-btn,
a.source-btn,
a.article-back,
a.editorial-read-link,
a.editorial-simple-link,
a.premium-all-link,
a.newest-case-link,
a.campaign-strip-btn,
.editorial-mini-actions a{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
}

a.btn::before,
a.read-btn::before,
a.outline-btn::before,
a.source-btn::before,
a.article-back::before,
a.editorial-read-link::before,
a.editorial-simple-link::before,
a.premium-all-link::before,
a.newest-case-link::before,
a.campaign-strip-btn::before,
.editorial-mini-actions a::before{
  content:"";
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:50%;
  background:url("./brand/primary-logo-03.jpg") center/cover no-repeat;
  border:2px solid rgba(255,255,255,.86);
  box-shadow:0 3px 10px rgba(8,35,63,.14);
}

/* 不同功能使用不同 AI 大頭貼，視覺更有辨識度 */
a.outline-btn::before,
.editorial-mini-actions a:nth-child(2)::before{
  background-image:url("./brand/primary-logo-01.jpg");
}
a.source-btn::before,
a.premium-all-link::before{
  background-image:url("./brand/primary-logo-02.jpg");
}
a.editorial-simple-link::before{
  background-image:url("./brand/primary-logo-04.jpg");
}
a.article-back::before{
  width:24px;height:24px;flex-basis:24px;
  background-image:url("./brand/primary-logo-02.jpg");
}

/* 外觀再統一 */
a.read-btn,
a.btn.art-primary{
  border-radius:12px !important;
  box-shadow:0 8px 20px rgba(7,48,77,.09);
}
a.outline-btn,
a.source-btn{
  border-radius:12px !important;
}
a.read-btn:hover,
a.btn:hover,
a.outline-btn:hover,
a.source-btn:hover,
a.article-back:hover{
  transform:translateY(-2px);
}

/* ---------- 可點擊的大卡片也放一顆品牌 AI 小章 ---------- */
.visual-related-card,
.social-ai-preview,
.episode-library-cover,
.record-card-image,
.activity-card-cover,
.album-index-cover,
.footer-light-ad{
  position:relative;
}
.visual-related-card::after,
.social-ai-preview::after,
.episode-library-cover::after,
.record-card-image::after,
.activity-card-cover::after,
.album-index-cover::after{
  content:"";
  position:absolute;
  z-index:5;
  right:12px;
  top:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:url("./brand/primary-logo-03.jpg") center/cover no-repeat;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 5px 13px rgba(4,27,49,.18);
}
.social-ai-preview:nth-child(2)::after{
  background-image:url("./brand/primary-logo-04.jpg");
}
.social-ai-preview:nth-child(3)::after{
  background-image:url("./brand/primary-logo-02.jpg");
}

/* ---------- 子網頁 Hero：加入 AI 品牌美術浮水印 ---------- */
.page-hero,
.court-library-hero,
.comic-reader-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid rgba(213,172,78,.34);
}
.page-hero::before,
.court-library-hero::before,
.comic-reader-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 78% 30%,rgba(225,178,61,.22),transparent 27%),
    radial-gradient(circle at 8% 15%,rgba(197,82,59,.09),transparent 22%),
    linear-gradient(125deg,#fffdf7,#fff6e6 55%,#efe4cf);
}
.page-hero::after,
.court-library-hero::after,
.comic-reader-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:5.5%;
  top:50%;
  transform:translateY(-50%) rotate(5deg);
  width:170px;
  height:170px;
  border-radius:50%;
  background:url("./brand/primary-logo-04.jpg") center/cover no-repeat;
  opacity:.11;
  filter:saturate(.78);
  box-shadow:0 0 0 18px rgba(217,165,45,.07);
}
.activity-index-hero::after,
.album-hero::after{
  background-image:url("./brand/primary-logo-02.jpg");
}
.hearing-hero::after{
  background-image:url("./brand/primary-logo-03.jpg");
}
.social-page-hero::after{
  background-image:url("./brand/primary-logo-01.jpg");
}
.vol2-hero::after{
  background-image:url("./brand/primary-logo-04.jpg");
}

/* ---------- 文章與內容容器：紙張＋AI 品牌感 ---------- */
.article-shell,
.activity-body,
.comic-intro-card,
.social-platform-card,
.case-record-card,
.album-index-card,
.record-card,
.activity-card{
  border-color:var(--brand-line) !important;
  box-shadow:var(--brand-shadow);
}
.article-shell,
.activity-body{
  position:relative;
}
.article-shell::before,
.activity-body::before{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:url("./brand/primary-logo-03.jpg") center/cover no-repeat;
  opacity:.08;
  pointer-events:none;
}

/* ---------- 圖片尺寸：桌機版不要過大 ---------- */
.article-cover.art-poster-cover{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.activity-hero-photo.art-poster-hero{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.article-cover img,
.activity-hero-photo img{
  max-height:720px;
  object-fit:contain;
}
.record-card-image img,
.activity-card-cover img,
.album-index-cover img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.visual-related-card img{
  width:100%;
  height:100%;
  min-height:190px;
  max-height:250px;
  object-fit:cover;
}
.social-platform-art img{
  max-height:330px !important;
  object-fit:cover !important;
}
.social-ai-preview img{
  max-height:300px !important;
}
.comic-page-image-static img{
  max-width:760px !important;
  margin:0 auto;
}
.comic-hero-cover{
  max-width:320px !important;
}

/* ---------- 內容卡片美術 ---------- */
.visual-related-card,
.record-card,
.activity-card,
.album-index-card,
.social-platform-card,
.episode-card{
  border-radius:22px !important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.visual-related-card:hover,
.record-card:hover,
.activity-card:hover,
.album-index-card:hover,
.social-platform-card:hover,
.episode-card:hover{
  transform:translateY(-4px);
  border-color:#d9bd70 !important;
  box-shadow:0 21px 46px rgba(42,44,39,.11) !important;
}

/* ---------- 專題導覽：更像藝術廣告卡 ---------- */
.visual-related{
  background:
    radial-gradient(circle at 90% 12%,rgba(219,171,54,.12),transparent 22%),
    linear-gradient(180deg,#fffaf1,#f5eddf) !important;
}
.related-head h2{
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:clamp(29px,3vw,39px);
}
.visual-related-copy small{
  color:#9e701b !important;
  letter-spacing:.09em;
}
.visual-related-copy h3{
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
}

/* ---------- Footer：強化成網站最後一張品牌廣告 ---------- */
.art-footer{
  position:relative;
  overflow:hidden;
}
.art-footer::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  left:-55px;
  bottom:-85px;
  border-radius:50%;
  background:url("./brand/primary-logo-04.jpg") center/cover no-repeat;
  opacity:.06;
  pointer-events:none;
}
.footer-light-ad{
  border-radius:22px !important;
}
.footer-light-ad img{
  object-position:center 45% !important;
}

/* ---------- 桌機中尺寸：避免導覽擠在一起 ---------- */
@media(min-width:801px) and (max-width:1180px){
  header .nav{
    width:min(100% - 24px,1120px);
  }
  header .nav>nav>a{
    gap:4px;
    padding:6px 6px !important;
    font-size:12px;
  }
  header .nav>nav>a:not(.nav-avatar-link)::before,
  .nav-ai-avatar{
    width:21px !important;
    height:21px !important;
    flex-basis:21px !important;
  }
  .brand-lockup span{
    font-size:17px !important;
  }
  html[lang="zh-Hant"] .zh-brand-title,
  html[lang="zh-Hans"] .zh-brand-title{
    font-size:16px !important;
    letter-spacing:.02em;
  }
  .brand-lockup small{
    font-size:8px !important;
  }
}

/* =====================================================================
   手機版：圖片與文字重新分級，不單純縮小桌機
   ===================================================================== */
@media(max-width:800px){
  body{
    font-size:15px;
    line-height:1.72;
  }

  header .nav{
    min-height:64px;
  }
  header .nav>nav{
    padding:10px 11px 13px !important;
  }
  header .nav>nav>a{
    justify-content:flex-start !important;
    min-height:48px !important;
    padding:8px 11px !important;
    font-size:15px !important;
    border-bottom:1px solid #eee2cc;
    border-radius:9px !important;
  }
  header .nav>nav>a:last-of-type{
    border-bottom:0;
  }
  header .nav>nav>a:not(.nav-avatar-link)::before,
  .nav-ai-avatar{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  .page-hero,
  .court-library-hero,
  .comic-reader-hero{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }
  .page-hero::after,
  .court-library-hero::after,
  .comic-reader-hero::after{
    width:105px;
    height:105px;
    right:-20px;
    top:23px;
    transform:none;
    opacity:.08;
  }
  .page-hero h1,
  .court-library-hero h1,
  .comic-reader-hero h1,
  .about-art-copy h1{
    font-size:clamp(31px,9.3vw,42px) !important;
  }
  .page-hero p,
  .court-library-hero p,
  .comic-reader-hero p{
    font-size:14px !important;
  }

  a.btn,
  a.read-btn,
  a.outline-btn,
  a.source-btn,
  a.article-back,
  a.editorial-read-link,
  a.editorial-simple-link,
  a.premium-all-link,
  a.newest-case-link{
    min-height:44px;
    font-size:13px !important;
  }
  a.btn::before,
  a.read-btn::before,
  a.outline-btn::before,
  a.source-btn::before,
  a.editorial-read-link::before,
  a.editorial-simple-link::before,
  a.premium-all-link::before,
  a.newest-case-link::before{
    width:29px;
    height:29px;
    flex-basis:29px;
  }

  .article-shell,
  .activity-body{
    width:min(100% - 22px,820px) !important;
  }
  .article-cover.art-poster-cover,
  .activity-hero-photo.art-poster-hero{
    max-width:100%;
  }
  .article-cover img,
  .activity-hero-photo img{
    max-height:none;
    width:100%;
    height:auto;
  }

  .record-card-image img,
  .activity-card-cover img,
  .album-index-cover img{
    aspect-ratio:16/11;
  }
  .visual-related-card{
    grid-template-columns:115px 1fr !important;
  }
  .visual-related-card img{
    min-height:155px !important;
    max-height:190px !important;
  }
  .visual-related-card::after,
  .social-ai-preview::after,
  .episode-library-cover::after,
  .record-card-image::after,
  .activity-card-cover::after,
  .album-index-cover::after{
    width:29px;
    height:29px;
    right:8px;
    top:8px;
  }

  .social-platform-art img{
    max-height:285px !important;
  }
  .social-ai-preview img{
    max-height:none !important;
  }

  .comic-page-image-static img{
    max-width:100% !important;
  }
  .comic-page-caption{
    font-size:11px !important;
  }
  .comic-hero-cover{
    max-width:260px !important;
  }

  .about-section-head h2,
  .related-head h2{
    font-size:clamp(28px,8vw,34px) !important;
  }
  .about-stat strong{
    font-size:40px !important;
  }
  .street-timeline p,
  .case-dates span,
  .charity-grid h3{
    font-size:12px !important;
  }

  .footer-light-ad{
    max-width:560px !important;
  }
  .footer-light-copy strong{
    font-size:19px !important;
  }
  .footer-light-copy span{
    font-size:11px !important;
  }
}

@media(max-width:480px){
  body{
    font-size:14px;
  }
  .container{
    width:min(100% - 22px,1120px) !important;
  }
  .visual-related-card{
    grid-template-columns:98px 1fr !important;
  }
  .visual-related-card img{
    min-height:145px !important;
  }
  .visual-related-copy{
    padding:12px 13px !important;
  }
  .visual-related-copy h3{
    font-size:15px !important;
    line-height:1.45 !important;
  }
  .visual-related-copy p{
    font-size:11px !important;
  }

  .social-platform-art img{
    max-height:250px !important;
  }
  .comic-hero-cover{
    max-width:230px !important;
  }

  /* 小手機上的按鈕避免過長文字與頭貼擠成兩列 */
  a.read-btn,
  a.btn,
  a.outline-btn,
  a.source-btn{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  a.read-btn::before,
  a.btn::before,
  a.outline-btn::before,
  a.source-btn::before{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
}

/* 簡體模式也保持同一套視覺與字重 */
html[lang="zh-Hans"] header .nav>nav>a,
html[lang="zh-Hans"] a.btn,
html[lang="zh-Hans"] a.read-btn,
html[lang="zh-Hans"] a.outline-btn,
html[lang="zh-Hans"] a.source-btn{
  font-weight:700 !important;
}


/* ============================================================
   2026-08-09 頁尾「一道光」圖片完整顯示修正
   ============================================================ */
.footer-light-ad{
  align-items:center !important;
  background:#071c31 !important;
}

.footer-light-ad img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:360px !important;
  object-fit:contain !important;
  object-position:center center !important;
  align-self:center !important;
  background:#071c31;
}

/* 桌機：讓圖片區保有足夠寬度，不用為了填滿卡片而裁圖 */
@media(min-width:901px){
  .footer-light-ad{
    grid-template-columns:minmax(420px,48%) minmax(0,52%) !important;
  }
  .footer-light-ad img{
    max-height:330px !important;
  }
}

/* 平板 */
@media(min-width:561px) and (max-width:900px){
  .footer-light-ad{
    grid-template-columns:minmax(330px,46%) minmax(0,54%) !important;
  }
  .footer-light-ad img{
    max-height:300px !important;
  }
}

/* 手機：圖片獨立一列，以原始比例完整呈現 */
@media(max-width:560px){
  .footer-light-ad{
    grid-template-columns:1fr !important;
  }
  .footer-light-ad img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}


/* =====================================================================
   2026-08-09 護童大頭貼徽章系統 V4
   使用本次提供的 20 款護童行動聯盟形象圖
   ===================================================================== */

/* ---------- 共用：大頭貼徽章外框 ---------- */
:root{
  --avatar-ring:#d9ae48;
  --avatar-glow:0 4px 12px rgba(8,39,65,.16);
}
.nav-ai-avatar,
header .nav>nav>a:not(.nav-avatar-link)::before,
a.btn::before,
a.read-btn::before,
a.outline-btn::before,
a.source-btn::before,
a.article-back::before,
a.editorial-read-link::before,
a.editorial-simple-link::before,
a.premium-all-link::before,
a.newest-case-link::before,
a.campaign-strip-btn::before,
.editorial-mini-actions a::before{
  border:2px solid rgba(255,255,255,.94) !important;
  outline:1px solid var(--avatar-ring);
  box-shadow:var(--avatar-glow) !important;
}

/* ---------- 導覽列：七個入口，各用不同形象圖 ---------- */
header .nav>nav>a:nth-of-type(1)::before{background-image:url("./avatars/avatar-01.jpg") !important}
header .nav>nav>a:nth-of-type(2)::before{background-image:url("./avatars/avatar-03.jpg") !important}
header .nav>nav>a:nth-of-type(3)::before{background-image:url("./avatars/avatar-07.jpg") !important}
header .nav>nav>a:nth-of-type(4)::before{background-image:url("./avatars/avatar-13.jpg") !important}
header .nav>nav>a:nth-of-type(5)::before{background-image:url("./avatars/avatar-15.jpg") !important}
header .nav>nav>a:nth-of-type(6)::before{background-image:url("./avatars/avatar-18.jpg") !important}
header .nav>nav>a:nth-of-type(7)::before{background-image:url("./avatars/avatar-20.jpg") !important}

/* 首頁若 HTML 已經有 nav-ai-avatar，直接換成同一套圓形視覺 */
.nav-avatar-link:nth-of-type(1) .nav-ai-avatar{content:url("./avatars/avatar-01.jpg")}
.nav-avatar-link:nth-of-type(2) .nav-ai-avatar{content:url("./avatars/avatar-03.jpg")}
.nav-avatar-link:nth-of-type(3) .nav-ai-avatar{content:url("./avatars/avatar-07.jpg")}
.nav-avatar-link:nth-of-type(4) .nav-ai-avatar{content:url("./avatars/avatar-13.jpg")}
.nav-avatar-link:nth-of-type(5) .nav-ai-avatar{content:url("./avatars/avatar-15.jpg")}
.nav-avatar-link:nth-of-type(6) .nav-ai-avatar{content:url("./avatars/avatar-18.jpg")}
.nav-avatar-link:nth-of-type(7) .nav-ai-avatar{content:url("./avatars/avatar-20.jpg")}

/* ---------- 主要按鈕：不同功能輪替不同大頭貼 ---------- */
a.btn::before{background-image:url("./avatars/avatar-04.jpg") !important}
a.read-btn::before{background-image:url("./avatars/avatar-11.jpg") !important}
a.outline-btn::before{background-image:url("./avatars/avatar-17.jpg") !important}
a.source-btn::before{background-image:url("./avatars/avatar-08.jpg") !important}
a.article-back::before{background-image:url("./avatars/avatar-02.jpg") !important}
a.editorial-read-link::before{background-image:url("./avatars/avatar-14.jpg") !important}
a.editorial-simple-link::before{background-image:url("./avatars/avatar-09.jpg") !important}
a.premium-all-link::before{background-image:url("./avatars/avatar-12.jpg") !important}
a.newest-case-link::before{background-image:url("./avatars/avatar-16.jpg") !important}
a.campaign-strip-btn::before{background-image:url("./avatars/avatar-05.jpg") !important}
.editorial-mini-actions a:nth-child(1)::before{background-image:url("./avatars/avatar-10.jpg") !important}
.editorial-mini-actions a:nth-child(2)::before{background-image:url("./avatars/avatar-19.jpg") !important}

/* 按鈕 hover：頭貼輕微放大，不讓整顆按鈕跳太多 */
a.btn:hover::before,
a.read-btn:hover::before,
a.outline-btn:hover::before,
a.source-btn:hover::before,
a.article-back:hover::before,
a.editorial-read-link:hover::before,
a.editorial-simple-link:hover::before{
  transform:scale(1.08) rotate(-2deg);
}
a.btn::before,
a.read-btn::before,
a.outline-btn::before,
a.source-btn::before,
a.article-back::before,
a.editorial-read-link::before,
a.editorial-simple-link::before{
  transition:transform .18s ease;
}

/* ---------- 網站小標語 / eyebrow / badge 也加入大頭貼 ---------- */
.art-eyebrow,
.premium-kicker,
.about-pill,
.hero-campaign-badge,
.social-platform-kicker,
.editorial-category,
.topic-strip-title,
.comic-volume,
.episode-badge{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
}
.art-eyebrow::before,
.premium-kicker::before,
.about-pill::before,
.hero-campaign-badge::before,
.social-platform-kicker::before,
.editorial-category::before,
.topic-strip-title::before,
.comic-volume::before,
.episode-badge::before{
  content:"";
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  background:url("./avatars/avatar-06.jpg") center/cover no-repeat;
  border:1.5px solid #e0bb62;
  box-shadow:0 3px 9px rgba(7,38,63,.12);
}
.premium-kicker::before{background-image:url("./avatars/avatar-12.jpg")}
.about-pill::before{background-image:url("./avatars/avatar-18.jpg")}
.hero-campaign-badge::before{background-image:url("./avatars/avatar-05.jpg")}
.social-platform-kicker::before{background-image:url("./avatars/avatar-20.jpg")}
.editorial-category::before{background-image:url("./avatars/avatar-09.jpg");width:20px;height:20px;flex-basis:20px}
.topic-strip-title::before{background-image:url("./avatars/avatar-14.jpg");width:21px;height:21px;flex-basis:21px}
.comic-volume::before,.episode-badge::before{background-image:url("./avatars/avatar-07.jpg")}

/* 若舊 badge 自己已有 emoji / icon，避免重複感太強 */
.hero-campaign-badge>span,
.premium-kicker>span{
  display:none !important;
}

/* ---------- 章節標題旁新增「護童小徽章」 ---------- */
.section-title-row h2,
.premium-section-heading h2,
.about-section-head h2,
.related-head h2{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
}
.section-title-row h2::before,
.premium-section-heading h2::before,
.about-section-head h2::before,
.related-head h2::before{
  content:"";
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  background:url("./avatars/avatar-04.jpg") center/cover no-repeat;
  border:3px solid #fff6df;
  outline:1px solid #d4a842;
  box-shadow:0 6px 15px rgba(8,40,66,.12);
}
.premium-section-heading h2::before{background-image:url("./avatars/avatar-13.jpg")}
.about-section-head h2::before{background-image:url("./avatars/avatar-17.jpg")}
.related-head h2::before{background-image:url("./avatars/avatar-19.jpg")}

/* ---------- 形象圖 / 大卡片：右上角改用更多不同徽章 ---------- */
.visual-related-card:nth-child(1)::after{background-image:url("./avatars/avatar-11.jpg") !important}
.visual-related-card:nth-child(2)::after{background-image:url("./avatars/avatar-15.jpg") !important}
.visual-related-card:nth-child(3)::after{background-image:url("./avatars/avatar-20.jpg") !important}
.record-card-image::after{background-image:url("./avatars/avatar-13.jpg") !important}
.activity-card-cover::after{background-image:url("./avatars/avatar-15.jpg") !important}
.album-index-cover::after{background-image:url("./avatars/avatar-19.jpg") !important}
.episode-library-cover::after{background-image:url("./avatars/avatar-07.jpg") !important}
.social-ai-preview:nth-child(1)::after{background-image:url("./avatars/avatar-18.jpg") !important}
.social-ai-preview:nth-child(2)::after{background-image:url("./avatars/avatar-09.jpg") !important}
.social-ai-preview:nth-child(3)::after{background-image:url("./avatars/avatar-20.jpg") !important}

/* ---------- 子頁 Hero 浮水印：不同類型頁面換不同頭像 ---------- */
.page-hero::after{background-image:url("./avatars/avatar-04.jpg") !important}
.hearing-hero::after{background-image:url("./avatars/avatar-13.jpg") !important}
.activity-index-hero::after{background-image:url("./avatars/avatar-15.jpg") !important}
.album-hero::after{background-image:url("./avatars/avatar-19.jpg") !important}
.social-page-hero::after{background-image:url("./avatars/avatar-20.jpg") !important}
.court-library-hero::after,
.comic-reader-hero::after{background-image:url("./avatars/avatar-07.jpg") !important}

/* ---------- 文章容器右上浮水印也換成大頭貼 ---------- */
.article-shell::before{background-image:url("./avatars/avatar-11.jpg") !important}
.activity-body::before{background-image:url("./avatars/avatar-15.jpg") !important}

/* ---------- 小型標籤視覺：不會壓文字 ---------- */
.editorial-meta{
  flex-wrap:wrap;
}
.editorial-category{
  padding:4px 9px 4px 5px !important;
}
.art-eyebrow{
  max-width:100%;
}
.art-eyebrow::before{
  width:22px;
  height:22px;
  flex-basis:22px;
}

/* ---------- 桌機 ---------- */
@media(min-width:901px){
  header .nav>nav>a{
    white-space:nowrap;
  }
  .section-title-row h2::before,
  .premium-section-heading h2::before,
  .about-section-head h2::before,
  .related-head h2::before{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
}

/* ---------- 平板 / 手機：頭貼縮小、文字不擠壓 ---------- */
@media(max-width:800px){
  .art-eyebrow::before,
  .premium-kicker::before,
  .about-pill::before,
  .hero-campaign-badge::before,
  .social-platform-kicker::before,
  .comic-volume::before,
  .episode-badge::before{
    width:23px;
    height:23px;
    flex-basis:23px;
  }
  .section-title-row h2::before,
  .premium-section-heading h2::before,
  .about-section-head h2::before,
  .related-head h2::before{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-width:2px;
  }
  header .nav>nav>a{
    gap:11px !important;
  }
  header .nav>nav>a:not(.nav-avatar-link)::before,
  .nav-ai-avatar{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
  }
}

/* ---------- 小手機 ---------- */
@media(max-width:480px){
  .art-eyebrow,
  .premium-kicker,
  .about-pill,
  .hero-campaign-badge{
    font-size:10px !important;
    gap:6px;
  }
  .art-eyebrow::before,
  .premium-kicker::before,
  .about-pill::before,
  .hero-campaign-badge::before{
    width:21px;
    height:21px;
    flex-basis:21px;
  }
  .section-title-row h2,
  .premium-section-heading h2,
  .about-section-head h2,
  .related-head h2{
    gap:8px;
  }
  .section-title-row h2::before,
  .premium-section-heading h2::before,
  .about-section-head h2::before,
  .related-head h2::before{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
}

/* 簡體模式維持相同徽章與排版 */
html[lang="zh-Hans"] .art-eyebrow,
html[lang="zh-Hans"] .premium-kicker,
html[lang="zh-Hans"] .about-pill,
html[lang="zh-Hans"] header .nav>nav>a{
  font-weight:700 !important;
}


/* =====================================================================
   2026-08-09 V5 — 20 張大頭貼「同一頁不重複」＋頁尾完整圖片
   ===================================================================== */

/* ---------------------------------------------------------------------
   A. 關閉 V4 靜態配圖。
   V4 是按 selector 固定指定圖片，所以同一張會在多處重複。
   V5 改由 site.js 每頁依 DOM 順序發放 avatar-01 ~ avatar-20。
   --------------------------------------------------------------------- */
.nav-avatar-link .nav-ai-avatar{
  display:none !important;
}

/* 所有舊的圖片型 pseudo avatar 先清空 */
header .nav>nav>a::before,
a.btn::before,
a.read-btn::before,
a.outline-btn::before,
a.source-btn::before,
a.article-back::before,
a.editorial-read-link::before,
a.editorial-simple-link::before,
a.premium-all-link::before,
a.newest-case-link::before,
a.campaign-strip-btn::before,
.editorial-mini-actions a::before,
.art-eyebrow::before,
.premium-kicker::before,
.about-pill::before,
.hero-campaign-badge::before,
.social-platform-kicker::before,
.editorial-category::before,
.topic-strip-title::before,
.comic-volume::before,
.episode-badge::before,
.section-title-row h2::before,
.premium-section-heading h2::before,
.about-section-head h2::before,
.related-head h2::before{
  background-image:none !important;
}

/* JS 指定到的 20 個元素才使用照片 */
.unique-brand-avatar::before{
  content:"" !important;
  display:inline-block !important;
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  border-radius:50% !important;
  background-image:var(--unique-avatar-image) !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  border:2px solid rgba(255,255,255,.96) !important;
  outline:1px solid #d8ad47 !important;
  box-shadow:0 4px 11px rgba(7,38,63,.15) !important;
  vertical-align:middle;
}

/* H2 / section heading 的大頭貼稍大 */
.section-title-row h2.unique-brand-avatar::before,
.premium-section-heading h2.unique-brand-avatar::before,
.about-section-head h2.unique-brand-avatar::before,
.related-head h2.unique-brand-avatar::before{
  width:42px !important;
  height:42px !important;
  flex-basis:42px !important;
  border-width:3px !important;
}

/* 小標語 / 分類徽章稍小 */
.art-eyebrow.unique-brand-avatar::before,
.premium-kicker.unique-brand-avatar::before,
.about-pill.unique-brand-avatar::before,
.hero-campaign-badge.unique-brand-avatar::before,
.social-platform-kicker.unique-brand-avatar::before,
.editorial-category.unique-brand-avatar::before,
.topic-strip-title.unique-brand-avatar::before,
.comic-volume.unique-brand-avatar::before,
.episode-badge.unique-brand-avatar::before{
  width:23px !important;
  height:23px !important;
  flex-basis:23px !important;
  border-width:1.5px !important;
}

/* 超過 20 個的候選元素不再重複照片，改用簡單愛心符號 */
.avatar-fallback::before{
  content:"♡" !important;
  display:inline-grid !important;
  place-items:center !important;
  width:25px !important;
  height:25px !important;
  flex:0 0 25px !important;
  border-radius:50% !important;
  background:#fff2d6 !important;
  background-image:none !important;
  color:#c8543b !important;
  border:1px solid #e1bd68 !important;
  box-shadow:none !important;
  font:900 15px/1 Georgia,serif !important;
}

/* 首頁與子頁導覽保持頭貼＋文字的整齊間距 */
header .nav>nav>a.unique-brand-avatar{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}
header .nav>nav>a.unique-brand-avatar::before{
  width:27px !important;
  height:27px !important;
  flex-basis:27px !important;
}

/* ---------------------------------------------------------------------
   B. 頁尾「一道光」：新圖本身就是完整面板，不再拿裁過的來源圖。
   永遠用 contain / auto height，不允許任何 cover。
   --------------------------------------------------------------------- */
.footer-light-ad{
  overflow:hidden !important;
  align-items:center !important;
  background:#071f37 !important;
}

.footer-light-ad img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  align-self:center !important;
  background:#071f37 !important;
}

/* 新圖片約 1.95:1，桌機左區拉寬，直接完整呈現 */
@media(min-width:901px){
  .footer-light-ad{
    grid-template-columns:minmax(520px,52%) minmax(0,48%) !important;
  }
  .footer-light-ad img{
    width:100% !important;
    height:auto !important;
  }
}

/* 平板：避免左右兩欄把圖片壓成窄直欄 */
@media(min-width:601px) and (max-width:900px){
  .footer-light-ad{
    grid-template-columns:1fr !important;
    max-width:760px !important;
  }
  .footer-light-ad img{
    width:100% !important;
    height:auto !important;
  }
  .footer-light-copy{
    text-align:center;
  }
}

/* 手機：整張圖片一列，文字下一列 */
@media(max-width:600px){
  .footer-light-ad{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .footer-light-ad img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}

/* ---------------------------------------------------------------------
   C. 手機的 unique avatar 尺寸
   --------------------------------------------------------------------- */
@media(max-width:800px){
  header .nav>nav>a.unique-brand-avatar::before{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }
  .section-title-row h2.unique-brand-avatar::before,
  .premium-section-heading h2.unique-brand-avatar::before,
  .about-section-head h2.unique-brand-avatar::before,
  .related-head h2.unique-brand-avatar::before{
    width:35px !important;
    height:35px !important;
    flex-basis:35px !important;
    border-width:2px !important;
  }
}


/* =====================================================================
   2026-08-09 V6 — 官網美術「減法」精修
   大頭貼減量、留白增加、卡片統一、圖片與手機尺寸重新整理
   ===================================================================== */

/* ------------------------------------------------
   取消過多裝飾：標題、小標語、分類、卡片不再塞照片
   ------------------------------------------------ */
.art-eyebrow::before,
.premium-kicker::before,
.about-pill::before,
.hero-campaign-badge::before,
.social-platform-kicker::before,
.editorial-category::before,
.topic-strip-title::before,
.comic-volume::before,
.episode-badge::before,
.section-title-row h2::before,
.premium-section-heading h2::before,
.about-section-head h2::before,
.related-head h2::before,
.visual-related-card::after,
.social-ai-preview::after,
.episode-library-cover::after,
.record-card-image::after,
.activity-card-cover::after,
.album-index-cover::after,
.page-hero::after,
.court-library-hero::after,
.comic-reader-hero::after,
.article-shell::before,
.activity-body::before{
  content:none !important;
  display:none !important;
  background-image:none !important;
}

/* 小標語改用金色線與小點，不再使用人物頭貼 */
.art-eyebrow,
.premium-kicker,
.about-pill,
.social-platform-kicker{
  position:relative;
  gap:0 !important;
}
.art-eyebrow{
  padding-left:25px;
}
.art-eyebrow::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0;
  top:50%;
  width:16px;
  height:2px;
  border-radius:999px;
  background:#d4a63b;
  transform:translateY(-50%);
}

/* 區塊 H2 回歸乾淨排版 */
.section-title-row h2,
.premium-section-heading h2,
.about-section-head h2,
.related-head h2{
  display:block !important;
}
.section-title-row h2::after,
.premium-section-heading h2::after,
.about-section-head h2::after,
.related-head h2::after{
  content:"" !important;
  display:block !important;
  width:46px;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#d9aa38,#c45b42);
}

/* ------------------------------------------------
   大頭貼只保留：導航 + 每頁最多 3 個主要 CTA
   ------------------------------------------------ */
.unique-brand-avatar::before{
  content:"" !important;
  display:inline-block !important;
  border-radius:50% !important;
  background-image:var(--unique-avatar-image) !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  vertical-align:middle;
}

.nav-brand-avatar{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
}
.nav-brand-avatar::before{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  border:1px solid #d7b15a !important;
  outline:0 !important;
  box-shadow:none !important;
}

.content-brand-avatar{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.content-brand-avatar::before{
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  outline:1px solid #d7ac49 !important;
  box-shadow:0 3px 9px rgba(7,38,63,.13) !important;
}

/* 沒被 JS 選中的按鈕不顯示舊 pseudo 大頭貼 */
a.btn:not(.content-brand-avatar)::before,
a.read-btn:not(.content-brand-avatar)::before,
a.outline-btn:not(.content-brand-avatar)::before,
a.source-btn:not(.content-brand-avatar)::before,
a.article-back:not(.content-brand-avatar)::before,
a.editorial-read-link:not(.content-brand-avatar)::before,
a.editorial-simple-link:not(.content-brand-avatar)::before,
a.premium-all-link:not(.content-brand-avatar)::before,
a.newest-case-link:not(.content-brand-avatar)::before,
a.campaign-strip-btn:not(.content-brand-avatar)::before,
.editorial-mini-actions a:not(.content-brand-avatar)::before{
  content:none !important;
  display:none !important;
}

/* ------------------------------------------------
   Hero：保留 AI 美術感，但用光、紙張、線條，而不是頭貼
   ------------------------------------------------ */
.page-hero,
.court-library-hero,
.comic-reader-hero{
  background:
    radial-gradient(circle at 84% 20%,rgba(221,173,54,.18),transparent 28%),
    radial-gradient(circle at 8% 10%,rgba(197,82,59,.07),transparent 20%),
    linear-gradient(125deg,#fffdf8,#fff6e7 57%,#f1e7d4) !important;
}
.page-hero::before,
.court-library-hero::before,
.comic-reader-hero::before{
  background-image:
    radial-gradient(circle at 14px 14px,rgba(28,98,105,.09) 0 1px,transparent 1.4px) !important;
  background-size:58px 58px !important;
  opacity:.28 !important;
}

/* ------------------------------------------------
   卡片統一：少陰影、多留白、同一圓角
   ------------------------------------------------ */
.record-card,
.activity-card,
.album-index-card,
.social-platform-card,
.visual-related-card,
.episode-card,
.editorial-main-story,
.editorial-side-story{
  border-radius:20px !important;
  border-color:#e7dcc7 !important;
  box-shadow:0 12px 30px rgba(40,42,37,.06) !important;
}
.record-card:hover,
.activity-card:hover,
.album-index-card:hover,
.social-platform-card:hover,
.visual-related-card:hover,
.episode-card:hover,
.editorial-main-story:hover,
.editorial-side-story:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 38px rgba(40,42,37,.09) !important;
}

/* ------------------------------------------------
   圖片比例：電腦與手機都有固定視覺節奏
   ------------------------------------------------ */
.record-card-image img,
.activity-card-cover img,
.album-index-cover img{
  aspect-ratio:16/10 !important;
  object-fit:cover !important;
}
.visual-related-card img{
  object-fit:cover !important;
}
.article-cover img,
.activity-hero-photo img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* ------------------------------------------------
   Footer「一道光」：新圖無文字，HTML 文字獨立呈現
   ------------------------------------------------ */
.footer-light-ad{
  grid-template-columns:minmax(440px,52%) minmax(0,48%) !important;
  align-items:stretch !important;
  background:#071f37 !important;
}
.footer-light-ad img{
  width:100% !important;
  height:100% !important;
  min-height:210px !important;
  max-height:290px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.footer-light-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:210px;
}
.footer-light-copy strong{
  max-width:560px;
}

/* ------------------------------------------------
   桌機版字級與留白
   ------------------------------------------------ */
@media(min-width:901px){
  section{
    scroll-margin-top:88px;
  }
  .section-title-row,
  .premium-section-heading,
  .about-section-head{
    margin-bottom:30px !important;
  }
  header .nav>nav>a{
    padding-left:7px !important;
    padding-right:7px !important;
  }
}

/* ------------------------------------------------
   平板
   ------------------------------------------------ */
@media(min-width:601px) and (max-width:900px){
  .footer-light-ad{
    grid-template-columns:1fr !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .footer-light-ad img{
    height:auto !important;
    max-height:none !important;
    aspect-ratio:16/8 !important;
  }
  .footer-light-copy{
    min-height:0;
    text-align:center;
  }
}

/* ------------------------------------------------
   手機：大頭貼更小、不遮字，卡片全部閱讀優先
   ------------------------------------------------ */
@media(max-width:800px){
  .nav-brand-avatar::before{
    width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
  }
  header .nav>nav>a{
    gap:9px !important;
  }

  .content-brand-avatar::before{
    width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
  }

  .section-title-row h2::after,
  .premium-section-heading h2::after,
  .about-section-head h2::after,
  .related-head h2::after{
    width:38px;
    margin-top:8px;
  }

  .visual-related-card{
    grid-template-columns:108px 1fr !important;
  }
  .visual-related-card img{
    min-height:145px !important;
    max-height:175px !important;
  }

  .footer-light-ad{
    grid-template-columns:1fr !important;
  }
  .footer-light-ad img{
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
  }
  .footer-light-copy{
    min-height:0 !important;
    padding:20px 18px 22px !important;
    text-align:center !important;
  }
}

/* 小手機再減一級 */
@media(max-width:480px){
  .nav-brand-avatar::before{
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
  }
  .content-brand-avatar::before{
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
  }
  .visual-related-card{
    grid-template-columns:96px 1fr !important;
  }
}


/* =====================================================================
   2026-08-09 V7
   旁聽紀錄 / 活動紀錄列表海報：
   1. 右上大頭貼完整顯示，不再被 object-fit:cover 裁掉
   2. 隱藏海報內右上角殘留的黃色日期文字
   ===================================================================== */

/* ---------- 旁聽紀錄列表 ---------- */
.hearing-records-page-fix-placeholder{display:none}

/* hearing-records/index.html 的主紀錄卡 */
.record-card-image{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fbf4e5 !important;
}

.record-card-image > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 蓋掉海報右上、圓形大頭貼左側殘留的年份數字。
   遮罩只到大頭貼左緣，不覆蓋圓形圖。 */
.record-card-image::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;
  left:72.3% !important;
  top:6.4% !important;
  width:5.5% !important;
  height:4.6% !important;
  border-radius:4px !important;
  background:rgb(8,35,64) !important;
  pointer-events:none !important;
}

/* ---------- 活動紀錄列表 ---------- */
.activity-card-cover.activity-poster-cover{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fbf4e5 !important;
}

.activity-card-cover.activity-poster-cover > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 活動海報右上角日期遮罩，保留右側圓形大頭貼 */
.activity-card-cover.activity-poster-cover::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;
  left:72.3% !important;
  top:6.4% !important;
  width:5.5% !important;
  height:4.6% !important;
  border-radius:4px !important;
  background:rgb(41,127,124) !important;
  pointer-events:none !important;
}

/* ---------- 手機版 ----------
   舊版曾把 record-card-image img 強制成 16:9；
   這裡明確取消，維持完整 4:5 海報。 */
@media(max-width:800px){
  .record-card-image,
  .activity-card-cover.activity-poster-cover{
    width:min(100%,430px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    aspect-ratio:4 / 5 !important;
  }

  .record-card-image > img,
  .activity-card-cover.activity-poster-cover > img{
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* 小手機再限制寬度，避免一張直式海報佔滿整個畫面 */
@media(max-width:480px){
  .record-card-image,
  .activity-card-cover.activity-poster-cover{
    width:min(100%,360px) !important;
  }
}


/* =====================================================================
   2026-08-09 V8
   移除「活動紀錄／旁聽紀錄」海報右上角圓形大頭貼
   同時蓋掉該區殘留日期文字，保留乾淨標題條。
   ===================================================================== */

/* 活動紀錄：右上角改回完整青綠色標題條 */
.activity-card-cover.activity-poster-cover::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:8 !important;
  left:79.5% !important;
  top:3.55% !important;
  width:14.7% !important;
  height:8.3% !important;
  border-radius:0 !important;
  background:rgb(41,127,124) !important;
  box-shadow:none !important;
  outline:0 !important;
  pointer-events:none !important;
}

/* 旁聽紀錄：右上角改回完整深藍色標題條 */
.record-card-image::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:8 !important;
  left:79.5% !important;
  top:3.55% !important;
  width:14.7% !important;
  height:8.3% !important;
  border-radius:0 !important;
  background:rgb(8,35,64) !important;
  box-shadow:none !important;
  outline:0 !important;
  pointer-events:none !important;
}

/* 先前用來遮日期的小遮罩可關閉，避免重疊造成色塊 */
.activity-card-cover.activity-poster-cover::before,
.record-card-image::before{
  content:none !important;
  display:none !important;
}

/* 手機／平板維持同一比例位置，不需要另外裁圖 */
@media(max-width:800px){
  .activity-card-cover.activity-poster-cover::after,
  .record-card-image::after{
    left:79.5% !important;
    top:3.55% !important;
    width:14.7% !important;
    height:8.3% !important;
  }
}


/* =====================================================================
   2026-08-09 V9
   新版活動／旁聽藝術海報：
   右上角大頭貼已直接設計在圖片內，因此不再用 CSS 色塊遮蓋。
   ===================================================================== */

.activity-card-cover.activity-poster-cover::after,
.record-card-image::after,
.activity-card-cover.activity-poster-cover::before,
.record-card-image::before{
  content:none !important;
  display:none !important;
}

/* 海報一律完整顯示，避免新版右上角大頭貼被裁切 */
.activity-card-cover.activity-poster-cover,
.record-card-image{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  background:#fbf4e5 !important;
}

.activity-card-cover.activity-poster-cover > img,
.record-card-image > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 手機版也保持原圖完整比例 */
@media(max-width:800px){
  .activity-card-cover.activity-poster-cover,
  .record-card-image{
    width:min(100%,430px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    aspect-ratio:auto !important;
  }

  .activity-card-cover.activity-poster-cover > img,
  .record-card-image > img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =====================================================================
   2026-08-09 V10 — 全站檢視校正層
   ===================================================================== */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible{
  outline:3px solid #e0ad35 !important;
  outline-offset:3px !important;
  border-radius:8px;
}
.lang-btn{
  min-width:44px;
  min-height:44px;
  display:inline-grid;
  place-items:center;
}
img{max-width:100%}
body.lightbox-open{overflow:hidden}
.comic-page-image-static img{cursor:zoom-in !important}

/* 首頁最新紀錄：直式海報完整顯示，柔焦背景填滿橫向卡片 */
.editorial-main-image,
.editorial-side-stories .editorial-side-story:first-child .editorial-side-image{
  position:relative;
  isolation:isolate;
  background:#0a2e4c;
}
.editorial-main-image::before,
.editorial-side-stories .editorial-side-story:first-child .editorial-side-image::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px;
  background-position:center;
  background-size:cover;
  filter:blur(18px);
  transform:scale(1.08);
  opacity:.33;
}
.editorial-main-image::before{background-image:url("../poster-hearing.jpg")}
.editorial-side-stories .editorial-side-story:first-child .editorial-side-image::before{
  background-image:url("../poster-rally.jpg")
}
.editorial-main-image > img,
.editorial-side-stories .editorial-side-story:first-child .editorial-side-image > img{
  position:relative;
  z-index:1;
  object-fit:contain !important;
  object-position:center !important;
  background:rgba(5,31,51,.10);
}

/* 子頁 footer 統一品牌視覺 */
footer:not(.art-footer){
  margin-top:0;
  border-top:1px solid rgba(217,170,56,.34);
  background:linear-gradient(135deg,#071f37,#0a3557) !important;
  color:#f7edd2;
}
footer:not(.art-footer) > .container{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-weight:900;
}
footer:not(.art-footer) > .container::after{
  content:"孩子優先・制度落實・持續行動";
  color:#a9c4d4;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}

/* 導覽品牌圖統一使用輕量縮圖 */
.brand-lockup > img{
  width:46px !important;
  height:46px !important;
  object-fit:cover;
  flex:0 0 46px;
}

/* 活動相簿鍵盤操作 */
.album-photo-card[role="button"]{cursor:zoom-in}
.album-photo-card[role="button"]:focus-visible{
  box-shadow:0 0 0 4px rgba(224,173,53,.25),0 14px 34px rgba(33,39,39,.10);
}

@media(max-width:800px){
  .brand-lockup > img{
    width:40px !important;
    height:40px !important;
    flex-basis:40px;
  }
  footer:not(.art-footer) > .container{
    min-height:96px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:5px;
  }
  .editorial-main-image > img,
  .editorial-side-stories .editorial-side-story:first-child .editorial-side-image > img{
    width:100%;
    height:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* =====================================================================
   2026-08-09 V11 — 全站搜尋 + 行動成果視覺化
   ===================================================================== */

/* ---------- 全站搜尋入口 ---------- */
.site-search-btn{
  appearance:none;
  border:1px solid rgba(13,50,79,.18);
  background:#fffaf0;
  color:#0a3150;
  min-width:42px;
  height:42px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.site-search-btn:hover{
  transform:translateY(-1px);
  border-color:#d7aa3b;
  background:#fff4d9;
}
.site-search-icon{
  font-size:21px;
  line-height:1;
}
.site-search-label{
  display:none;
  font-size:14px;
}

/* ---------- 搜尋 Overlay ---------- */
.site-search-overlay[hidden]{display:none !important}
.site-search-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:start center;
  padding:clamp(18px,6vh,64px) 18px 30px;
  background:rgba(3,22,38,.76);
  backdrop-filter:blur(7px);
  overflow:auto;
}
body.site-search-open{overflow:hidden}

.site-search-panel{
  width:min(760px,100%);
  border:1px solid rgba(221,179,76,.42);
  border-radius:26px;
  background:#fffdf8;
  box-shadow:0 26px 80px rgba(0,17,31,.34);
  overflow:hidden;
}
.site-search-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px 14px;
}
.site-search-panel-head small{
  display:block;
  margin-bottom:3px;
  color:#bd8c25;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.site-search-panel-head h2{
  margin:0;
  color:#092d49;
  font-size:clamp(24px,4vw,34px);
}
.site-search-close{
  appearance:none;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid #e3d7c4;
  border-radius:50%;
  background:#fff;
  color:#0b3150;
  font-size:20px;
  cursor:pointer;
}
.site-search-form{
  padding:0 24px;
}
.site-search-field{
  position:relative;
  display:flex;
  align-items:center;
}
.site-search-field > span{
  position:absolute;
  left:17px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  color:#b18022;
  pointer-events:none;
}
.site-search-input{
  width:100%;
  min-width:0;
  height:56px;
  padding:0 50px 0 50px;
  border:2px solid #dfd3bf;
  border-radius:16px;
  background:#fff;
  color:#15283a;
  font:inherit;
  font-size:17px;
  outline:none;
}
.site-search-input:focus{
  border-color:#d4a033;
  box-shadow:0 0 0 4px rgba(212,160,51,.13);
}
.site-search-clear{
  appearance:none;
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#71808b;
  font-size:17px;
  cursor:pointer;
}
.site-search-clear:hover{background:#f4ecdd}

.site-search-filters{
  display:flex;
  gap:7px;
  padding:14px 24px 4px;
  overflow-x:auto;
  scrollbar-width:none;
}
.site-search-filters::-webkit-scrollbar{display:none}
.site-search-filter{
  appearance:none;
  white-space:nowrap;
  border:1px solid #e0d5c3;
  border-radius:999px;
  background:#fff;
  color:#4d5964;
  padding:7px 11px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.site-search-filter.is-active{
  border-color:#0b3b60;
  background:#0b3b60;
  color:#fff;
}
.site-search-status{
  min-height:35px;
  padding:8px 24px 6px;
  color:#687681;
  font-size:13px;
  font-weight:700;
}
.site-search-results{
  display:grid;
  gap:8px;
  max-height:min(56vh,520px);
  padding:0 16px 18px;
  overflow:auto;
}
.site-search-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 16px;
  padding:15px 16px;
  border:1px solid transparent;
  border-radius:16px;
  color:inherit;
  text-decoration:none;
  background:#fff;
}
.site-search-result:hover,
.site-search-result:focus-visible{
  border-color:#ddbd72;
  background:#fff9ea;
}
.site-search-result-main{
  min-width:0;
}
.site-search-result-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:5px;
}
.site-search-result-category{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:#eaf1f3;
  color:#24566d;
  font-size:11px;
  font-weight:900;
}
.site-search-result-date{
  color:#a27724;
  font-size:12px;
  font-weight:800;
}
.site-search-result h3{
  margin:0;
  color:#0b3150;
  font-size:17px;
  line-height:1.4;
}
.site-search-result p{
  margin:5px 0 0;
  color:#61707b;
  font-size:13px;
  line-height:1.65;
}
.site-search-result-arrow{
  align-self:center;
  color:#c58d21;
  font-size:22px;
}
.site-search-empty{
  padding:30px 24px 34px;
  text-align:center;
  color:#65747f;
}
.site-search-empty strong{
  display:block;
  margin-bottom:7px;
  color:#17364e;
  font-size:18px;
}
.site-search-tips{
  padding:14px 24px 18px;
  border-top:1px solid #eee4d5;
  background:#fbf5e9;
  color:#71808a;
  font-size:12px;
  line-height:1.6;
}
.site-search-tips kbd{
  padding:2px 6px;
  border:1px solid #d7cbb7;
  border-bottom-width:2px;
  border-radius:5px;
  background:#fff;
  color:#294252;
  font-family:inherit;
  font-weight:900;
}

/* ---------- 行動成果 ---------- */
.impact-dashboard-section{
  position:relative;
  overflow:hidden;
  padding:72px 0;
  background:
    radial-gradient(circle at 12% 22%,rgba(212,164,51,.12),transparent 23%),
    radial-gradient(circle at 92% 80%,rgba(43,126,121,.10),transparent 25%),
    #fbf4e5;
}
.impact-dashboard-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:radial-gradient(circle at 1px 1px,rgba(11,49,80,.13) 1px,transparent 1.2px);
  background-size:28px 28px;
}
.impact-dashboard-section > .container{
  position:relative;
  z-index:1;
}
.impact-dashboard-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:30px;
}
.impact-dashboard-head h2{
  margin:4px 0 0;
  color:#0b3150;
  font-size:clamp(31px,5vw,50px);
}
.impact-dashboard-head > p{
  max-width:560px;
  margin:0;
  color:#5e6b73;
  line-height:1.8;
}
.impact-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.impact-metric-card{
  position:relative;
  min-height:285px;
  padding:26px 24px 23px;
  overflow:hidden;
  border:1px solid #e2d5be;
  border-radius:22px;
  background:#fffdf8;
  box-shadow:0 12px 30px rgba(42,43,38,.06);
}
.impact-metric-card::after{
  content:"";
  position:absolute;
  right:-32px;
  bottom:-38px;
  width:130px;
  height:130px;
  border:22px solid currentColor;
  border-radius:50%;
  opacity:.055;
}
.impact-metric-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border:1px solid currentColor;
  border-radius:15px;
  background:#fff;
  font-size:23px;
}
.impact-navy{color:#0b4269}
.impact-coral{color:#b64f3e}
.impact-gold{color:#a8791d}
.impact-metric-number{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin-bottom:8px;
}
.impact-metric-number strong{
  color:currentColor;
  font-size:clamp(44px,6vw,66px);
  line-height:1;
  letter-spacing:-.04em;
}
.impact-metric-number span{
  color:#66747b;
  font-size:15px;
  font-weight:900;
}
.impact-metric-card h3{
  margin:0 0 8px;
  color:#152c3f;
  font-size:18px;
}
.impact-metric-card p{
  margin:0;
  color:#69767d;
  line-height:1.75;
  font-size:14px;
}
.impact-journey-strip{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin-top:18px;
  padding:20px 22px;
  border-radius:20px;
  background:#082b4b;
  color:#fff8e8;
}
.impact-journey-mark{
  display:flex;
  align-items:center;
}
.impact-journey-mark span{
  width:11px;
  height:11px;
  flex:0 0 11px;
  border:3px solid #e1b343;
  border-radius:50%;
}
.impact-journey-mark i{
  display:block;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#e1b343,#d56349);
}
.impact-journey-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.impact-journey-copy small{
  color:#e0b444;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.impact-journey-copy strong{
  font-size:17px;
}
.impact-journey-copy span{
  color:#b9cad5;
  font-size:12px;
}
.impact-about-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#fff6dc;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.impact-about-link:hover{color:#efc459}

@media(max-width:900px){
  .impact-dashboard-head{
    align-items:start;
    flex-direction:column;
    gap:12px;
  }
  .impact-dashboard-grid{
    grid-template-columns:1fr;
  }
  .impact-metric-card{
    min-height:0;
  }
  .impact-journey-strip{
    grid-template-columns:85px minmax(0,1fr);
  }
  .impact-about-link{
    grid-column:2;
  }
}
@media(max-width:800px){
  .site-search-label{display:inline}
  .site-search-btn{
    width:100%;
    justify-content:flex-start;
    padding:0 14px;
    border-radius:12px;
  }
  .site-search-overlay{
    padding:12px;
  }
  .site-search-panel{
    border-radius:20px;
  }
  .site-search-panel-head{
    padding:18px 18px 12px;
  }
  .site-search-form{
    padding:0 18px;
  }
  .site-search-filters{
    padding-left:18px;
    padding-right:18px;
  }
  .site-search-status{
    padding-left:18px;
    padding-right:18px;
  }
  .site-search-results{
    max-height:58vh;
    padding-left:10px;
    padding-right:10px;
  }
  .impact-dashboard-section{
    padding:54px 0;
  }
}
@media(max-width:560px){
  .site-search-result{
    grid-template-columns:1fr;
  }
  .site-search-result-arrow{display:none}
  .impact-journey-strip{
    grid-template-columns:1fr;
  }
  .impact-journey-mark{
    width:90px;
  }
  .impact-about-link{
    grid-column:auto;
  }
}


/* ---------- 勿忘剴剴首頁專區 ---------- */
.remember-kaikai-section{
  position:relative;
  padding:76px 0 82px;
  background:
    radial-gradient(circle at 88% 16%,rgba(212,164,51,.10),transparent 22%),
    radial-gradient(circle at 12% 82%,rgba(43,126,121,.08),transparent 24%),
    linear-gradient(180deg,#fffdf8 0%,#fff9ef 100%);
}
.remember-kaikai-card{
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);
  align-items:center;
  gap:34px;
  padding:28px;
  border:1px solid #e7dbc8;
  border-radius:30px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 44px rgba(45,40,28,.08);
}
.remember-kaikai-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  border-radius:26px;
  background:linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  box-shadow:inset 0 0 0 1px #f1e4cf;
}
.remember-kaikai-visual img{
  display:block;
  width:100%;
  max-width:430px;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(22,35,53,.09);
}
.remember-kaikai-copy h2{
  margin:6px 0 12px;
  color:#0a2e4c;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:clamp(30px,4vw,44px);
  line-height:1.3;
}
.remember-kaikai-lead{
  margin:0 0 14px;
  color:#c25a42;
  font-size:22px;
  font-weight:900;
}
.remember-kaikai-copy p{
  margin:0 0 12px;
  color:#5d6870;
  font-size:15px;
  line-height:1.9;
}
.remember-kaikai-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 18px;
}
.remember-kaikai-tags span{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #ead8b7;
  background:#fff9ec;
  color:#7a5a1f;
  font-size:12px;
  font-weight:900;
}
.remember-kaikai-quote{
  margin:0 0 22px;
  padding:18px 20px;
  border-left:4px solid #d7a53a;
  border-radius:0 18px 18px 0;
  background:#0a2f4d;
  color:#fff4d8;
  font-size:16px;
  font-weight:900;
  line-height:1.8;
}
.remember-kaikai-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.remember-kaikai-actions .btn{
  min-width:188px;
  justify-content:center;
}
@media(max-width:960px){
  .remember-kaikai-card{
    grid-template-columns:1fr;
    gap:24px;
  }
  .remember-kaikai-visual img{
    max-width:400px;
  }
}
@media(max-width:640px){
  .remember-kaikai-section{
    padding:56px 0 60px;
  }
  .remember-kaikai-card{
    padding:18px;
    border-radius:24px;
  }
  .remember-kaikai-copy h2{
    font-size:30px;
  }
  .remember-kaikai-lead{
    font-size:19px;
  }
  .remember-kaikai-copy p{
    font-size:14px;
  }
  .remember-kaikai-quote{
    padding:16px 16px;
    font-size:15px;
  }
  .remember-kaikai-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* =====================================================================
   2026-08-09 V12 — 土城兩歲男童命案案件介紹頁
   ===================================================================== */
.case-profile-page{background:#fffdf8}
.case-profile-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 70px;
  background:
    radial-gradient(circle at 78% 22%,rgba(218,167,57,.13),transparent 24%),
    radial-gradient(circle at 9% 80%,rgba(40,118,116,.08),transparent 25%),
    linear-gradient(130deg,#071b2d 0%,#0a2f4d 57%,#0d3a59 100%);
  color:#fff;
}
.case-profile-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,#000,transparent 70%);
}
.case-profile-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.62fr);
  align-items:center;
  gap:64px;
}
.case-profile-hero-copy .art-eyebrow{color:#dfb44d}
.case-profile-kicker{
  margin:13px 0 8px;
  color:#c8d9e4;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
.case-profile-hero-copy h1{
  margin:0 0 20px;
  color:#fff7e6;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:clamp(44px,6vw,74px);
  line-height:1.18;
  letter-spacing:-.035em;
}
.case-profile-hero-copy h1 span{color:#e8bd5a}
.case-profile-hero-copy > p{
  max-width:690px;
  margin:0;
  color:#cad8e2;
  font-size:15px;
  line-height:1.9;
}
.case-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 25px;
}
.case-status-row span{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:#dce6ec;
  font-size:11px;
  font-weight:900;
}
.case-status-row .is-current{
  border-color:#ddb14a;
  background:rgba(221,177,74,.15);
  color:#f4d985;
}
.case-profile-actions{display:flex;flex-wrap:wrap;gap:11px}
.case-profile-actions .btn{min-width:205px;justify-content:center}
.case-profile-updated{margin-top:16px!important;color:#91adbd!important;font-size:11px!important}
.case-profile-poster{
  margin:0;
  padding:12px;
  border:1px solid rgba(232,191,94,.34);
  border-radius:28px;
  background:rgba(255,255,255,.065);
  box-shadow:0 28px 68px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
.case-profile-poster img{
  display:block;
  width:100%;
  height:auto;
  max-height:720px;
  object-fit:contain;
  border-radius:20px;
  background:#061827;
}
.case-profile-poster figcaption{
  padding:11px 7px 2px;
  color:#9fb2bf;
  font-size:10px;
  line-height:1.65;
}
.case-disclaimer-section{padding:28px 0;background:#f8efdf}
.case-disclaimer{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:22px;
  padding:20px 23px;
  border:1px solid #e3d2b7;
  border-radius:18px;
  background:#fffaf0;
}
.case-disclaimer strong{color:#a06e18;font-size:14px}
.case-disclaimer p{margin:0;color:#626a6e;font-size:13px;line-height:1.8}
.case-profile-main-section{padding:70px 0 86px;background:#fffdf9}
.case-profile-main-grid{
  display:grid;
  grid-template-columns:220px minmax(0,820px);
  justify-content:center;
  gap:54px;
  align-items:start;
}
.case-profile-toc{position:sticky;top:92px}
.case-profile-toc-inner{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:20px 17px;
  border:1px solid #e6dac8;
  border-radius:20px;
  background:#fbf5e9;
}
.case-profile-toc small{color:#af7c1c;font-size:9px;font-weight:900;letter-spacing:.15em}
.case-profile-toc strong{margin:2px 0 10px;color:#0c3452;font-size:18px}
.case-profile-toc a{
  padding:8px 9px;
  border-radius:9px;
  color:#65727a;
  text-decoration:none;
  font-size:12px;
  line-height:1.4;
}
.case-profile-toc a:hover{background:#fff;color:#0d5270}
.case-profile-toc .toc-hearing{margin-top:9px;background:#0a3557;color:#fff4d9;font-weight:900}
.case-profile-article{min-width:0}
.case-story-section{
  position:relative;
  scroll-margin-top:105px;
  padding:0 0 56px;
  margin:0 0 54px;
  border-bottom:1px solid #e9dfd0;
}
.case-story-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.case-section-index{
  margin-bottom:6px;
  color:#c58d25;
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
}
.case-story-section h2{
  margin:0 0 22px;
  color:#0a3150;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:clamp(28px,4vw,39px);
  line-height:1.4;
}
.case-story-section > p{
  margin:0 0 16px;
  color:#424e56;
  font-size:16px;
  line-height:2;
}
.case-emphasis-card{
  margin:25px 0 4px;
  padding:22px 24px;
  border-left:4px solid #d59f34;
  border-radius:0 18px 18px 0;
  background:#f8f0df;
}
.case-emphasis-card small{display:block;color:#9d7426;font-size:10px;font-weight:900;letter-spacing:.08em}
.case-emphasis-card strong{display:block;margin:6px 0;color:#0d3653;font-size:19px;line-height:1.65}
.case-emphasis-card span{color:#687279;font-size:13px}
.milk-symbol-callout{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:22px;
  align-items:center;
  margin:26px 0 18px;
  padding:24px;
  border-radius:22px;
  background:#082b4b;
  color:#fff;
}
.milk-bottle-pair{display:flex;align-items:end;justify-content:center;gap:12px;height:92px}
.milk-bottle-pair span{
  position:relative;
  display:block;
  width:34px;
  height:70px;
  border:3px solid #dfad38;
  border-radius:8px 8px 11px 11px;
}
.milk-bottle-pair span::before{
  content:"";
  position:absolute;
  left:6px;right:6px;top:-18px;
  height:18px;
  border:3px solid #dfad38;
  border-bottom:0;
  border-radius:5px 5px 0 0;
}
.milk-symbol-callout small{display:block;color:#e1b343;font-size:9px;font-weight:900;letter-spacing:.14em}
.milk-symbol-callout strong{display:block;margin:6px 0 8px;color:#fff4dc;font-size:19px;line-height:1.6}
.milk-symbol-callout p{margin:0;color:#c4d4de!important;font-size:13px!important;line-height:1.8!important}
.case-fact-note{margin-top:17px!important}
.case-date-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 18px;
  margin-top:25px;
  padding:20px 22px;
  border:1px solid #e7d8c1;
  border-radius:18px;
  background:#fff8eb;
}
.case-date-card span{grid-row:1/3;color:#bd532f;font-size:18px;font-weight:950}
.case-date-card strong{color:#0b3150;font-size:18px}
.case-date-card p{grid-column:2;margin:2px 0 0;color:#6e777c;font-size:13px}
.case-judgment-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}
.case-judgment-card{
  padding:24px 22px;
  border:1px solid #dbe2e5;
  border-top:5px solid #0e5170;
  border-radius:18px;
  background:#f8fbfc;
}
.case-judgment-card.coral{border-top-color:#c65b42;background:#fff9f6}
.case-judgment-card small{color:#71808a;font-size:11px;font-weight:900}
.case-judgment-card h3{margin:6px 0 1px;color:#0a3150;font-size:28px}
.case-judgment-card.coral h3{color:#a84836}
.case-judgment-card > strong{display:block;margin-bottom:14px;color:#a77c28;font-size:12px}
.case-judgment-card p{margin:0 0 10px;color:#606c73;font-size:13px;line-height:1.8}
.case-hearing-banner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-top:26px;
  padding:21px 23px;
  border-radius:18px;
  background:linear-gradient(135deg,#082b4b,#0d4768);
  color:#fff;
  text-decoration:none;
}
.case-hearing-banner span{display:flex;flex-direction:column;gap:2px}
.case-hearing-banner small{color:#e0b13f;font-size:9px;font-weight:900;letter-spacing:.13em}
.case-hearing-banner strong{color:#fff7e4;font-size:18px}
.case-hearing-banner em{color:#b9ccd8;font-size:12px;font-style:normal}
.case-hearing-banner b{color:#edc04e;font-size:29px;transition:transform .18s ease}
.case-hearing-banner:hover b{transform:translateX(5px)}
.case-large-quote{
  margin:28px 0 0;
  padding:26px 28px;
  border-radius:22px;
  background:#f4ead7;
  color:#627078;
  font-size:17px;
  line-height:1.85;
}
.case-large-quote strong{color:#0c3755;font-size:21px}
.case-life-list{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 19px}
.case-life-list span{padding:9px 12px;border-radius:999px;background:#edf5f3;color:#2f6f6e;font-size:12px;font-weight:850}
.case-question-list{display:grid;gap:10px;margin:22px 0 30px;padding:0;list-style:none}
.case-question-list li{
  position:relative;
  padding:15px 17px 15px 45px;
  border:1px solid #eadfcf;
  border-radius:14px;
  background:#fffaf2;
  color:#334a59;
  line-height:1.75;
}
.case-question-list li::before{content:"?";position:absolute;left:15px;top:13px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#0b3c5f;color:#fff4d8;font-weight:900}
.case-final-message{
  margin-top:34px;
  padding:34px 28px;
  border-radius:24px;
  text-align:center;
  background:linear-gradient(135deg,#071f37,#0b3a5b);
  color:#fff;
}
.case-final-message small{color:#dcac3f;font-size:10px;font-weight:900;letter-spacing:.17em}
.case-final-message > strong{display:block;margin:8px 0;color:#fff5db;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:26px}
.case-final-message > p{margin:0 0 23px!important;color:#c5d4de!important;font-size:16px!important}
.case-final-message > div{padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#e7bf5f;font-weight:900;line-height:1.6}
.case-final-message > div span{color:#9eb5c3;font-size:11px;font-weight:700}
.case-record-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.case-record-actions .read-btn.secondary{background:#fff;border:1px solid #d9c494;color:#815e1f}
.case-inline-intro-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 24px;
  padding:17px 19px;
  border:1px solid #e3d3b4;
  border-radius:16px;
  background:#fff8e9;
  color:#163c57;
  text-decoration:none;
}
.case-inline-intro-link strong{display:block;font-size:15px}
.case-inline-intro-link span{display:block;margin-top:2px;color:#7a766c;font-size:12px}
.case-inline-intro-link b{color:#c38b24;font-size:24px}

@media(max-width:980px){
  .case-profile-hero-grid{grid-template-columns:1fr;gap:36px}
  .case-profile-poster{width:min(520px,100%);margin:0 auto}
  .case-profile-main-grid{grid-template-columns:1fr;gap:24px}
  .case-profile-toc{position:static}
  .case-profile-toc-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-profile-toc small,.case-profile-toc strong{grid-column:1/-1}
  .case-profile-toc .toc-hearing{grid-column:1/-1}
}
@media(max-width:700px){
  .case-profile-hero{padding:52px 0 50px}
  .case-profile-hero-copy h1{font-size:43px}
  .case-profile-actions{display:grid;grid-template-columns:1fr}
  .case-profile-actions .btn{width:100%;min-width:0}
  .case-disclaimer{grid-template-columns:1fr;gap:6px}
  .case-profile-main-section{padding:52px 0 62px}
  .case-profile-toc-inner{grid-template-columns:1fr}
  .case-profile-toc small,.case-profile-toc strong,.case-profile-toc .toc-hearing{grid-column:auto}
  .case-story-section{padding-bottom:42px;margin-bottom:40px}
  .case-story-section > p{font-size:15px;line-height:1.9}
  .milk-symbol-callout{grid-template-columns:1fr;text-align:left}
  .milk-bottle-pair{justify-content:flex-start;padding-left:14px}
  .case-judgment-grid{grid-template-columns:1fr}
  .case-date-card{grid-template-columns:1fr}
  .case-date-card span{grid-row:auto}
  .case-date-card p{grid-column:auto}
  .case-hearing-banner{grid-template-columns:1fr auto}
}

.home-case-actions{margin-top:18px}.home-case-actions .editorial-read-link{margin-top:0}.home-case-actions .editorial-read-link:first-child{color:#9b6e17}
\n\n/* =====================================================================\n   2026-08-09 V13 — Q版紀念圖示：精簡、固定三處使用\n   ===================================================================== */\n.kaikai-q-icon{\n  display:block;\n  object-fit:cover;\n  object-position:center 20%;\n  border-radius:50%;\n  background:#fffaf0;\n  border:2px solid #e2b950;\n  box-shadow:0 8px 22px rgba(29,39,48,.12);\n  flex:0 0 auto;\n}\n\n/* 首頁：只在「勿忘剴剴」標題旁出現，不覆蓋文字 */\n.remember-kaikai-heading-row{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:20px;\n}\n.remember-kaikai-heading-row>div{min-width:0}\n.kaikai-q-home{\n  width:72px;\n  height:72px;\n  margin-top:2px;\n}\n\n/* 案件介紹：結尾使用較溫暖的星光版 */\n.case-final-q-row{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:8px;\n}\n.case-final-q-row>div{min-width:0}\n.case-final-q-row small,\n.case-final-q-row strong{display:block}\n.kaikai-q-case{\n  width:82px;\n  height:82px;\n  border-color:#d9aa3f;\n}\n\n/* 旁聽紀錄：只做案件導讀入口的視覺路標 */\n.case-inline-intro-link.has-q-icon{\n  grid-template-columns:auto minmax(0,1fr) auto !important;\n  align-items:center;\n  gap:13px;\n}\n.kaikai-q-inline{\n  width:52px;\n  height:52px;\n  box-shadow:0 5px 15px rgba(29,39,48,.10);\n}\n\n/* 不讓小圖示影響繁簡按鈕或全站其他 avatar 規則 */\n.kaikai-q-icon::before,\n.kaikai-q-icon::after{content:none !important}\n\n@media(max-width:720px){\n  .remember-kaikai-heading-row{\n    align-items:center;\n    gap:12px;\n  }\n  .kaikai-q-home{\n    width:58px;\n    height:58px;\n  }\n  .case-final-q-row{\n    align-items:flex-start;\n    gap:12px;\n  }\n  .kaikai-q-case{\n    width:66px;\n    height:66px;\n  }\n  .kaikai-q-inline{\n    width:46px;\n    height:46px;\n  }\n}\n\n@media(max-width:480px){\n  .remember-kaikai-heading-row{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n  }\n  .kaikai-q-home{\n    width:52px;\n    height:52px;\n  }\n  .case-final-q-row{\n    display:grid;\n    grid-template-columns:58px minmax(0,1fr);\n  }\n  .kaikai-q-case{\n    width:58px;\n    height:58px;\n  }\n  .case-inline-intro-link.has-q-icon{\n    grid-template-columns:44px minmax(0,1fr) !important;\n  }\n  .case-inline-intro-link.has-q-icon>b{\n    display:none;\n  }\n}\n

/* =====================================================================
   2026-08-10 — 土城兩歲男童案件介紹影片
   ===================================================================== */
.case-intro-video-section{
  position:relative;
  padding:34px 0 42px;
  background:
    radial-gradient(circle at 88% 16%,rgba(214,167,55,.10),transparent 26%),
    #fffaf0;
}
.case-intro-video-card{
  display:grid;
  grid-template-columns:minmax(220px,.38fr) minmax(0,.62fr);
  align-items:center;
  gap:28px;
  padding:24px;
  border:1px solid #e6d8c1;
  border-radius:26px;
  background:#fffdf8;
  box-shadow:0 14px 34px rgba(40,40,34,.07);
}
.case-intro-video-copy h2{
  margin:5px 0 10px;
  color:#0a3150;
  font-family:"Noto Serif TC","Noto Serif CJK TC",serif;
  font-size:clamp(27px,3.5vw,39px);
  line-height:1.3;
}
.case-intro-video-copy p{
  margin:0;
  color:#68747b;
  font-size:14px;
  line-height:1.85;
}
.case-intro-video-frame{
  overflow:hidden;
  border:1px solid rgba(215,173,72,.42);
  border-radius:20px;
  background:#061e33;
  box-shadow:0 12px 30px rgba(4,27,46,.14);
}
.case-intro-video-frame video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:contain;
  background:#061e33;
}
@media(max-width:820px){
  .case-intro-video-section{
    padding:24px 0 34px;
  }
  .case-intro-video-card{
    grid-template-columns:1fr;
    gap:17px;
    padding:18px;
    border-radius:22px;
  }
  .case-intro-video-copy h2{
    font-size:29px;
  }
}


/* =====================================================================
   2026-08-10 — 社會案件導覽、總覽頁、案件互通
   ===================================================================== */
.social-case-nav{position:relative;display:flex;align-items:center}.social-case-nav-toggle{appearance:none;border:0;background:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:45px;padding:7px 9px;border-radius:13px;color:#3c5e62;font:inherit;font-size:14px;font-weight:880;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.social-case-nav-toggle::before{content:"";width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:url("./brand/primary-logo-03.jpg") center/cover no-repeat;border:1.5px solid #e2c678;box-shadow:0 2px 7px rgba(8,35,63,.12)}.social-case-nav-toggle:hover,.social-case-nav.is-open .social-case-nav-toggle{background:#fff3d5;box-shadow:0 7px 18px rgba(81,61,26,.07);transform:translateY(-1px)}.social-case-nav.is-current .social-case-nav-toggle{color:#8a6118;background:#fff7e7}.social-case-nav-toggle i{font-style:normal;font-size:14px;transition:transform .18s ease}.social-case-nav.is-open .social-case-nav-toggle i{transform:rotate(180deg)}
.social-case-nav-menu{display:none;position:absolute;z-index:400;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(660px,82vw);grid-template-columns:1fr 1fr;gap:0;padding:12px;border:1px solid #e4d6bd;border-radius:22px;background:rgba(255,253,248,.99);box-shadow:0 24px 60px rgba(8,35,63,.20);backdrop-filter:blur(14px)}.social-case-nav.is-open .social-case-nav-menu{display:grid}.social-case-nav-menu::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fffdf8;border-left:1px solid #e4d6bd;border-top:1px solid #e4d6bd;transform:translateX(-50%) rotate(45deg)}.social-case-menu-column{padding:7px}.social-case-menu-column+.social-case-menu-column{border-left:1px solid #eadfce}header .nav .social-case-nav-menu a{display:block!important;height:auto!important;min-height:0!important;padding:12px 13px!important;border-radius:13px;transform:none!important}header .nav .social-case-nav-menu a::before,header .nav .social-case-nav-menu a::after{display:none!important}header .nav .social-case-nav-menu a:hover{background:#fff4dc!important;box-shadow:none!important}.social-case-menu-heading small{display:block;color:#a4751d;font-size:9px;letter-spacing:.14em;font-weight:950}.social-case-menu-heading strong{display:block;margin:2px 0;color:#0b3150;font-size:18px}.social-case-menu-heading span,.social-case-menu-item span{display:block;color:#768087;font-size:11px;line-height:1.55}.social-case-menu-item{margin-top:4px;border:1px solid #eee2cf;background:#fff}.social-case-menu-item b{display:block;color:#193951;font-size:13px}.social-case-menu-all{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:5px 7px 0;padding:11px 14px!important;background:#082b4b!important;color:#fff7df!important;font-weight:900!important}header .nav .social-case-nav-menu .social-case-menu-all:hover{background:#0d3b63!important}

.social-case-menu-item .case-menu-note{margin-top:3px;color:#9b6960;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:11px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.social-case-menu-item .case-menu-note i{margin-right:4px;color:#bd826f;font-style:normal;font-weight:900}.social-case-menu-item:hover .case-menu-note{color:#86584f}html[lang="en"] .social-case-menu-item .case-menu-note{font-family:"Noto Sans",Arial,sans-serif;font-size:10.5px;letter-spacing:.01em}html[lang="ja"] .social-case-menu-item .case-menu-note{font-family:"Noto Sans JP","Noto Sans CJK JP",sans-serif;font-size:10.5px;line-height:1.65}
.social-case-tier-toggle,.historical-region-root-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:9px;padding:12px 13px;border:0;border-radius:13px;background:#fff7e8;color:#173a51;text-align:left;cursor:pointer}.social-case-tier-toggle small,.historical-region-root-toggle small{display:block;color:#a4751d;font-size:9px;letter-spacing:.14em;font-weight:950}.social-case-tier-toggle strong,.historical-region-root-toggle strong{display:block;font-size:17px}.social-case-tier-toggle span,.historical-region-root-toggle span{display:block;color:#768087;font-size:11px;line-height:1.45}.social-case-tier-toggle i,.historical-region-root-toggle i{margin-left:auto;color:#b27a27;font-style:normal}.social-case-tier-children{display:none;margin-top:5px}.social-case-tier:hover .social-case-tier-children,.social-case-tier:focus-within .social-case-tier-children,.social-case-tier.is-expanded .social-case-tier-children{display:block}.historical-case-nav .historical-region-list,.historical-case-nav .historical-region-note{display:none}.historical-case-nav .social-case-menu-column:hover .historical-region-list,.historical-case-nav .social-case-menu-column:focus-within .historical-region-list,.historical-case-nav .social-case-menu-column.is-expanded .historical-region-list{display:grid}.historical-case-nav .social-case-menu-column:hover .historical-region-note,.historical-case-nav .social-case-menu-column:focus-within .historical-region-note,.historical-case-nav .social-case-menu-column.is-expanded .historical-region-note{display:block}.historical-region-root-toggle{margin-bottom:5px}.home-case-status.is-historical{background:#785d85;color:#fff}.home-case-status.is-pending{background:#9a7640;color:#fff}

/* 歷史案件採「地區 → 案件」二階選單；日本滑入或點擊後才顯示案件。 */
.historical-case-nav .social-case-nav-menu{width:min(450px,88vw);grid-template-columns:1fr;padding:13px}
.historical-case-nav .social-case-menu-column{padding:5px}
.historical-case-nav .social-case-menu-heading{padding:8px 10px 12px}
.historical-region-list{display:grid;gap:6px}
.historical-region-static,.historical-region-toggle{
  min-height:42px;display:flex;align-items:center;width:100%;padding:9px 12px;border:1px solid #e9decd;
  border-radius:12px;background:#fff;color:#385565;font:800 13px/1.3 inherit;text-align:left
}
.historical-region-static{color:#8a8b86;background:#faf7f0}
.historical-region-group{position:relative}
.historical-region-toggle{appearance:none;justify-content:space-between;cursor:pointer;border-color:#d8c59e;background:#fff9ea}
.historical-region-toggle:hover,.historical-region-group.is-expanded .historical-region-toggle{color:#8c6024;border-color:#c8a86a;background:#fff3d5}
.historical-region-toggle i{font-style:normal;font-size:18px;transition:transform .2s ease}
.historical-region-group.is-expanded .historical-region-toggle i{transform:rotate(90deg)}
.historical-region-children{display:none;padding:6px 0 2px 13px}
.historical-region-group.is-expanded .historical-region-children{display:block;animation:historicalChildIn .22s ease both}
header .nav .social-case-nav-menu .historical-region-children a{
  display:grid!important;grid-template-columns:78px 1fr;gap:11px;align-items:center;padding:9px!important;
  border:1px solid #e8d9bd;background:#fff
}
.historical-region-children img{display:block;width:78px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.historical-region-children b{display:block;color:#193951;font-size:13px}
.historical-region-children small{display:block;margin-top:3px;color:#8a7770;font-size:10px;line-height:1.5}
.historical-region-note{display:block;padding:8px 10px 2px;color:#918a7f;font-size:10px;line-height:1.5}
@keyframes historicalChildIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:801px){
  .historical-region-group:hover .historical-region-children,
  .historical-region-group:focus-within .historical-region-children{display:block;animation:historicalChildIn .22s ease both}
}
.social-cases-page{background:#fffaf0}.social-cases-hero{position:relative;overflow:hidden;padding:76px 0;background:radial-gradient(circle at 15% 15%,rgba(211,165,55,.12),transparent 25%),linear-gradient(120deg,#071f37,#0b304e 58%,#143c55);color:#fff}.social-cases-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,228,169,.10) 1px,transparent 1px);background-size:27px 27px;opacity:.36;pointer-events:none}.social-cases-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.68fr);gap:54px;align-items:center}.social-cases-hero h1{margin:8px 0 14px;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:clamp(52px,7vw,84px);color:#fff7e3}.social-cases-lead{max-width:690px;margin:0;color:#d7e3e8;font-size:17px;line-height:1.9}.social-cases-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}.social-cases-hero-tags span{padding:6px 10px;border:1px solid rgba(236,203,123,.36);border-radius:999px;background:rgba(255,255,255,.05);color:#f0d18c;font-size:12px;font-weight:850}.social-cases-art-feature{margin:0;overflow:hidden;border:1px solid rgba(230,197,121,.46);border-radius:28px;background:#061929;box-shadow:0 28px 70px rgba(0,0,0,.30)}.social-cases-art-feature img{width:100%;aspect-ratio:1229/1536;object-fit:cover}.social-cases-art-feature figcaption{padding:16px 18px 18px;background:#071f36}.social-cases-art-feature small{display:block;color:#d3aa50;font-size:9px;letter-spacing:.16em;font-weight:900}.social-cases-art-feature strong{display:block;margin:3px 0;color:#fff0c9;font-size:15px}.social-cases-art-feature span{display:block;color:#aebfc9;font-size:11px;line-height:1.6}
.social-cases-intro-strip{padding:0;background:#fff}.social-cases-intro-strip>.container{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #e4dac8;border-top:0;border-radius:0 0 22px 22px;overflow:hidden;background:#fff}.social-cases-principle{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:20px 22px}.social-cases-principle+.social-cases-principle{border-left:1px solid #eee3d3}.social-cases-principle>span{color:#c08d24;font-family:serif;font-size:26px;font-weight:900}.social-cases-principle strong{display:block;color:#0b3150}.social-cases-principle p{margin:2px 0 0;color:#738087;font-size:12px;line-height:1.6}.social-cases-directory{padding:72px 0;background:#fffaf0}.social-cases-heading{margin-bottom:26px}.social-case-feature-card{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);overflow:hidden;border:1px solid #e4d8c4;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(47,40,28,.08)}.social-case-feature-image{display:block;min-height:500px;background:#081f35}.social-case-feature-image img{width:100%;height:100%;object-fit:contain;background:linear-gradient(180deg,#081f35,#0e324d)}.social-case-feature-copy{align-self:center;padding:34px 38px}.social-case-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#7d858a;font-size:12px;font-weight:800}.social-case-status{display:inline-flex;padding:5px 9px;border-radius:999px}.social-case-status.live{background:#e7f1ed;color:#23715f}.social-case-feature-copy h3{margin:13px 0 4px;color:#0b3150;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:34px}.social-case-subtitle{margin:0 0 12px!important;color:#bd593e!important;font-size:20px!important;font-weight:900}.social-case-feature-copy>p{color:#67747c;line-height:1.8}.social-case-linked-records{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.social-case-linked-records a{padding:16px;border:1px solid #e8dac0;border-radius:16px;background:#fffaf0}.social-case-linked-records a:hover{border-color:#d1a84d;background:#fff5dc}.social-case-linked-records small{display:block;color:#a7771c;font-size:10px;font-weight:900;letter-spacing:.08em}.social-case-linked-records strong{display:block;color:#14354d}.social-case-linked-records span{display:block;color:#7c8589;font-size:11px}
.social-cases-art-direction{padding:68px 0;background:#eef1ef}.social-cases-art-direction h2{margin:6px 0 13px;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;color:#0b3150}.social-cases-art-lead{max-width:850px;color:#637078;line-height:1.85}.social-cases-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.social-cases-style-grid article{padding:20px;border:1px solid #d9ded9;border-radius:18px;background:#fff}.social-cases-style-grid span{display:block;color:#b18227;font-family:serif;font-size:23px}.social-cases-style-grid strong{display:block;color:#12344d}.social-cases-style-grid p{margin:3px 0 0;color:#758086;font-size:12px}.social-cases-art-note{display:flex;flex-direction:column;gap:3px;margin-top:18px;padding:16px 18px;border-left:4px solid #d1a43a;background:#fff;border-radius:0 16px 16px 0}.social-cases-art-note strong{color:#0b3150}.social-cases-art-note span{color:#737f84;font-size:12px;line-height:1.7}.social-cases-route-section{padding:56px 0 72px;background:#fffaf0}.social-cases-route-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;border-radius:22px;background:#082b4b;color:#fff5dc}.social-cases-route-card small{display:block;color:#dfb649;font-size:9px;letter-spacing:.15em;font-weight:900}.social-cases-route-card strong{display:block;font-size:20px}.social-cases-route-card span{display:block;color:#b9cbd5;font-size:12px}.social-cases-route-actions{display:flex;flex-wrap:wrap;gap:8px}.social-cases-route-actions .art-primary{background:#e3b84b;color:#082b4b}.social-cases-route-actions .art-secondary{border-color:#9bb2c3;color:#fff}
.case-connection-section{padding:18px 0;background:#f6eddc;border-top:1px solid #eadcc4;border-bottom:1px solid #eadcc4}.case-connection-nav{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:20px;align-items:center}.case-connection-title small{display:block;color:#a77a27;font-size:9px;letter-spacing:.13em;font-weight:950}.case-connection-title strong{display:block;color:#0b3150;font-size:18px}.case-connection-title span{display:block;color:#7b817f;font-size:11px}.case-connection-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.case-connection-links a{padding:10px 12px;border:1px solid #dfd1b9;border-radius:13px;background:#fff;color:#15354c}.case-connection-links a:hover{border-color:#c99b38;background:#fff7e5}.case-connection-links a.is-active{border-color:#0b3a5e;background:#0b3a5e;color:#fff}.case-connection-links small{display:block;color:#b0832e;font-size:9px;font-weight:950}.case-connection-links a.is-active small{color:#e6c164}.case-connection-links strong{display:block;font-size:13px}.case-connection-links span{display:block;margin-top:1px;color:#788086;font-size:10px}.case-connection-links a.is-active span{color:#c8d6df}
@media(max-width:900px){.social-cases-hero-grid,.social-case-feature-card{grid-template-columns:1fr}.social-cases-art-feature{width:min(520px,100%);margin:auto}.social-case-feature-image{min-height:0}.social-case-feature-image img{height:auto;max-height:650px}.case-connection-nav{grid-template-columns:1fr}.social-cases-route-card{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){header .nav>nav .social-case-nav{display:block;width:100%}.social-case-nav-toggle{width:100%;justify-content:flex-start;min-height:43px;padding:9px 12px;border-radius:10px;font-size:15px}.social-case-nav-toggle::before{width:25px;height:25px;flex-basis:25px}.social-case-nav-toggle i{margin-left:auto}.social-case-nav-menu{position:static;transform:none;width:100%;grid-template-columns:1fr;margin:3px 0 5px;padding:6px;border-radius:14px;box-shadow:none;background:#fbf5e9}.social-case-nav-menu::before{display:none}.social-case-menu-column+.social-case-menu-column{border-left:0;border-top:1px solid #e5dac8}.social-case-menu-all{grid-column:auto!important}header .nav .social-case-nav-menu a{padding:10px 11px!important}.social-case-menu-heading strong{font-size:16px}.social-cases-hero{padding:52px 0}.social-cases-hero-grid{gap:28px}.social-cases-intro-strip>.container{grid-template-columns:1fr}.social-cases-principle+.social-cases-principle{border-left:0;border-top:1px solid #eee3d3}.social-cases-directory,.social-cases-art-direction{padding:54px 0}.social-case-feature-copy{padding:24px 20px}.social-case-feature-copy h3{font-size:28px}.social-case-linked-records,.social-cases-style-grid{grid-template-columns:1fr}.case-connection-links{grid-template-columns:1fr}.case-connection-links a{display:grid;grid-template-columns:34px 1fr;column-gap:7px}.case-connection-links small{grid-row:1/3;align-self:center}.case-connection-links span{grid-column:2}}
@media(max-width:520px){.social-cases-route-actions{width:100%}.social-cases-route-actions .btn{width:100%;margin-right:0;text-align:center}.social-cases-art-feature{border-radius:22px}}


/* =====================================================================
   2026-08-10 — 全站紀念標語模組（案件頁大版／其他頁面小版）
   ===================================================================== */
.global-memorial-section{
  padding:28px 0 10px;
}
.global-memorial-card{
  position:relative;
  overflow:hidden;
  display:grid;
  align-items:center;
  background:linear-gradient(145deg,rgba(6,39,74,.98),rgba(11,58,96,.96));
  color:#f7f1e3;
  border-radius:32px;
  border:1px solid rgba(215,181,92,.34);
  box-shadow:0 22px 48px rgba(9,27,42,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.global-memorial-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(220,184,95,.12),transparent 34%),radial-gradient(circle at bottom left,rgba(255,255,255,.06),transparent 26%);
  pointer-events:none;
}
.global-memorial-media,
.global-memorial-copy{position:relative;z-index:1;}
.global-memorial-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  background:#0b2237;
}
.global-memorial-kicker{
  font-size:.88rem;
  letter-spacing:.24em;
  color:#deb14f;
  margin-bottom:12px;
  font-weight:700;
}
.global-memorial-copy h2{
  margin:0 0 12px;
  color:#f3d38a;
  line-height:1.32;
  text-shadow:0 2px 0 rgba(0,0,0,.14);
}
.global-memorial-lead{
  margin:0;
  color:#fffaf0;
  font-weight:700;
}
.global-memorial-note{
  margin:14px 0 0;
  color:rgba(255,248,236,.92);
}
.global-memorial-signoff{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(222,177,79,.35);
  display:flex;
  flex-direction:column;
  gap:7px;
}
.global-memorial-signoff strong{color:#e6bb60;}
.global-memorial-signoff span{color:rgba(247,241,227,.92);}

/* 案件頁大版 */
.global-memorial-section.memorial-large .global-memorial-card{
  grid-template-columns:minmax(150px,220px) minmax(0,1fr);
  gap:24px;
  padding:28px 30px;
}
.global-memorial-section.memorial-large .global-memorial-media img{
  max-width:180px;
  margin:0 auto;
  border-radius:22px;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.global-memorial-section.memorial-large .global-memorial-copy h2{
  font-size:clamp(1.52rem,2vw,2.08rem);
}
.global-memorial-section.memorial-large .global-memorial-lead{
  font-size:1.1rem;
  line-height:1.8;
}
.global-memorial-section.memorial-large .global-memorial-note{
  font-size:1rem;
  line-height:1.9;
}
.global-memorial-section.memorial-large .global-memorial-signoff strong{
  font-size:1.28rem;
}
.global-memorial-section.memorial-large .global-memorial-signoff span{
  font-size:.96rem;
  letter-spacing:.05em;
}

/* 其他頁面小版 */
.global-memorial-section.memorial-small .global-memorial-card{
  grid-template-columns:110px minmax(0,1fr);
  gap:18px;
  padding:18px 20px;
  border-radius:26px;
}
.global-memorial-section.memorial-small .global-memorial-media img{
  max-width:92px;
  margin:0 auto;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.global-memorial-section.memorial-small .global-memorial-copy h2{
  font-size:clamp(1.08rem,1.55vw,1.36rem);
  margin-bottom:9px;
}
.global-memorial-section.memorial-small .global-memorial-lead{
  font-size:.98rem;
  line-height:1.72;
}
.global-memorial-section.memorial-small .global-memorial-signoff strong{
  font-size:1.08rem;
}
.global-memorial-section.memorial-small .global-memorial-signoff span{
  font-size:.88rem;
  letter-spacing:.03em;
}

@media(max-width:860px){
  .global-memorial-section.memorial-large .global-memorial-card,
  .global-memorial-section.memorial-small .global-memorial-card{
    grid-template-columns:1fr;
    text-align:center;
  }
  .global-memorial-section.memorial-large .global-memorial-card{
    padding:24px 22px;
    gap:20px;
  }
  .global-memorial-section.memorial-small .global-memorial-card{
    padding:20px 18px;
    gap:16px;
  }
  .global-memorial-section.memorial-large .global-memorial-media img{
    max-width:150px;
  }
  .global-memorial-section.memorial-small .global-memorial-media img{
    max-width:82px;
  }
  .global-memorial-signoff{align-items:center;}
}

@media(max-width:520px){
  .global-memorial-section{
    padding:22px 0 6px;
  }
  .global-memorial-kicker{
    font-size:.77rem;
    letter-spacing:.15em;
    margin-bottom:8px;
  }
  .global-memorial-section.memorial-large .global-memorial-card,
  .global-memorial-section.memorial-small .global-memorial-card{
    padding:18px 16px;
    border-radius:22px;
  }
  .global-memorial-section.memorial-large .global-memorial-media img{
    max-width:118px;
    border-radius:16px;
  }
  .global-memorial-section.memorial-small .global-memorial-media img{
    max-width:72px;
    border-radius:14px;
  }
  .global-memorial-section.memorial-large .global-memorial-copy h2{
    font-size:1.32rem;
  }
  .global-memorial-section.memorial-small .global-memorial-copy h2{
    font-size:1rem;
  }
  .global-memorial-section.memorial-large .global-memorial-lead,
  .global-memorial-section.memorial-small .global-memorial-lead{
    font-size:.94rem;
    line-height:1.66;
  }
  .global-memorial-section.memorial-large .global-memorial-note{
    font-size:.9rem;
    line-height:1.72;
  }
  .global-memorial-signoff{
    margin-top:12px;
    padding-top:12px;
  }
  .global-memorial-signoff strong{
    font-size:1rem !important;
  }
  .global-memorial-signoff span{
    font-size:.82rem !important;
    letter-spacing:.02em;
  }
}

/* =====================================================================
   2026-08-10 — 社會案件專區紙雕藝術主視覺（補回遺失樣式）
   ===================================================================== */
.social-cases-paper-feature .social-paper-scene{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  aspect-ratio:1229/1536;
  min-height:420px;
  background:
    radial-gradient(circle at 50% 28%,rgba(242,201,105,.23),transparent 22%),
    linear-gradient(180deg,#06192c 0%,#082844 42%,#0d3654 100%);
}
.social-cases-paper-feature .social-paper-scene::before,
.social-cases-paper-feature .social-paper-scene::after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  border-radius:50% 50% 0 0;
  pointer-events:none;
}
.social-cases-paper-feature .social-paper-scene::before{
  bottom:-4%;
  height:38%;
  background:#123e5a;
  box-shadow:0 -12px 0 #0e314c,0 -24px 0 #0a2942;
  z-index:2;
}
.social-cases-paper-feature .social-paper-scene::after{
  bottom:-12%;
  height:27%;
  background:#1a4b66;
  box-shadow:0 -10px 0 rgba(229,191,102,.12);
  z-index:7;
}
.social-paper-halo{
  position:absolute;
  z-index:1;
  width:58%;
  aspect-ratio:1;
  left:21%;
  top:12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(244,210,128,.45) 0%,rgba(210,164,64,.12) 45%,transparent 72%);
  filter:blur(.2px);
}
.social-paper-arch{
  position:absolute;
  z-index:3;
  left:10%;
  right:10%;
  top:9%;
  bottom:20%;
  border-radius:52% 52% 22% 22% / 36% 36% 18% 18%;
  border:18px solid #0d3551;
  border-bottom-width:24px;
  box-shadow:
    0 0 0 9px #08253d,
    0 0 0 10px rgba(236,199,108,.16),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 22px 32px rgba(1,11,22,.22);
}
.social-paper-arch--inner{
  z-index:4;
  left:18%;
  right:18%;
  top:16%;
  bottom:25%;
  border-width:11px;
  border-color:#164763;
  box-shadow:0 0 0 5px #0a2d48,inset 0 0 0 1px rgba(233,195,104,.08);
}
.social-paper-ground{
  position:absolute;
  z-index:5;
  left:9%;
  right:9%;
  bottom:18%;
  height:24%;
  border-radius:50% 50% 20% 20%;
  background:linear-gradient(180deg,#0b2c47,#123e5a);
  box-shadow:0 -9px 0 rgba(230,190,91,.10);
}
.social-paper-star{
  position:absolute;
  z-index:6;
  width:10px;
  height:10px;
  background:#d8aa49;
  transform:rotate(45deg);
  box-shadow:0 0 14px rgba(233,191,84,.46);
}
.social-paper-star--1{left:24%;top:29%;}
.social-paper-star--2{right:23%;top:23%;width:7px;height:7px;}
.social-paper-star--3{right:31%;top:39%;width:5px;height:5px;}
.social-paper-child{
  position:absolute;
  z-index:8;
  bottom:24%;
  width:26%;
  height:37%;
}
.social-paper-child i,
.social-paper-child b{
  position:absolute;
  display:block;
}
.social-paper-child i{
  width:54%;
  aspect-ratio:1;
  left:23%;
  top:0;
  border-radius:50%;
  background:linear-gradient(145deg,#d8b681,#b58b5d);
  box-shadow:inset -7px -5px 0 rgba(91,61,42,.12),0 8px 16px rgba(0,0,0,.18);
}
.social-paper-child i::before{
  content:"";
  position:absolute;
  left:-4%;right:-4%;top:-8%;height:48%;
  border-radius:65% 65% 45% 45%;
  background:#172735;
  box-shadow:inset 0 -4px 0 rgba(255,255,255,.035);
}
.social-paper-child b{
  left:12%;right:12%;bottom:0;height:67%;
  border-radius:48% 48% 24% 24%;
  background:linear-gradient(160deg,#1c5774,#0d3a59);
  box-shadow:inset 8px 0 0 rgba(255,255,255,.025),inset -8px -8px 0 rgba(0,0,0,.12),0 10px 20px rgba(0,0,0,.18);
}
.social-paper-child--left{left:24%;transform:rotate(-3deg);}
.social-paper-child--right{right:24%;transform:rotate(3deg) scale(.94);}
.social-paper-child--right b{background:linear-gradient(160deg,#285f73,#123f57);}
.social-paper-hand{
  position:absolute;
  z-index:9;
  bottom:22%;
  width:41%;
  height:14%;
  border-radius:55% 55% 45% 45%;
  background:linear-gradient(160deg,#d1ad76,#a77c50);
  box-shadow:inset 0 -7px 0 rgba(79,52,35,.10),0 8px 16px rgba(0,0,0,.15);
  opacity:.92;
}
.social-paper-hand--left{left:-7%;transform:rotate(13deg);transform-origin:left center;}
.social-paper-hand--right{right:-7%;transform:rotate(-13deg);transform-origin:right center;}
.social-paper-caption-mark{
  position:absolute;
  z-index:10;
  left:50%;
  bottom:9.5%;
  transform:translateX(-50%);
  color:#e0b450!important;
  font-family:"Noto Serif TC","PMingLiU",serif;
  font-size:clamp(24px,4vw,40px)!important;
  font-weight:900;
  letter-spacing:.32em;
  text-indent:.32em;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}
.social-cases-paper-feature figcaption{
  border-top:1px solid rgba(226,185,86,.18);
}
@media(max-width:900px){
  .social-cases-paper-feature .social-paper-scene{min-height:0;}
}
@media(max-width:520px){
  .social-cases-paper-feature .social-paper-scene{aspect-ratio:4/5;}
  .social-paper-arch{border-width:13px;border-bottom-width:18px;}
  .social-paper-arch--inner{border-width:8px;}
  .social-paper-child{width:28%;height:36%;}
  .social-paper-child--left{left:21%;}
  .social-paper-child--right{right:21%;}
  .social-paper-caption-mark{bottom:8.5%;font-size:24px!important;}
}

/* ===== Public article view counts (restored) ===== */
.public-view-count{
  --view-ink:#43565c;
  --view-gold:#aa844c;
  --view-paper:rgba(243,238,229,.82);
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  color:var(--view-ink);
  border:1px solid rgba(117,106,89,.18);
  background:linear-gradient(145deg,rgba(248,244,237,.92),var(--view-paper));
  box-shadow:0 3px 0 rgba(193,180,161,.23),0 8px 16px rgba(42,55,59,.06);
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
}
.public-view-count[hidden]{display:none!important}
.public-view-count svg{width:15px;height:15px;fill:var(--view-gold);flex:0 0 auto}
.public-view-count strong{color:#2e4851;font-variant-numeric:tabular-nums;font-weight:800}
.public-view-count-article{margin:10px 0 20px;padding:8px 12px}
.public-view-count-article .public-view-label{color:#75807d}
.public-view-count-card{margin-top:10px;padding:6px 9px;font-size:10px;box-shadow:none;background:rgba(240,235,226,.7)}
.public-view-count-card .public-view-label{display:none}
.public-view-count-card .public-view-unit::after{content:"瀏覽";margin-left:2px}
.home-progress-card .public-view-count-card{margin-top:8px}
.home-case-reel-copy .public-view-count-card{align-self:flex-start}
.home-activity-kicker .public-view-count-card{margin-top:0;padding:6px 9px;border-color:rgba(122,91,76,.2);background:rgba(255,250,242,.74);color:#665249;text-transform:none;letter-spacing:.03em}
.home-activity-kicker .public-view-count-card svg{fill:#a66854}
.social-case-status-row .public-view-count-directory{margin:0 0 0 auto;align-self:center}
html[lang="zh-Hans"] .public-view-count-card .public-view-unit::after{content:"浏览"}
html[lang="en"] .public-view-count-card .public-view-unit::after,
html[lang="ja"] .public-view-count-card .public-view-unit::after{content:""}
html[lang="zh-Hans"] .public-view-count{font-family:"Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC",sans-serif!important;font-weight:600!important}
html[lang="zh-Hans"] .public-view-count strong{font-weight:700!important}

/* 2026-08-14: three-level, click-to-toggle Special Feature navigation */
.special-feature-nav-menu{
  width:min(760px,92vw)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important
}
.special-feature-case-group{min-width:0;padding:6px;border:1px solid #eadfce;border-radius:17px;background:#fffaf1}
.special-feature-case-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:0;border-radius:12px;background:#f4ecdd;color:#173a51;text-align:left;cursor:pointer}
.special-feature-case-toggle span{min-width:0}.special-feature-case-toggle small{display:block;color:#a4751d;font-size:9px;font-weight:900;letter-spacing:.13em}.special-feature-case-toggle strong{display:block;margin-top:2px;font-size:17px}.special-feature-case-toggle i{font-style:normal;color:#a4751d;transition:transform .2s ease}
.special-feature-case-children{display:none;gap:7px;margin-top:7px}
.special-feature-case-group.is-expanded .special-feature-case-children{display:grid;animation:specialFeatureChildIn .2s ease both}
.special-feature-case-toggle[aria-expanded="true"]{background:#efe3ce;box-shadow:inset 0 0 0 1px rgba(164,117,29,.16)}
.special-feature-case-group.is-expanded .special-feature-case-toggle i{transform:rotate(90deg)}
header .nav .special-feature-menu-prologue,header .nav .special-feature-prologue-link,header .nav .special-feature-menu-card{display:grid!important;padding:11px!important;border:1px solid #eadfce;background:#fff!important}
.special-feature-menu-prologue{appearance:none;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:13px;color:#173a51;text-align:left;cursor:pointer;font:inherit}
.special-feature-menu-prologue>span{min-width:0}.special-feature-menu-prologue>b{color:#a4751d;font-size:18px;line-height:1;transition:transform .2s ease}
.special-feature-menu-prologue small,.special-feature-prologue-link small,.special-feature-menu-copy small{display:block;color:#a4751d;font-size:9px;font-weight:900;letter-spacing:.1em}.special-feature-menu-prologue strong,.special-feature-prologue-link strong,.special-feature-menu-copy strong{display:block;color:#173a51;font-size:15px}.special-feature-menu-prologue span span,.special-feature-prologue-link span,.special-feature-menu-copy span{display:block;color:#737e83;font-size:11px;line-height:1.55}
.special-feature-prologue-children{display:none;gap:7px;margin-top:7px;padding-left:9px;border-left:2px solid #ddc99f}
.special-feature-prologue-group.is-expanded .special-feature-prologue-children{display:grid}
.special-feature-prologue-group.is-expanded .special-feature-menu-prologue>b{transform:rotate(90deg)}
.special-feature-prologue-link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none}.special-feature-prologue-link>b{color:#8a6118}
.special-feature-case-toggle:focus-visible,.special-feature-menu-prologue:focus-visible{outline:3px solid rgba(180,130,40,.35);outline-offset:2px}
.special-feature-menu-card{grid-template-columns:78px minmax(0,1fr);gap:11px;align-items:center}.special-feature-menu-art img{display:block;width:78px;height:70px;border-radius:10px;object-fit:cover}.special-feature-menu-copy{min-width:0}.special-feature-menu-copy b{display:block;margin-top:5px;color:#8a6118;font-size:10px}
@keyframes specialFeatureChildIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.special-feature-case-group.is-expanded .special-feature-case-children{animation:none}}
@media(max-width:800px){
  .special-feature-nav-menu{grid-template-columns:1fr!important}
  .special-feature-prologue-children{padding-left:7px}
}
@media(max-width:760px){
  .public-view-count-article{margin:8px 0 16px;padding:7px 10px;font-size:11px}
  .public-view-count-card{font-size:10px;padding:6px 8px}
  .social-case-status-row .public-view-count-directory{margin-left:0}
}


/* =====================================================================
   2026-08-11 — Homepage layout restoration
   Restores the original homepage card/reel layout without changing subpages.
   ===================================================================== */
:root{
  --morandi-navy:#18344a;
  --morandi-deep:#102a3d;
  --morandi-blue:#6f8793;
  --morandi-sage:#8f9b8f;
  --morandi-beige:#d4c3ad;
  --morandi-paper:#f4eee5;
  --morandi-paper-2:#ebe2d6;
  --morandi-rose:#b47d72;
  --foil-gold:#b9965f;
  --foil-gold-light:#e5c78e;
  --paper-shadow:0 7px 0 rgba(189,173,152,.34),0 20px 42px rgba(29,48,59,.13);
}

.home-social-cases-section h2{
  color:#9e7949;
  background:linear-gradient(105deg,#8e6738 0%,#d8bb82 27%,#9a7445 52%,#ead39f 72%,#8f6b3e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.22);
}

/* Homepage hero in a subdued Morandi palette */
.premium-home-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(216,194,155,.26),transparent 27%),
    radial-gradient(circle at 12% 82%,rgba(111,135,147,.26),transparent 35%),
    linear-gradient(135deg,#17364c 0%,#29495a 52%,#6e7e7d 100%);
}
.premium-home-hero::before,
.premium-home-hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:drop-shadow(0 12px 16px rgba(12,32,44,.18));
}
.premium-home-hero::before{
  width:440px;height:440px;right:-190px;top:-220px;
  border:28px solid rgba(236,224,204,.14);
  box-shadow:0 0 0 28px rgba(111,135,147,.13),0 0 0 58px rgba(244,238,229,.08);
}
.premium-home-hero::after{
  width:330px;height:330px;left:-210px;bottom:-190px;
  border:32px solid rgba(212,195,173,.12);
  box-shadow:0 0 0 32px rgba(143,155,143,.12);
}
.premium-home-hero .premium-hero-copy h1 span{
  color:var(--foil-gold-light);
  background:linear-gradient(102deg,#e8d2a7 0%,#b99259 38%,#f3ddb0 62%,#ba9258 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 2px 16px rgba(235,202,145,.14);
}
.premium-home-hero .premium-art-card{
  border-color:rgba(230,209,170,.48);
  box-shadow:0 9px 0 rgba(19,44,58,.25),0 28px 48px rgba(9,27,38,.26);
}
.premium-case-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 24px;border-radius:999px;
  background:linear-gradient(115deg,#e0c28b,#b78e57 48%,#ead3a4);
  color:#173348!important;font-weight:800;
  border:1px solid rgba(255,244,218,.65);
  box-shadow:0 5px 0 rgba(95,72,42,.22),0 12px 24px rgba(5,27,39,.16);
  transition:transform .2s ease,box-shadow .2s ease;
}
.premium-case-cta:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(95,72,42,.2),0 17px 28px rgba(5,27,39,.2)}

/* Homepage: video-menu inspired social case reel */
.home-social-cases-section{
  position:relative;
  padding:72px 0 66px;
  background:
    linear-gradient(180deg,rgba(247,242,234,.96),rgba(236,227,215,.98)),
    repeating-linear-gradient(0deg,rgba(35,54,65,.018) 0 1px,transparent 1px 5px);
  overflow:hidden;
}
.home-social-cases-section::before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:16px;
  background:linear-gradient(180deg,rgba(77,63,46,.08),transparent);
  opacity:.55;
}
.home-social-cases-banner{
  position:relative;
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:center;
  padding:34px 38px 30px;
  background:linear-gradient(135deg,#e9e0d2 0%,#f6f0e7 52%,#dfe1dc 100%);
  border:1px solid rgba(151,129,99,.28);
  border-radius:28px;
  box-shadow:var(--paper-shadow);
  overflow:hidden;
}
.home-social-cases-banner::before,
.home-social-cases-banner::after{
  content:"";position:absolute;pointer-events:none;border-radius:999px;
}
.home-social-cases-banner::before{
  width:300px;height:300px;right:-122px;top:-170px;
  border:26px solid rgba(26,53,70,.08);box-shadow:0 0 0 25px rgba(183,142,87,.06),0 0 0 52px rgba(111,135,147,.07);
}
.home-social-cases-banner::after{
  left:34px;bottom:-15px;width:210px;height:20px;
  background:linear-gradient(90deg,transparent,#b9965f 28%,#e2c58f 50%,#b9965f 72%,transparent);
  filter:blur(.2px);opacity:.55;
}
.home-social-cases-copy{position:relative;z-index:2;max-width:760px}
.home-social-cases-copy h2{font-size:clamp(2.1rem,4vw,4rem);margin:.15em 0 .2em;font-weight:900;letter-spacing:.04em}
.home-social-cases-copy p{max-width:720px;font-size:1.06rem;line-height:1.9;color:#4b5b63;margin:0}
.home-social-cases-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.home-social-cases-actions > span{color:#7b6e5f;font-size:.92rem;letter-spacing:.06em}
.home-social-cases-primary{
  background:var(--morandi-deep)!important;color:#f8f2e8!important;border:1px solid #173348!important;
  box-shadow:0 5px 0 #cbb89d,0 12px 22px rgba(26,49,62,.16)!important;
}
.home-social-cases-primary span{color:var(--foil-gold-light)}
.home-social-cases-qcluster{position:relative;height:230px;z-index:2}
.home-social-cases-qcluster img{display:block;object-fit:cover;background:#e8dfd2;border:4px solid #f5eee4;box-shadow:0 6px 0 rgba(180,159,132,.36),0 18px 30px rgba(33,51,61,.14)}
.qcluster-main{position:absolute;right:48px;top:2px;width:178px;height:198px;border-radius:44% 56% 48% 52%/48% 46% 54% 52%;transform:rotate(2deg)}
.qcluster-mini{position:absolute;width:76px;height:76px;border-radius:50%}
.qcluster-wave{right:0;bottom:12px;transform:rotate(6deg)}
.qcluster-star{left:12px;bottom:0;transform:rotate(-8deg)}
.home-case-reel{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,34vw);gap:18px;
  overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;
  padding:28px 6px 18px;margin:0 -6px;
  scrollbar-width:thin;scrollbar-color:#87949b transparent;
}
.home-case-reel-card{
  scroll-snap-align:start;display:block;text-decoration:none;color:inherit;
  border-radius:22px;background:#f7f1e8;border:1px solid rgba(132,112,87,.24);overflow:hidden;
  box-shadow:0 5px 0 rgba(197,183,165,.42),0 16px 30px rgba(31,52,64,.11);
  transition:transform .22s ease,box-shadow .22s ease;
}
.home-case-reel-card:hover{transform:translateY(-5px);box-shadow:0 8px 0 rgba(197,183,165,.4),0 22px 38px rgba(31,52,64,.16)}
.home-case-reel-card.is-featured{grid-auto-columns:minmax(420px,48vw)}
.home-case-reel-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#d9d0c4}
.home-case-reel-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.home-case-reel-card:hover .home-case-reel-media img{transform:scale(1.025)}
.home-case-status{position:absolute;left:14px;top:14px;padding:7px 11px;border-radius:999px;background:rgba(22,52,72,.9);color:#fff;font-size:.77rem;font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,.14)}
.home-case-status.is-final{background:rgba(151,112,61,.94)}
.home-case-reel-copy{padding:17px 18px 20px;display:grid;gap:6px}
.home-case-reel-copy small{color:#9a784e;font-weight:800;letter-spacing:.12em}
.home-case-reel-copy strong{font-family:"Noto Serif TC","PMingLiU",serif;font-size:1.28rem;color:var(--morandi-deep);line-height:1.35}
.home-case-reel-copy span{font-size:.9rem;color:#6b7375;line-height:1.55}
.home-case-reel-hint{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#7d7469;font-size:.88rem;padding:0 4px}
.home-case-reel-hint a{color:var(--morandi-deep);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(24,52,74,.26)}



@media (max-width:1100px){
  .home-social-cases-banner{grid-template-columns:1fr 250px;padding:30px}
  .home-social-cases-qcluster{height:205px}
  .qcluster-main{width:155px;height:180px;right:38px}
  .home-case-reel{grid-auto-columns:minmax(310px,62vw)}
}
@media (max-width:760px){
  .premium-home-hero::before{right:-270px;top:-245px}
  .premium-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .premium-hero-actions .premium-case-cta{grid-column:1/-1}
  .home-social-cases-section{padding:50px 0 44px}
  .home-social-cases-banner{grid-template-columns:1fr;padding:26px 22px 24px;border-radius:22px}
  .home-social-cases-copy h2{font-size:2.45rem}
  .home-social-cases-qcluster{height:122px;margin-top:-2px}
  .qcluster-main{width:112px;height:120px;right:50%;transform:translateX(35%) rotate(2deg)}
  .qcluster-mini{width:58px;height:58px}
  .qcluster-wave{right:13%;bottom:2px}.qcluster-star{left:14%;bottom:2px}
  .home-case-reel{grid-auto-columns:84vw;gap:14px;padding-top:22px}
  .home-case-reel-card.is-featured{grid-auto-columns:auto}
  .home-case-reel-hint span{display:none}
  .home-case-reel-hint{justify-content:flex-end}
}

/* ============================================================
   2026-08-10 Homepage information streaming hub
   Paper-cut / foil-gold / Morandi presentation with horizontal reels.
   ============================================================ */
.home-news-hub{
  --news-ink:#233b49;
  --news-paper:#f4eee4;
  --news-paper-2:#e8e1d7;
  --news-blue:#5f7780;
  --news-sage:#7d8a80;
  --news-wine:#744049;
  --news-gold:#b28b52;
  position:relative;
  overflow:hidden;
  padding:72px 0 80px;
  background:
    radial-gradient(circle at 8% 4%,rgba(124,143,143,.16),transparent 24%),
    radial-gradient(circle at 94% 15%,rgba(178,139,82,.13),transparent 20%),
    linear-gradient(180deg,#ece7df 0%,#e6e0d7 58%,#eee8df 100%);
  border-top:1px solid rgba(63,76,76,.12);
  border-bottom:1px solid rgba(63,76,76,.12);
}
.home-news-hub:before,.home-news-hub:after{
  content:"";position:absolute;pointer-events:none;z-index:0;
}
.home-news-hub:before{
  width:340px;height:220px;left:-115px;top:30px;border-radius:48% 52% 58% 42%;
  background:rgba(122,139,139,.10);box-shadow:28px 24px 0 rgba(244,238,228,.36),54px 48px 0 rgba(178,139,82,.06);
  transform:rotate(-12deg);
}
.home-news-hub:after{
  width:300px;height:300px;right:-185px;bottom:120px;border-radius:50%;
  background:rgba(171,145,104,.10);box-shadow:0 0 0 30px rgba(255,255,255,.14),0 0 0 65px rgba(125,138,128,.05);
}
.home-news-hub>.container{position:relative;z-index:1}
.home-news-hub-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px}
.home-news-hub-head h2{margin:.12em 0 .18em;font-size:clamp(2.2rem,4.5vw,4.25rem);line-height:1.05;color:var(--news-ink);letter-spacing:.06em}
.home-news-hub-head h2:after{content:"";display:block;width:96px;height:3px;margin-top:13px;background:linear-gradient(90deg,#87683c,#d5b978,#8d6a3a);border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.65)}
.home-news-hub-head p{max-width:760px;margin:18px 0 0;color:#5f6968;line-height:1.8;font-size:1rem}
.home-news-hub-mark{flex:0 0 auto;min-width:132px;padding:12px 17px;background:rgba(246,240,230,.82);border:1px solid rgba(115,99,75,.22);box-shadow:0 9px 22px rgba(53,62,62,.08),inset 0 0 0 4px rgba(255,255,255,.28);transform:rotate(.7deg);text-align:center}
.home-news-hub-mark span{display:block;font-size:10px;letter-spacing:.22em;color:#7e8581;font-weight:900}.home-news-hub-mark b{display:block;margin-top:3px;color:#72525a;font-size:16px;letter-spacing:.08em}
.home-news-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 15px;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:rgba(74,95,101,.28) transparent}
.home-news-tabs a{flex:0 0 auto;text-decoration:none;color:#4d5f63;background:rgba(246,241,233,.72);border:1px solid rgba(77,95,99,.16);padding:10px 15px;border-radius:999px;font-size:13px;font-weight:850;box-shadow:0 4px 10px rgba(56,67,67,.05)}
.home-news-tabs a:hover,.home-news-tabs a.is-active{background:#294c5d;color:#f6efe4;border-color:#294c5d;box-shadow:0 7px 18px rgba(41,76,93,.16)}

.home-news-focus{display:grid;grid-template-columns:300px 1fr;gap:0;overflow:hidden;border-radius:20px;background:rgba(247,242,234,.92);border:1px solid rgba(102,88,68,.20);box-shadow:0 18px 42px rgba(48,59,60,.13),inset 0 0 0 6px rgba(255,255,255,.18);margin-bottom:54px;position:relative}
.home-news-focus:after{content:"";position:absolute;inset:9px;border:1px solid rgba(178,139,82,.20);border-radius:13px;pointer-events:none}
.home-news-focus-media{display:block;position:relative;margin:22px 0 22px 22px;overflow:hidden;border-radius:13px;background:#c7c3bb;box-shadow:0 12px 28px rgba(42,52,53,.15);z-index:1}
.home-news-focus-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.84) contrast(.99)}
.home-news-focus-badge{position:absolute;left:14px;top:14px;background:#6c3038;color:#f7eee4;padding:7px 11px;border-radius:4px;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 13px rgba(67,35,37,.22)}
.home-news-focus-copy{padding:34px 38px 30px;align-self:center;position:relative;z-index:1}
.home-news-focus-kicker{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.home-news-focus-kicker span{display:inline-flex;background:#d9d4ca;color:#38505a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.1em}.home-news-focus-kicker time{font-size:12px;color:#7b8583;font-weight:800;letter-spacing:.08em}
.home-news-focus-copy h3{margin:5px 0 13px;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.25;letter-spacing:.045em;background:linear-gradient(180deg,#352d21 0%,#8e7141 38%,#c8aa6a 52%,#74582f 67%,#2d2a24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.home-news-focus-copy>p{margin:0;color:#526264;line-height:1.85;max-width:760px}
.home-news-focus-details{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.home-news-focus-details span{min-width:132px;display:flex;flex-direction:column;gap:2px;padding:10px 13px;border-radius:9px;background:rgba(221,216,207,.65);border:1px solid rgba(90,101,99,.12)}.home-news-focus-details small{font-size:10px;color:#7a8583;font-weight:800;letter-spacing:.08em}.home-news-focus-details b{font-size:14px;color:#30464d}
.home-news-focus-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.home-news-primary{margin:0;background:#294c5c;color:#f7f1e8;border-radius:8px;box-shadow:0 5px 12px rgba(36,63,73,.16)}.home-news-primary:hover{background:#203f4d}.home-news-focus-actions>span{color:#777e79;font-size:13px;font-weight:800;border:1px dashed rgba(93,102,98,.32);border-radius:8px;padding:9px 12px;background:rgba(255,255,255,.28)}

.home-news-stream{scroll-margin-top:95px;margin-top:44px;padding-top:2px}
.home-news-stream+.home-news-stream{border-top:1px solid rgba(92,92,80,.12);padding-top:38px}
.home-news-stream-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:17px}
.home-news-stream-head>div{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center}.home-news-stream-head .stream-icon{grid-row:1/3;align-self:start;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d8d2c8;color:#3f5961;border:1px solid rgba(70,87,90,.13);font-size:15px}.home-news-stream-head h3{margin:0;color:#293f4a;font-size:1.65rem;letter-spacing:.04em}.home-news-stream-head p{grid-column:2;margin:2px 0 0;color:#7a817e;font-size:13px}.home-news-stream-head>a{flex:0 0 auto;color:#3e5962;font-size:13px;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(62,89,98,.28)}
.home-news-stream-head>a:hover{color:#87683c;border-color:#87683c}
.home-news-reel,.home-progress-reel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,330px);gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:5px 4px 19px;scrollbar-width:thin;scrollbar-color:rgba(74,95,101,.27) transparent}
.home-news-card{scroll-snap-align:start;text-decoration:none;color:inherit;background:rgba(247,242,234,.92);border:1px solid rgba(93,89,79,.17);border-radius:14px;overflow:hidden;box-shadow:0 7px 0 rgba(196,184,168,.32),0 15px 26px rgba(51,62,63,.09);transition:transform .2s ease,box-shadow .2s ease;min-height:100%}
.home-news-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 rgba(196,184,168,.38),0 22px 36px rgba(51,62,63,.13)}
.home-news-card-media{position:relative;aspect-ratio:16/9;background:#c8c6c0;overflow:hidden}.home-news-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(.99);transition:transform .28s ease}.home-news-card:hover .home-news-card-media img{transform:scale(1.025)}
.home-news-card-media>span{position:absolute;left:11px;top:11px;background:#6b3440;color:#f7eee5;padding:5px 9px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.08em}.home-news-card-media>span.is-muted{background:#506770}.home-news-card-media>span.is-final{background:#7a633d}.home-news-card-media>span.is-pending{background:#68776d}.home-news-card-media>span.is-activity{background:#768573}
.home-news-card-copy{padding:15px 16px 18px}.home-news-card-copy small{display:block;color:#9a784e;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.home-news-card-copy strong{display:block;color:#263f4a;font-family:"Noto Serif TC","PMingLiU",serif;font-size:1.11rem;line-height:1.45}.home-news-card-copy p{margin:7px 0 0;color:#667170;font-size:13px;line-height:1.6}
.home-news-card-guide{display:flex;flex-direction:column;justify-content:center;min-height:280px;background:linear-gradient(145deg,rgba(236,230,220,.94),rgba(246,241,233,.94));border-style:dashed}.home-news-guide-icon{margin:24px 16px 0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#304f5d;color:#e7d3a5;font-size:27px;box-shadow:0 8px 18px rgba(48,79,93,.14)}
.home-news-reel-activity{grid-auto-columns:minmax(280px,350px)}.home-news-reel-activity .home-news-card.is-wide{grid-column:span 1}

.home-progress-reel{grid-auto-columns:minmax(220px,260px)}
.home-progress-card{scroll-snap-align:start;text-decoration:none;color:inherit;min-height:168px;display:flex;flex-direction:column;padding:18px;border-radius:13px;background:rgba(246,241,232,.84);border:1px solid rgba(91,86,76,.16);box-shadow:0 7px 0 rgba(196,184,168,.28),0 14px 24px rgba(51,62,63,.07);transition:transform .2s ease}
.home-progress-card:hover{transform:translateY(-3px)}.home-progress-card .progress-state{align-self:flex-start;background:#536d76;color:#f6efe4;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}.home-progress-card .progress-state.is-final{background:#8a6a3f}.home-progress-card .progress-state.is-pending{background:#758375}.home-progress-card strong{margin-top:12px;color:#29434d;font-family:"Noto Serif TC","PMingLiU",serif;font-size:1.15rem}.home-progress-card p{margin:7px 0;color:#626e6d;font-size:13px;line-height:1.55}.home-progress-card small{margin-top:auto;color:#9a784e;font-weight:800;font-size:10px;letter-spacing:.08em}

.home-advocacy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-advocacy-grid>a{text-decoration:none;color:inherit;position:relative;min-height:190px;padding:19px 18px 20px;border-radius:14px;background:linear-gradient(150deg,rgba(247,242,234,.94),rgba(226,221,212,.9));border:1px solid rgba(86,91,84,.15);box-shadow:0 7px 0 rgba(196,184,168,.28),0 15px 25px rgba(51,62,63,.07);overflow:hidden}.home-advocacy-grid>a:after{content:"";position:absolute;width:92px;height:92px;right:-28px;bottom:-28px;border-radius:50%;background:rgba(125,138,128,.10);box-shadow:0 0 0 14px rgba(178,139,82,.04)}.home-advocacy-grid span{display:block;color:#a17d49;font-family:Georgia,serif;font-size:12px;font-weight:900;letter-spacing:.13em}.home-advocacy-grid strong{display:block;margin-top:14px;color:#2e4851;font-family:"Noto Serif TC","PMingLiU",serif;font-size:1.08rem;line-height:1.45;position:relative;z-index:1}.home-advocacy-grid p{margin:8px 0 0;color:#687270;font-size:13px;line-height:1.6;position:relative;z-index:1}.home-advocacy-grid>a:hover strong{color:#8b693d}

@media(max-width:980px){
  .home-news-focus{grid-template-columns:260px 1fr}
  .home-news-focus-copy{padding:30px 28px 27px}
  .home-advocacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .home-news-hub{padding:54px 0 60px}
  .home-news-hub-head{display:block}.home-news-hub-mark{display:none}
  .home-news-hub-head h2{font-size:2.65rem}.home-news-hub-head p{font-size:.94rem}
  .home-news-tabs{margin-inline:-2px;padding-bottom:12px}
  .home-news-focus{grid-template-columns:1fr;margin-bottom:42px}
  .home-news-focus-media{width:min(72vw,300px);margin:18px auto 0}
  .home-news-focus-copy{padding:24px 21px 27px;text-align:left}
  .home-news-focus-copy h3{font-size:2rem}
  .home-news-focus-details{display:grid;grid-template-columns:repeat(3,1fr)}.home-news-focus-details span{min-width:0;padding:9px 10px}.home-news-focus-details b{font-size:12px}
  .home-news-stream{margin-top:34px}.home-news-stream+.home-news-stream{padding-top:30px}
  .home-news-stream-head{align-items:flex-start}.home-news-stream-head h3{font-size:1.4rem}.home-news-stream-head p{display:none}.home-news-stream-head>a{font-size:12px;margin-top:5px}
  .home-news-reel{grid-auto-columns:82vw;gap:13px;padding-bottom:16px}
  .home-progress-reel{grid-auto-columns:70vw}
  .home-advocacy-grid{grid-template-columns:1fr 1fr;gap:11px}.home-advocacy-grid>a{min-height:176px;padding:17px 15px}
}
@media(max-width:480px){
  .home-news-tabs a{padding:9px 13px;font-size:12px}
  .home-news-focus-media{width:min(76vw,285px)}
  .home-news-focus-details{grid-template-columns:1fr 1fr}.home-news-focus-details span:last-child{grid-column:1/-1}
  .home-news-focus-actions{align-items:stretch;flex-direction:column}.home-news-focus-actions .btn{justify-content:center}.home-news-focus-actions>span{text-align:center}
  .home-news-reel{grid-auto-columns:86vw}.home-progress-reel{grid-auto-columns:76vw}
  .home-advocacy-grid{grid-template-columns:1fr}.home-advocacy-grid>a{min-height:0}
}
@media(prefers-reduced-motion:reduce){.home-news-card,.home-news-card-media img,.home-progress-card{transition:none}}
/* 2026-08-11 — 紙雕曙光系列與莫蘭迪深色文字系統 */
.home-advocacy-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.72fr);gap:20px;align-items:stretch}
.home-advocacy-feature .home-advocacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-advocacy-art{position:relative;margin:0;min-height:100%;overflow:hidden;border-radius:18px;background:#0a2941;box-shadow:0 16px 34px rgba(32,48,52,.16)}
.home-advocacy-art img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}
.home-advocacy-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:58px 22px 20px;background:linear-gradient(transparent,rgba(5,24,39,.94));color:#ece6d8}
.home-advocacy-art strong,.home-advocacy-art span{display:block}
.home-advocacy-art strong{font-family:"Noto Serif TC","PMingLiU",serif;font-size:1.18rem;color:#e1bc72}
.home-advocacy-art span{margin-top:7px;font-size:12px;line-height:1.65;color:#d4d7d1}
.about-journey-art-section{padding:20px 0 72px;background:#f2efe8}
.about-journey-art{position:relative;max-width:980px;margin:0 auto;overflow:hidden;border-radius:30px;background:#0b2940;box-shadow:0 24px 58px rgba(38,55,58,.16)}
.about-journey-art img{display:block;width:100%;max-height:700px;object-fit:cover;object-position:center 58%}
.about-journey-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:92px 6% 34px;background:linear-gradient(transparent,rgba(5,24,39,.94));color:#e8e3d9}
.about-journey-art small,.about-journey-art strong,.about-journey-art span{display:block}
.about-journey-art small{color:#c4a56d;font-weight:850;letter-spacing:.15em}
.about-journey-art strong{margin-top:8px;color:#eee4d0;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(24px,3.5vw,40px)}
.about-journey-art span{margin-top:9px;color:#ccd3cf;line-height:1.7}
.social-cases-hero-subtitle{margin:-4px 0 17px;color:#d7c39a;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(20px,2.4vw,30px);font-weight:700;letter-spacing:.04em}
.morandi-tone{color:#4f5e5d}
.morandi-tone :where(h1,h2,h3,h4):not(.court-library-hero *):not(.about-art-hero *):not(.home-hero *):not(.page-hero *):not(.home-advocacy-art *):not(.about-journey-art *){color:#2d4850}
.morandi-tone :where(p,li,blockquote):not(.court-library-hero *):not(.about-art-hero *):not(.home-hero *):not(.page-hero *):not(.home-advocacy-art *):not(.about-journey-art *){color:#596967}
.morandi-tone :where(small,.meta,time):not(.court-library-hero *):not(.about-art-hero *):not(.home-hero *):not(.page-hero *):not(.home-advocacy-art *):not(.about-journey-art *){color:#7c7163}
.morandi-tone a:not(.btn):not(.read-btn):not(.source-btn){color:#3c5e62}
.morandi-tone .court-library-hero,.morandi-tone .court-library-hero h1,.morandi-tone .court-library-hero p,.morandi-tone .court-library-hero .court-kicker,
.morandi-tone .about-art-hero,.morandi-tone .about-art-hero h1,.morandi-tone .about-art-hero p,
.morandi-tone .home-hero,.morandi-tone .home-hero h1,.morandi-tone .home-hero p{color:#eee8db}
.morandi-tone .page-hero,.morandi-tone .page-hero h1,.morandi-tone .page-hero h2,.morandi-tone .page-hero p,.morandi-tone .page-hero small{color:#eee8db}
@media(max-width:900px){.home-advocacy-feature{grid-template-columns:1fr}.home-advocacy-art img{min-height:0;max-height:620px}.about-journey-art-section{padding-bottom:54px}}
@media(max-width:620px){.home-advocacy-feature .home-advocacy-grid{grid-template-columns:1fr}.home-advocacy-art figcaption{padding:50px 17px 17px}.about-journey-art{border-radius:20px}.about-journey-art figcaption{padding:76px 20px 22px}.about-journey-art span{font-size:13px}}
/* 2026-08-11 — 子網頁燙金與深橘金文字系統 */
.warm-gold-tone{color:#755b36}
.warm-gold-tone :where(h1,h2,h3,h4):not(.court-library-hero *):not(.about-art-hero *):not(.page-hero *):not(.about-journey-art *){color:#8c5a18;text-shadow:0 1px 0 rgba(255,240,201,.72)}
.warm-gold-tone :where(p,li,blockquote):not(.court-library-hero *):not(.about-art-hero *):not(.page-hero *):not(.about-journey-art *){color:#755b36}
.warm-gold-tone :where(small,.meta,time):not(.court-library-hero *):not(.about-art-hero *):not(.page-hero *):not(.about-journey-art *){color:#a26f2b}
.warm-gold-tone a:not(.btn):not(.read-btn):not(.source-btn){color:#95611e}
.warm-gold-tone .court-library-hero,
.warm-gold-tone .about-art-hero,
.warm-gold-tone .page-hero{color:#f0d18b}
.warm-gold-tone .court-library-hero :where(h1,h2,h3,h4),
.warm-gold-tone .about-art-hero :where(h1,h2,h3,h4),
.warm-gold-tone .page-hero :where(h1,h2,h3,h4){color:#f2cc74;text-shadow:0 1px 0 rgba(61,38,6,.34)}
.warm-gold-tone .court-library-hero :where(p,small,.court-kicker),
.warm-gold-tone .about-art-hero :where(p,small,.about-art-kicker),
.warm-gold-tone .page-hero :where(p,small){color:#e7c98d}
.warm-gold-tone .about-journey-art small{color:#d3aa58}
.warm-gold-tone .about-journey-art strong{color:#f0cf85}
.warm-gold-tone .about-journey-art span{color:#dfc99b}
/* 2026-08-11 — 剴剴案：看見警訊・立即行動・持續守護 */
.kaikai-memory-strip-section{padding:24px 0 52px;background:linear-gradient(180deg,#fffaf0 0%,#f4efe5 100%)}
.kaikai-memory-strip{display:grid;grid-template-columns:minmax(245px,.78fr) minmax(0,1.72fr);gap:28px;align-items:stretch;padding:28px;border:1px solid rgba(169,125,54,.28);border-radius:24px;background:linear-gradient(135deg,rgba(255,253,247,.98),rgba(236,229,215,.96));box-shadow:0 16px 36px rgba(37,55,59,.09)}
.kaikai-memory-intro{display:flex;flex-direction:column;justify-content:center;padding:6px 10px 6px 4px}
.kaikai-memory-intro small{color:#a3732d;font-size:11px;font-weight:900;letter-spacing:.16em}
.kaikai-memory-intro strong{display:block;margin-top:9px;color:#294650;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(22px,2.5vw,31px);line-height:1.35}
.kaikai-memory-intro span{display:block;margin-top:10px;color:#6b7069;font-size:14px;line-height:1.75}
.kaikai-memory-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kaikai-memory-icons figure{position:relative;display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:10px;min-width:0;margin:0;padding:18px 14px 16px;border:1px solid rgba(49,76,82,.12);border-radius:18px;background:rgba(255,255,255,.76);text-align:center;box-shadow:0 7px 16px rgba(38,57,61,.06)}
.kaikai-memory-icon-shell{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#e7e1d5,#faf6ed);box-shadow:inset 0 0 0 1px rgba(166,122,52,.18),0 7px 16px rgba(38,57,61,.08)}
.kaikai-memory-icon-shell img{width:58px;height:58px;object-fit:contain}
.kaikai-memory-icons figcaption{display:flex;flex-direction:column;align-items:center}
.kaikai-memory-icons figcaption small{color:#a3732d;font-size:9px;font-weight:900;letter-spacing:.12em}
.kaikai-memory-icons figcaption strong{margin-top:3px;color:#304d54;font-family:"Noto Serif TC","PMingLiU",serif;font-size:17px}
.kaikai-memory-icons figcaption span{margin-top:5px;color:#6d746e;font-size:11px;line-height:1.55}
@media(max-width:900px){.kaikai-memory-strip{grid-template-columns:1fr}.kaikai-memory-intro{padding:2px 4px}.kaikai-memory-icons{gap:10px}}
@media(max-width:680px){.kaikai-memory-strip-section{padding:16px 0 40px}.kaikai-memory-strip{padding:20px 16px;border-radius:19px}.kaikai-memory-icons{grid-template-columns:1fr}.kaikai-memory-icons figure{grid-template-columns:64px 1fr;grid-template-rows:auto;justify-items:start;align-items:center;padding:13px;text-align:left}.kaikai-memory-icon-shell{width:60px;height:60px}.kaikai-memory-icon-shell img{width:47px;height:47px}.kaikai-memory-icons figcaption{align-items:flex-start}.kaikai-memory-icons figcaption span{font-size:12px}}
/* 2026-08-11 — 燙金漸層字與剴剴案節制動態效果 */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .warm-gold-tone :where(h1,h2,h3,h4):not(.court-library-hero *):not(.about-art-hero *):not(.page-hero *):not(.about-journey-art *){
    background:linear-gradient(105deg,#7f4b12 0%,#b77722 34%,#e0ad4e 58%,#9a5d16 100%);
    background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
    text-shadow:none
  }
  .warm-gold-tone .court-library-hero :where(h1,h2,h3,h4),
  .warm-gold-tone .about-art-hero :where(h1,h2,h3,h4),
  .warm-gold-tone .page-hero :where(h1,h2,h3,h4){
    background:linear-gradient(100deg,#b87925 0%,#f1ce7b 42%,#d59a39 72%,#fff0b5 100%);
    background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
    text-shadow:none
  }
}
.kaikai-memory-icons figure{overflow:hidden;opacity:0;animation:kaikai-card-fade .72s ease-out forwards;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.kaikai-memory-icons figure:nth-child(1){animation-delay:.08s}
.kaikai-memory-icons figure:nth-child(2){animation-delay:.24s}
.kaikai-memory-icons figure:nth-child(3){animation-delay:.40s}
.kaikai-memory-icons figure::after{content:"";position:absolute;inset:-40% auto -40% -55%;width:34%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(225,178,83,.28),transparent);animation:kaikai-gold-sheen 7.2s ease-in-out infinite;pointer-events:none}
.kaikai-memory-icons figure:nth-child(2)::after{animation-delay:1.05s}
.kaikai-memory-icons figure:nth-child(3)::after{animation-delay:2.1s}
.kaikai-memory-icons figure:hover{transform:translateY(-5px);border-color:rgba(171,124,48,.34);box-shadow:0 14px 28px rgba(38,57,61,.12)}
.kaikai-memory-icon-shell{animation:kaikai-icon-breathe 4.8s ease-in-out infinite}
.kaikai-memory-icons figure:nth-child(2) .kaikai-memory-icon-shell{animation-delay:.8s}
.kaikai-memory-icons figure:nth-child(3) .kaikai-memory-icon-shell{animation-delay:1.6s}
@keyframes kaikai-card-fade{from{opacity:0}to{opacity:1}}
@keyframes kaikai-icon-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}
@keyframes kaikai-gold-sheen{0%,68%{left:-55%;opacity:0}74%{opacity:1}88%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){
  .kaikai-memory-icons figure,.kaikai-memory-icons figure::after,.kaikai-memory-icon-shell{animation:none!important;opacity:1!important;transform:none!important}
  .kaikai-memory-icons figure{transition:none}
}
/* 2026-08-11 — 土城兩歲男童命案旁聽紀錄頁首燙金漸層 */
.hearing-detail-gold .hearing-hero h1{color:#efc66d;text-shadow:0 1px 0 rgba(55,34,8,.34)}
.hearing-detail-gold .hearing-hero p{color:#e8cc92}
.hearing-detail-gold .hearing-hero .article-back{color:#dca94b!important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hearing-detail-gold .hearing-hero h1{
    background:linear-gradient(102deg,#ad6f1f 0%,#f2cf7d 36%,#d89b37 67%,#fff0b4 100%);
    background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
    text-shadow:none
  }
}
@media(max-width:680px){.hearing-detail-gold .hearing-hero h1{font-size:clamp(31px,9vw,44px);line-height:1.22}}
/* 2026-08-11 — 土城旁聽紀錄長篇閱讀優化 */
html:has(.hearing-detail-gold){scroll-behavior:smooth}
.hearing-reading-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:40;background:rgba(8,29,58,.12);pointer-events:none}
.hearing-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#9b5d18,#e4ad49 55%,#ffe3a0);box-shadow:0 0 10px rgba(218,164,68,.46);will-change:transform}
.hearing-page-toc{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(4,minmax(115px,1fr));gap:9px;margin:24px 0 34px;padding:12px;border:1px solid rgba(159,111,38,.22);border-radius:18px;background:linear-gradient(135deg,#fffdf8,#f2ede4);box-shadow:0 10px 24px rgba(38,55,59,.07)}
.hearing-page-toc>div{display:flex;flex-direction:column;justify-content:center;padding:8px 11px}
.hearing-page-toc>div small{color:#a06b25;font-size:9px;font-weight:900;letter-spacing:.14em}
.hearing-page-toc>div strong{color:#2d4850;font-family:"Noto Serif TC","PMingLiU",serif;font-size:19px}
.hearing-page-toc>a{display:flex;align-items:center;gap:7px;min-height:52px;padding:9px 10px;border-radius:12px;color:#425b5e;font-size:13px;font-weight:850;transition:background .2s ease,transform .2s ease,color .2s ease}
.hearing-page-toc>a span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#e6d9bf;color:#8b5c1d;font-family:Georgia,serif;font-size:10px}
.hearing-page-toc>a:hover,.hearing-page-toc>a.is-current{transform:translateY(-2px);background:#fff;color:#8b5c1d;box-shadow:0 5px 14px rgba(63,70,66,.08)}
.hearing-page-toc>a:focus-visible,.hearing-back-top:focus-visible{outline:3px solid rgba(224,171,79,.76);outline-offset:3px}
.hearing-detail-gold [id^="hearing-"]{scroll-margin-top:92px}
.hearing-sentence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}
.hearing-sentence-grid article{position:relative;padding:22px 22px 20px;border:1px solid rgba(154,105,32,.22);border-radius:17px;background:linear-gradient(145deg,#fffdf7,#f4eee2);box-shadow:0 9px 22px rgba(38,55,59,.07);overflow:hidden}
.hearing-sentence-grid article::after{content:"";position:absolute;width:110px;height:110px;right:-50px;bottom:-54px;border-radius:50%;background:rgba(197,146,62,.09)}
.hearing-sentence-grid small{color:#9d6a28;font-size:11px;font-weight:900;letter-spacing:.12em}
.hearing-sentence-grid h3{margin:2px 0 5px;font-size:20px}
.hearing-sentence-grid strong{display:block;color:#2c4a52;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(23px,3vw,31px);line-height:1.3}
.hearing-sentence-grid p{position:relative;z-index:1;margin:9px 0 0!important;color:#626d68;font-size:13px;line-height:1.7}
.hearing-position{padding:14px 16px;border-left:3px solid #b98734;border-radius:0 11px 11px 0;background:#f8f5ee}
.hearing-role{display:inline-flex;align-items:center;margin:0 9px 3px 0;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.03em;vertical-align:middle}
.hearing-role.defense{background:#e7eef0;color:#355a63}
.hearing-role.prosecution{background:#f0e2d1;color:#8a551e}
.hearing-role.court{background:#e9e2ca;color:#6d5a20}
.hearing-back-top{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:1px solid rgba(229,184,96,.55);border-radius:50%;background:linear-gradient(145deg,#0b2b46,#123d5d);box-shadow:0 10px 24px rgba(8,29,58,.24);color:#e9c16f;font-size:9px;font-weight:900;letter-spacing:.08em;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease;cursor:pointer}
.hearing-back-top span{font-size:20px;line-height:1}.hearing-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.hearing-back-top:hover{background:linear-gradient(145deg,#123d5d,#1b5275)}
.hearing-detail-gold .article-body>p{margin-bottom:19px}
@media(max-width:900px){.hearing-page-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.hearing-page-toc>div{grid-column:1/-1}.hearing-sentence-grid{gap:12px}}
@media(max-width:620px){
  .hearing-detail-gold .hearing-hero{padding:42px 0 38px}
  .hearing-detail-gold .hearing-hero h1{line-height:1.18;margin-bottom:14px}
  .hearing-detail-gold .article-body{font-size:16px;line-height:1.86}
  .hearing-detail-gold .article-body>p{margin-bottom:22px}
  .hearing-page-toc{grid-template-columns:1fr;margin:18px 0 28px;padding:10px}.hearing-page-toc>div{grid-column:auto}.hearing-page-toc>a{min-height:45px}
  .hearing-sentence-grid{grid-template-columns:1fr}.hearing-sentence-grid article{padding:18px}
  .hearing-position{padding:13px 14px}
  .hearing-back-top{right:14px;bottom:14px;width:49px;height:49px}
}
@media(prefers-reduced-motion:reduce){html:has(.hearing-detail-gold){scroll-behavior:auto}.hearing-page-toc>a,.hearing-back-top{transition:none}}
/* 2026-08-11 — 土城旁聽紀錄手機版莫蘭迪淺色底 */
@media(max-width:620px){
  .hearing-detail-gold{background:#e9e7df}
  .hearing-detail-gold .hearing-connection{background:#ebe8df}
  .hearing-detail-gold .hearing-article-section{background:linear-gradient(180deg,#f3f0e9 0%,#ece9e1 100%)}
  .hearing-detail-gold .hearing-page-toc{border-color:rgba(120,115,99,.20);background:linear-gradient(145deg,#f1eee6,#e5e2d8);box-shadow:0 9px 20px rgba(58,65,62,.07)}
  .hearing-detail-gold .hearing-page-toc>a{background:rgba(247,244,237,.62)}
  .hearing-detail-gold .hearing-sentence-grid article{border-color:rgba(129,119,93,.20);background:linear-gradient(145deg,#f6f2e9,#e9e4d9)}
  .hearing-detail-gold .hearing-position{background:#e9e7df;border-left-color:#a98d59}
  .hearing-detail-gold .article-note{border-color:#cbc8bc;background:#e5e4dc;color:#58615e}
  .hearing-detail-gold .visual-related{background:#e4e6df}
  .hearing-detail-gold .visual-related-card{background:#f2f0e9;border-color:rgba(98,112,104,.16)}
}
/* 2026-08-11 — 全站手機版莫蘭迪淺色背景 */
@media(max-width:620px){
  html{background:#e7e5de}
  body,main{background-color:#e9e7df}
  header{background:#f1eee7;border-bottom-color:#d2d0c7}
  body section:not([class*="hero"]):not(.about-future-section){background-color:#eeece5}
  .page-hero,.hero,.home-hero,.about-art-hero,.court-library-hero,.social-cases-hero,.case-profile-hero,.hearing-hero{background-color:#0b304e}
  .about-future-section,footer{background-color:#082d4c}
  .article-shell,.container{--mobile-morandi-surface:#f3f0e9}
  .article-note{border-color:#cbc8bd;background:#e5e4dc}
  .record-card,.activity-card,.episode-library-card,.case-record-card,.social-case-feature-card{border-color:#d4d1c7}
}

/* 2026-08-11 — 首頁主標題「守護孩子的現在」中國傳統退紅 */
body.art-site.morandi-tone .premium-home-hero .premium-hero-copy h1{
  color:#E6B8A8!important;
}

/* ============================================================
   2026-08-11 — 微調式雅色方案
   原設計 85% + 中國傳統色 7.5% + 莫蘭迪色 7.5%
   僅調整狀態、細框、標籤、紙雕層次與手機淡底。
   ============================================================ */
:root{
  --micro-indigo:#31566f;
  --micro-crab:#78918f;
  --micro-impatiens:#b387a4;
  --micro-lilac:#b7a9c0;
  --micro-smoke:#88817c;
  --micro-flesh:#e5b4aa;
  --micro-fog-rose:#d8bec0;
  --micro-smoke-blue:#a8b8c0;
  --micro-sage:#b4bdad;
  --micro-paper:#f4eee6;
  --micro-apricot:#dfa77e;
  --micro-warm-gold:#b3935f;
  --micro-blue-green:#3e5961;
}

/* 全站導覽：保留米白導覽，只柔化互動狀態。 */
header .nav>nav>a:hover,
.social-case-nav-toggle:hover,
.social-case-nav.is-open .social-case-nav-toggle{
  background:rgba(229,180,170,.22)!important;
  color:var(--micro-indigo)!important;
  box-shadow:0 7px 18px rgba(49,86,111,.07)!important;
}
header .nav>nav>a[aria-current="page"],
.social-case-nav.is-current .social-case-nav-toggle{
  color:var(--micro-indigo)!important;
  background:rgba(229,180,170,.28)!important;
  box-shadow:inset 0 -2px 0 rgba(49,86,111,.30)!important;
}
.social-case-nav-menu{
  border-color:rgba(136,129,124,.28)!important;
}
.social-case-nav-menu::before{
  border-color:rgba(136,129,124,.28)!important;
}
header .nav .social-case-nav-menu .social-case-menu-heading,
header .nav .social-case-nav-menu .social-case-menu-item{
  border-left:2px solid rgba(179,147,95,.48)!important;
}
header .nav .social-case-nav-menu a:hover{
  background:rgba(229,180,170,.17)!important;
}
header :where(a,button):focus-visible,
main :where(a,button):focus-visible{
  outline:3px solid rgba(229,180,170,.72);
  outline-offset:3px;
}

/* 淺色子頁 Hero 的說明文字改用深灰青，避免淡金字對比不足。 */
.warm-gold-tone .page-hero p,
.warm-gold-tone .court-library-hero p{
  color:#596967!important;
}
.warm-gold-tone .page-hero :where(.art-eyebrow,small),
.warm-gold-tone .court-library-hero .court-kicker{
  color:#657472!important;
}

/* 首頁：保留深藍、米白與暖金，雅色只出現在紙雕及卡片上框。 */
body.art-site.morandi-tone .premium-home-hero .premium-hero-copy h1{
  color:var(--micro-apricot)!important;
}
.premium-home-hero .premium-hero-lead{
  color:#e8e4dc!important;
}
.premium-home-hero::before{
  border-color:rgba(120,145,143,.14)!important;
  box-shadow:0 0 0 28px rgba(229,180,170,.07),0 0 0 58px rgba(183,169,192,.06)!important;
}
.premium-home-hero::after{
  border-color:rgba(229,180,170,.09)!important;
  box-shadow:0 0 0 32px rgba(120,145,143,.10)!important;
}
.premium-home-hero .premium-floating-tag{
  border-color:rgba(229,180,170,.38)!important;
}
#news-focus{
  border-top:3px solid rgba(229,180,170,.88)!important;
}
#news-hearing .home-news-card{
  border-top:3px solid rgba(120,145,143,.82)!important;
}
#news-flash .home-news-card{
  border-top:3px solid rgba(49,86,111,.82)!important;
}
#news-activity .home-news-card,
#news-advocacy .home-advocacy-grid>a{
  border-top:3px solid rgba(180,189,173,.92)!important;
}
#news-progress .home-progress-card{
  border-top:3px solid rgba(183,169,192,.88)!important;
}
.home-news-tabs a:hover,
.home-news-tabs a.is-active{
  background:var(--micro-indigo)!important;
  border-color:var(--micro-indigo)!important;
  color:#fffaf2!important;
}

/* 關於我們：肉粉與蟹青僅用在圈線、標籤與時間軸。 */
.about-page .about-art-copy>p{
  color:#596967!important;
}
.about-page .about-pill,
.about-page .about-hero-tags span{
  border-color:rgba(229,180,170,.56)!important;
}
.about-page .about-hero-tags span:hover{
  background:rgba(229,180,170,.25)!important;
  color:var(--micro-indigo)!important;
}
.about-page .about-visual-ring{
  border-color:rgba(120,145,143,.54)!important;
  box-shadow:0 0 0 22px rgba(229,180,170,.12)!important;
}
.about-page .about-timeline::before{
  background:linear-gradient(var(--micro-flesh),var(--micro-crab))!important;
}
.about-page .about-timeline article:nth-child(odd) .timeline-dot{
  background:var(--micro-flesh)!important;
  box-shadow:0 0 0 2px rgba(49,86,111,.32)!important;
}
.about-page .about-timeline article:nth-child(even) .timeline-dot{
  background:var(--micro-crab)!important;
  box-shadow:0 0 0 2px rgba(229,180,170,.56)!important;
}
.about-page .about-timeline article.highlight>div:last-child{
  outline:1px solid rgba(179,135,164,.52);
  outline-offset:3px;
}
.about-page .case-record-card,
.about-page .about-stat{
  border-top:3px solid rgba(229,180,170,.52)!important;
}

/* 社會案件總覽：深藍主視覺不動，只增加蟹青紙層與淡煙藍邊緣。 */
.social-cases-page .social-cases-hero{
  box-shadow:inset 0 -3px 0 rgba(120,145,143,.58);
}
.social-cases-page .social-cases-paper-poster-frame,
.social-cases-page .social-cases-art-feature{
  border-color:rgba(120,145,143,.54)!important;
}
.social-cases-page .social-case-feature-card{
  border-color:rgba(168,184,192,.54)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.social-cases-page .social-case-feature-card:hover{
  transform:translateY(-3px);
  border-color:rgba(120,145,143,.78)!important;
  box-shadow:0 20px 48px rgba(49,86,111,.12)!important;
}
.social-cases-page .social-case-status.live{
  background:rgba(120,145,143,.17)!important;
  color:#365f5c!important;
}
.social-cases-page .social-case-status.appeal{
  background:rgba(183,169,192,.22)!important;
  color:#695a73!important;
}
.social-cases-page .social-cases-art-direction{
  background:linear-gradient(180deg,rgba(168,184,192,.18),#eef1ef)!important;
}

/* 個別案件：正文以宣紙米白承接，傷害內容不使用粉紫大色塊。 */
.case-profile-page .case-profile-main-section{
  background:linear-gradient(180deg,#fffdf9 0%,var(--micro-paper) 100%)!important;
}
.case-profile-page .case-profile-toc-inner,
.case-profile-page .case-date-card,
.case-profile-page .case-connection-section{
  border-color:rgba(120,145,143,.40)!important;
}
.case-profile-page .case-date-card{
  background:rgba(244,238,230,.76)!important;
}
.case-profile-page .case-date-card span{
  color:#b87555!important;
}
.case-profile-page .case-judgment-card{
  border-color:rgba(168,184,192,.46)!important;
  border-top-color:var(--micro-indigo)!important;
  background:rgba(168,184,192,.13)!important;
}
.case-profile-page .case-judgment-card.coral{
  border-top-color:#b87555!important;
  background:#fffaf7!important;
}
.case-profile-page .case-emphasis-card,
.case-profile-page .case-fact-note{
  border-color:rgba(180,189,173,.72)!important;
  background:rgba(180,189,173,.13)!important;
}
.case-profile-page .case-disclaimer,
.case-profile-page .article-note{
  border-top:2px solid rgba(136,129,124,.45)!important;
}

/* 旁聽紀錄：丁香與霧玫瑰只用在卡片、標籤及返回狀態。 */
.record-list .record-card{
  border-top:3px solid rgba(183,169,192,.82)!important;
}
.hearing-detail-gold .article-cover{
  border:1px solid rgba(183,169,192,.66)!important;
  outline:1px solid rgba(179,147,95,.58);
  outline-offset:4px;
}
.hearing-detail-gold .hearing-hero{
  background:
    radial-gradient(circle at 82% 24%,rgba(120,145,143,.18),transparent 28%),
    linear-gradient(125deg,#102a3d,#31566f)!important;
}
.hearing-detail-gold .hearing-hero::before{
  background-image:radial-gradient(circle at 14px 14px,rgba(244,238,230,.09) 0 1px,transparent 1.4px)!important;
  opacity:.48!important;
}
.hearing-detail-gold .hearing-hero p{
  color:#e8ddd0!important;
}
.hearing-detail-gold .article-back{
  border-color:rgba(229,180,170,.72)!important;
  background:rgba(229,180,170,.22)!important;
  color:var(--micro-indigo)!important;
}
.hearing-detail-gold .article-chip{
  border-color:rgba(183,169,192,.56)!important;
  background:rgba(183,169,192,.16)!important;
}
.hearing-detail-gold .hearing-role.defense{
  background:rgba(183,169,192,.35)!important;
  color:#544764!important;
}
.hearing-detail-gold .hearing-role.prosecution{
  background:rgba(216,190,192,.50)!important;
  color:#744f57!important;
}
.hearing-detail-gold .hearing-role.court{
  background:rgba(120,145,143,.27)!important;
  color:#365b59!important;
}
.hearing-detail-gold .hearing-page-toc>a:nth-of-type(odd) span{
  background:rgba(183,169,192,.38)!important;
  color:#5b4d67!important;
}
.hearing-detail-gold .hearing-page-toc>a:nth-of-type(even) span{
  background:rgba(120,145,143,.28)!important;
  color:#365b59!important;
}
.hearing-detail-gold .article-note{
  border-color:rgba(136,129,124,.40)!important;
  background:rgba(136,129,124,.11)!important;
}

/* 法庭漫畫：鳳仙紫為集數識別，丁香只做細框與陰影。 */
.court-library-hero{
  box-shadow:inset 0 -3px 0 rgba(179,135,164,.46);
}
.episode-library-card,
.comic-intro-card,
.comic-page{
  border-color:rgba(183,169,192,.62)!important;
}
.episode-library-card:hover,
.comic-page:hover{
  box-shadow:0 18px 40px rgba(179,135,164,.15)!important;
}
.episode-number,
.comic-series-label,
.comic-page-label{
  background:var(--micro-impatiens)!important;
  color:#fffaf8!important;
}
.episode-library .read-btn,
.comic-reader-wrap .read-btn{
  background:var(--micro-indigo)!important;
  color:#fff!important;
}
.episode-library .source-btn,
.comic-reader-wrap .source-btn{
  border-color:rgba(120,145,143,.68)!important;
}

/* 活動與相簿：鼠尾草灰、肉粉只出現在日期、分類與照片細框。 */
.activity-list .activity-card{
  border-top:3px solid rgba(180,189,173,.92)!important;
}
.activity-card .meta,
.activity-card .datebox small,
.activity-article .eyebrow2{
  color:#667565!important;
}
.activity-card:hover .activity-card-copy{
  background:rgba(229,180,170,.09)!important;
}
.activity-article .tag-pill,
.activity-article .album-jump{
  border-color:rgba(120,145,143,.54)!important;
  background:rgba(229,180,170,.14)!important;
}
.album-index-card,
.album-photo-card{
  border-color:rgba(216,190,192,.64)!important;
}
.album-index-card:hover,
.album-photo-card:hover{
  box-shadow:0 18px 38px rgba(216,190,192,.18)!important;
}
.album-count,
.album-photo-card figcaption{
  color:var(--micro-smoke)!important;
}
.album-hero .art-eyebrow{
  color:#526966!important;
}
.lightbox{
  background:rgba(15,25,34,.94)!important;
}

/* 官方社群：保留平台原色與圖片，只以不同淡色細框辨識。 */
.social-page-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(179,135,164,.16),transparent 25%),
    radial-gradient(circle at 12% 75%,rgba(229,180,170,.14),transparent 28%),
    linear-gradient(125deg,#fffdf8,#fff6e7 57%,#f1e7d4)!important;
}
.social-platform-card#instagram{
  border-color:rgba(216,190,192,.82)!important;
}
.social-platform-card#threads{
  border-color:rgba(136,129,124,.54)!important;
}
.social-platform-card#facebook{
  border-color:rgba(168,184,192,.82)!important;
}
.social-platform-card:hover{
  box-shadow:0 18px 42px rgba(179,135,164,.12)!important;
}

/* 手機版：宣紙米白底、白卡片、靛藍按鈕與肉粉操作狀態。 */
@media(max-width:620px){
  html,
  body,
  main{
    background-color:var(--micro-paper)!important;
  }
  header{
    background:rgba(244,238,230,.97)!important;
    border-bottom-color:rgba(136,129,124,.25)!important;
  }
  body section:not([class*="hero"]):not(.about-future-section){
    background-color:var(--micro-paper);
  }
  body section:not([class*="hero"]):not(.about-future-section):nth-of-type(even){
    background-color:#f6efea;
  }
  :where(.record-card,.activity-card,.album-index-card,.album-photo-card,.episode-library-card,.case-record-card,.social-case-feature-card,.social-platform-card){
    background:#fff!important;
  }
  header .nav>nav>a[aria-current="page"],
  .social-case-nav.is-current .social-case-nav-toggle{
    background:rgba(229,180,170,.34)!important;
  }
  :where(.btn.art-primary,.read-btn,.home-news-primary){
    background:var(--micro-indigo)!important;
    color:#fff!important;
  }
  .hearing-back-top{
    border-color:rgba(49,86,111,.28)!important;
    background:var(--micro-flesh)!important;
    color:var(--micro-indigo)!important;
  }
  .premium-home-hero::before,
  .premium-home-hero::after,
  .social-cases-hero::after{
    opacity:.70;
  }
}
/* ===== Four-language typography, rhythm and switcher ===== */
:root{
  --site-font:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei","Noto Sans",Arial,sans-serif;
  --site-body-size:16px;
  --site-body-leading:1.75;
  --site-display-size:clamp(2.35rem,4.3vw,3.75rem);
}
html[lang="zh-Hant"]{
  --site-font:"Noto Sans TC","Noto Sans CJK TC","Source Han Sans TC","PingFang TC","Microsoft JhengHei","Noto Sans",Arial,sans-serif;
}
html[lang="zh-Hans"]{
  --site-font:"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Microsoft YaHei","Noto Sans",Arial,sans-serif;
}
html[lang="en"]{
  --site-font:"Noto Sans","Noto Sans TC","Noto Sans CJK TC",Arial,"Helvetica Neue",sans-serif;
  --site-display-size:clamp(2.25rem,3.8vw,3.15rem);
}
html[lang="ja"]{
  --site-font:"Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans",sans-serif;
  --site-display-size:clamp(2.2rem,3.9vw,3.3rem);
}

/* All four languages use the same Noto Sans visual family and standard weights. */
html[lang] body,
html[lang] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,span,strong,b,small,li,dt,dd,time,figcaption,blockquote,table,th,td,div,section,article,aside,nav){
  font-family:var(--site-font)!important;
}
html[lang] body *::before,
html[lang] body *::after{
  font-family:var(--site-font)!important;
}
html[lang] body{
  font-size:var(--site-body-size);
  line-height:var(--site-body-leading);
  font-weight:400;
  letter-spacing:0;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html[lang] :where(h1,h2,h3,h4,h5,h6){
  margin-block-start:0;
  text-wrap:balance;
  overflow-wrap:break-word;
}
html[lang] :where(h1,h2),
html[lang] :where(h1,h2) :where(strong,b,span){
  font-weight:800!important;
}
html[lang] :where(h3,h4,h5,h6),
html[lang] :where(h3,h4,h5,h6) :where(strong,b,span){
  font-weight:700!important;
}
html[lang] h1{line-height:1.16!important}
html[lang] h2{line-height:1.28!important}
html[lang] h3{line-height:1.38!important}
html[lang] :where(h4,h5,h6){line-height:1.45!important}
html[lang] :where(strong,b,button,.btn,.read-btn,.outline-btn,.source-btn,.article-back,.meta,.art-eyebrow,small){
  font-weight:700!important;
}
html[lang] :where(h1,h2) :where(strong,b,span){font-weight:800!important}
html[lang] :where(h3,h4,h5,h6) :where(strong,b,span){font-weight:700!important}
html[lang] :where(p,li,dt,dd,blockquote,figcaption,th,td){
  overflow-wrap:break-word;
}
html[lang="en"] :where(p,li,dt,dd,blockquote,figcaption,th,td){hyphens:auto}
html[lang="ja"] :where(p,li,dt,dd,blockquote,figcaption,th,td){line-break:strict;word-break:normal;overflow-wrap:break-word}
html[lang="ja"] :where(h1,h2,h3,h4,h5,h6,.btn,.read-btn,.outline-btn,.source-btn,.article-back,.social-case-menu-item,.social-case-menu-heading){
  line-break:strict;
  word-break:normal;
  overflow-wrap:anywhere;
}

/* Keep long English and Japanese display copy aligned with the Chinese layouts. */
html[lang] :where(.art-hero,.page-hero,.court-library-hero,.comic-reader-hero,.comic-episode-hero,.social-cases-hero,.hearing-hero,.case-profile-hero,.activity-cover) h1,
html[lang] .about-art-copy h1{
  font-size:var(--site-display-size)!important;
  line-height:1.16!important;
  letter-spacing:-.02em!important;
}
html[lang="ja"] :where(.art-hero,.page-hero,.court-library-hero,.comic-reader-hero,.comic-episode-hero,.social-cases-hero,.hearing-hero,.case-profile-hero,.activity-cover) h1,
html[lang="ja"] .about-art-copy h1{
  line-height:1.3!important;
  letter-spacing:.01em!important;
}
html[lang="en"] .premium-hero-copy h1 span,
html[lang="ja"] .premium-hero-copy h1 span{
  display:inline-block;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
html[lang="ja"] .premium-hero-copy h1 span{line-break:strict}
html[lang="en"] .home-news-focus-copy h3,
html[lang="ja"] .home-news-focus-copy h3{
  font-size:clamp(1.75rem,3vw,2.5rem)!important;
}
html[lang] .case-profile-hero-copy h1 span{
  display:block;
  margin-top:.45rem;
  font-size:clamp(1.15rem,2vw,1.7rem)!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  font-weight:700!important;
  text-wrap:pretty;
}

/* English copy is longer: adjust containers and wrapping without shrinking body text. */
html[lang="en"] :where(p,li,dt,dd,blockquote,figcaption){text-wrap:pretty}
html[lang="en"] .case-profile-kicker{line-height:1.55;letter-spacing:.04em}
html[lang="en"] :where(.case-story-section,.about-section-head,.related-head) h2{
  font-size:clamp(1.55rem,3vw,2.15rem)!important;
  line-height:1.32!important;
}
html[lang="en"] .activity-card-copy h3{
  font-size:clamp(1.25rem,2.2vw,1.7rem)!important;
}
html[lang="en"] .social-case-feature-copy h3{
  font-size:clamp(1.5rem,2.5vw,1.9rem)!important;
}
html[lang="en"] .hearing-sentence-grid h3{
  font-size:clamp(1.05rem,2vw,1.25rem)!important;
  line-height:1.45!important;
}
html[lang="en"] .social-case-nav-menu{width:min(760px,92vw)}
html[lang="en"] .social-case-menu-item b{line-height:1.4}
html[lang="en"] :where(.case-status-row span,.about-hashtags,.case-profile-toc a,.case-profile-toc strong,.case-emphasis-card strong){
  overflow-wrap:anywhere;
}
html[lang="en"] .visual-related-copy h3{
  font-size:clamp(1rem,1.7vw,1.125rem)!important;
  line-height:1.45!important;
}

/* Japanese needs more breathing room for mixed kanji, kana and Latin text. */
html[lang="ja"] .remember-kaikai-heading-row h2{
  font-size:clamp(1.75rem,3.2vw,2.35rem)!important;
  line-height:1.4!important;
}
html[lang="ja"] :where(.case-story-section,.about-section-head,.related-head,.about-closing-card) h2{
  font-size:clamp(1.55rem,3vw,2.15rem)!important;
  line-height:1.4!important;
}
html[lang="ja"] :where(.case-story-section,.about-timeline) h3{
  font-size:clamp(1.1rem,2.2vw,1.55rem)!important;
  line-height:1.5!important;
}
html[lang="ja"] .hearing-sentence-grid h3{
  font-size:clamp(1.05rem,2vw,1.25rem)!important;
  line-height:1.5!important;
}
html[lang="ja"] .social-case-nav-menu{width:min(720px,92vw)}
html[lang="ja"] .social-case-menu-item b{line-height:1.5}
html[lang="ja"] :where(.case-status-row span,.about-hashtags,.case-profile-toc a,.case-profile-toc strong,.case-emphasis-card strong){
  overflow-wrap:anywhere;
}

/* Navigation and action labels use stable sizes and non-synthetic weights. */
header .nav>nav>a,
.social-case-nav-toggle{
  font-family:var(--site-font)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:center;
}
html[lang="en"] header .nav>nav>a,
html[lang="en"] .social-case-nav-toggle{
  font-size:13px!important;
}
:where(a.btn,a.read-btn,a.outline-btn,a.source-btn,a.article-back,a.editorial-read-link,a.editorial-simple-link,a.premium-all-link,a.newest-case-link,a.campaign-strip-btn,.editorial-mini-actions a){
  height:auto!important;
  min-height:44px;
  max-width:100%;
  white-space:normal;
  text-align:center;
  line-height:1.4!important;
  overflow-wrap:anywhere;
}

/* Equal-height hero actions prevent English labels from producing uneven buttons. */
@media(min-width:761px){
  .premium-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    width:min(100%,650px);
  }
  .premium-hero-actions .btn{
    min-width:0!important;
    min-height:64px;
    padding:12px 14px!important;
  }
}

/* Compact language control with the same size and weight in every locale. */
.language-switcher{
  display:inline-grid;
  grid-template-columns:repeat(4,minmax(32px,auto));
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid rgba(201,168,93,.52);
  border-radius:999px;
  background:rgba(5,31,54,.62);
  white-space:nowrap;
  flex:0 0 auto;
  font-family:var(--site-font)!important;
}
.language-switcher a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:32px;
  min-height:32px;
  padding:7px 6px!important;
  border-radius:999px!important;
  color:#fff8e8!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.language-switcher a[aria-current="true"]{
  background:linear-gradient(135deg,#e7c979,#b88732)!important;
  color:#082b4b!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.language-switcher a:focus-visible{
  outline:2px solid #f3dc9c;
  outline-offset:2px;
}
html[lang="en"] .social-case-nav-menu,
html[lang="ja"] .social-case-nav-menu{line-height:1.5}
html[lang="en"] table,
html[lang="ja"] table{max-width:100%;table-layout:auto}

@media(min-width:1101px){
  html[lang] header .nav>nav>a,
  html[lang] .social-case-nav-toggle{white-space:nowrap!important}
  html[lang="en"] .brand-lockup small,
  html[lang="ja"] .brand-lockup small{display:none!important}
  html[lang="en"] .brand-lockup span{
    width:140px;
    font-size:13px!important;
    line-height:1.2!important;
  }
  html[lang="ja"] .brand-lockup span{
    width:128px;
    font-size:15px!important;
    line-height:1.2!important;
  }
  html[lang="en"] header .nav>nav>a::before,
  html[lang="ja"] header .nav>nav>a::before,
  html[lang="en"] .social-case-nav-toggle::before,
  html[lang="ja"] .social-case-nav-toggle::before{
    display:none!important;
  }
  html[lang="en"] header .nav>nav>a,
  html[lang="en"] .social-case-nav-toggle{
    min-height:46px!important;
    padding-inline:4px!important;
    gap:0!important;
    font-size:12px!important;
  }
  html[lang="ja"] header .nav>nav>a,
  html[lang="ja"] .social-case-nav-toggle{
    min-height:46px!important;
    padding-inline:5px!important;
    gap:0!important;
    font-size:12.5px!important;
  }
  html[lang="en"] .language-switcher,
  html[lang="ja"] .language-switcher{
    grid-template-columns:repeat(4,30px);
    gap:1px;
  }
  html[lang="en"] .language-switcher a,
  html[lang="ja"] .language-switcher a{
    min-width:30px;
    padding-inline:4px!important;
    font-size:12px!important;
  }
}

/* 2026-08-13 — 简体中文统一字形与笔画粗细（优先采用完整简体字库）。 */
html[lang="zh-Hans"]{
  --site-font:"Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC",Arial,sans-serif;
}
html[lang="zh-Hans"] body,
html[lang="zh-Hans"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,span,strong,b,small,li,dt,dd,time,figcaption,blockquote,table,th,td,div,section,article,aside,nav){
  font-family:var(--site-font)!important;
  font-synthesis:none!important;
  font-variant-east-asian:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html[lang="zh-Hans"] :where(strong,b,h1,h2,h3,h4,h5,h6){
  font-weight:700!important;
}

/* 2026-08-12 — 首頁品牌安全網格：圖文完全分欄，避免圖示遮住名稱。 */
header .nav > .home-brand-safe{
  position:relative!important;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:42px minmax(76px,92px)!important;
  align-items:center!important;
  column-gap:11px!important;
  flex:0 0 145px!important;
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
  overflow:visible!important;
}
header .nav > .home-brand-safe > img{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  transform:none!important;
  flex:none!important;
}
header .nav > .home-brand-safe > .zh-brand-title{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  display:flex!important;
  width:92px!important;
  min-width:92px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  white-space:normal!important;
  font-size:15px!important;
  line-height:1.08!important;
  letter-spacing:.015em!important;
}
header .nav > .home-brand-safe .brand-title-line{
  display:block!important;
  position:static!important;
  width:100%!important;
  white-space:nowrap!important;
}
header .nav > .home-brand-safe small{
  display:block!important;
  position:static!important;
  width:92px!important;
  margin-top:3px!important;
  font-size:7.5px!important;
  line-height:1.15!important;
  letter-spacing:.025em!important;
  white-space:normal!important;
}
@media(min-width:801px) and (max-width:1100px){
  header .nav > .home-brand-safe{
    grid-template-columns:40px minmax(0,92px)!important;
    flex-basis:143px!important;
    width:143px!important;
    min-width:143px!important;
    max-width:143px!important;
  }
  header .nav > .home-brand-safe > img{width:40px!important;height:40px!important;min-width:40px!important}
  header .nav > .home-brand-safe small{display:none!important}
}
@media(max-width:800px){
  header .nav > .home-brand-safe{
    grid-template-columns:38px minmax(0,88px)!important;
    column-gap:9px!important;
    flex-basis:135px!important;
    width:135px!important;
    min-width:135px!important;
    max-width:135px!important;
  }
  header .nav > .home-brand-safe > img{width:38px!important;height:38px!important;min-width:38px!important}
  header .nav > .home-brand-safe > .zh-brand-title{width:88px!important;min-width:88px!important;font-size:14px!important}
  header .nav > .home-brand-safe small{display:none!important}
}
@media(min-width:801px) and (max-width:1100px){
  header .nav,
  .art-header .nav{
    position:relative;
    width:min(calc(100% - 24px),1120px)!important;
    min-height:64px;
    gap:10px;
  }
  .brand,
  .brand-lockup{
    min-width:0;
    max-width:calc(100% - 58px);
  }
  .brand-lockup span{font-size:15px!important;line-height:1.2!important}
  .brand-lockup small{display:none!important}
  .mobile-menu-toggle{display:inline-flex;margin-left:auto}
  header .nav>nav,
  .art-header .nav>nav{
    display:none!important;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 1px);
    z-index:120;
    padding:10px 11px 13px!important;
    gap:4px!important;
    flex-direction:column;
    align-items:stretch;
    background:#fff;
    border:1px solid #dce6ef;
    border-top:0;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 38px rgba(8,29,58,.16);
  }
  header .nav.menu-open>nav,
  .art-header .nav.menu-open>nav{display:flex!important}
  header .nav nav>a,
  .art-header .nav nav>a,
  .social-case-nav-toggle{
    justify-content:flex-start!important;
    width:100%;
    min-height:46px!important;
    padding:8px 11px!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1.35!important;
    text-align:left;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .language-switcher{
    grid-template-columns:repeat(4,1fr);
    width:100%;
    margin:8px 0 0;
    border-radius:16px;
  }
  .language-switcher a{min-height:42px;font-size:14px!important}
  .site-search-label{display:inline}
  .site-search-btn{
    width:100%;
    min-height:46px;
    justify-content:flex-start;
    padding:0 14px;
  }
  .social-case-nav-menu{width:100%!important}
}
@media(max-width:800px){
  html[lang] body{font-size:16px;line-height:1.72}
  header .nav>nav>a,
  .social-case-nav-toggle{
    font-size:15px!important;
    line-height:1.35!important;
    text-align:left;
  }
  .language-switcher{
    grid-template-columns:repeat(4,1fr);
    width:100%;
    margin:8px 0 0;
    border-radius:16px;
  }
  .language-switcher a{
    min-height:42px;
    font-size:14px!important;
  }
  .premium-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:stretch;
  }
  .premium-hero-actions .btn{min-height:62px}
  html[lang="en"] .social-case-nav-menu{width:100%!important}
  html[lang="ja"] .social-case-nav-menu{width:100%!important}
  html[lang="en"] table,
  html[lang="ja"] table{
    width:100%;
    max-width:100%;
    table-layout:fixed!important;
  }
  html[lang="en"] :where(th,td){overflow-wrap:anywhere;hyphens:auto}
  html[lang="ja"] :where(th,td){overflow-wrap:anywhere;line-break:strict}
}
@media(max-width:520px){
  :root{--site-display-size:clamp(2rem,10vw,2.75rem)}
  html[lang="en"]{--site-display-size:clamp(1.9rem,8.5vw,2.25rem)}
  html[lang="ja"]{--site-display-size:clamp(1.9rem,8.5vw,2.25rem)}
  .premium-hero-actions{grid-template-columns:1fr!important}
  .premium-hero-actions .premium-case-cta{grid-column:auto!important}
}
/* 2026-08-12 — Consistent typography and safe wrapping across desktop/mobile. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { font-kerning: normal; text-rendering: optimizeLegibility; }
:where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,a,button,small,strong,span) { overflow-wrap: break-word; }
:where(h1,h2,h3,h4,h5,h6) { text-wrap: balance; }
:where(p,li,dd,figcaption,blockquote) { text-wrap: pretty; }
:where(article,.article-body,.case-copy,.home-news-card-copy,.social-case-feature-copy) p { line-height: 1.8; }
html[lang="en"] :where(h1,h2,h3,h4,p,a,span,strong),
html[lang="ja"] :where(h1,h2,h3,h4,p,a,span,strong) { overflow-wrap: anywhere; }
img,video,iframe,table { max-width: 100%; }
@media (max-width:800px) {
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  :where(h1,h2,h3,h4,h5,h6,p,li,a,button,small,strong,span) { max-width: 100%; }
  :where(article,.article-body,.case-copy,.home-news-card-copy,.social-case-feature-copy) p { line-height: 1.84; }
  header .nav > nav a, header .nav > nav button { line-height: 1.45; }
}

/* 2026-08-12 — Final about-page palette layer: warm Chinese traditional colors. */
.about-page{
  --about-paper:#f7f0e6;--about-rose:#e6b8a8;--about-apricot:#dfa77e;
  --about-lilac:#d9c2c7;--about-sage:#a8ada1;--about-gold:#d6b66c;
  --about-ink:#2e4652;--about-coral:#a96458;
  background:#f7f0e6;
}
.about-page .about-art-hero{
  background:radial-gradient(circle at 78% 22%,rgba(230,184,168,.34),transparent 27%),radial-gradient(circle at 12% 82%,rgba(217,194,199,.25),transparent 25%),linear-gradient(135deg,#fffaf3 0%,#f7f0e6 52%,#f1e3d5 100%)!important;
  border-bottom:1px solid rgba(214,182,108,.45);
}
.about-page .about-art-hero:before{background-image:radial-gradient(circle at 13px 13px,rgba(169,100,88,.15) 0 1.4px,transparent 1.7px);opacity:.30}
.about-page .about-art-kicker{color:#a96458!important}
.about-page .about-pill{background:rgba(255,250,243,.90)!important;border-color:rgba(214,182,108,.72)!important;color:#8b6630!important}
.about-page .about-art-copy h1{color:#2e4652!important}.about-page .about-art-copy h1 em{color:#a96458!important}
.about-page .about-art-copy>p{color:#596967!important}
.about-page .about-hero-tags span{background:rgba(255,250,243,.80)!important;border-color:rgba(230,184,168,.72)!important;color:#6b5a55!important}
.about-page .about-hero-tags span:nth-child(2n){border-color:rgba(168,173,161,.75)!important}.about-page .about-hero-tags span:nth-child(3n){border-color:rgba(217,194,199,.86)!important}
.about-page .about-visual-ring{border-color:rgba(214,182,108,.72)!important;box-shadow:0 0 0 22px rgba(230,184,168,.18)!important}
.about-page .about-main-art{border-color:rgba(255,250,243,.94)!important}.about-page .about-mini-art{border-color:#fff7ec!important}
.about-page .about-stats-section,.about-page .about-charity-section{background:#fffaf3!important}.about-page .about-records-section{background:linear-gradient(180deg,#fffaf3,#f6ebe3)!important}
.about-page .about-section-head small{color:#a06b54!important}.about-page .about-section-head h2{color:#2e4652!important}.about-page .about-section-head>p{color:#716b63!important}
.about-page .about-stat{border-color:rgba(214,182,108,.42)!important;background:linear-gradient(145deg,#fffdf8,#fbf0e8)!important}.about-page .about-stat:nth-child(2){background:linear-gradient(145deg,#fffdf8,#f3e9ee)!important}.about-page .about-stat:nth-child(3){background:linear-gradient(145deg,#fffdf8,#edf1e9)!important}.about-page .about-stat:nth-child(4){background:linear-gradient(145deg,#fffdf8,#f8eddb)!important}
.about-page .about-stat strong{color:#2e4652!important}.about-page .about-stat p{color:#70685f!important}.about-page .about-stat.navy{color:#2e4652!important}.about-page .about-stat.coral{color:#a96458!important}.about-page .about-stat.gold{color:#b38a3e!important}.about-page .about-stat.teal{color:#718e82!important}
.about-page .about-timeline-section{background:linear-gradient(90deg,rgba(230,184,168,.14),transparent 28%,transparent 72%,rgba(168,173,161,.14)),linear-gradient(180deg,#f8eee5,#f2e8df)!important}
.about-page .about-timeline:before{background:linear-gradient(#dfa77e,#a8ada1)!important}.about-page .about-timeline time{color:#a06b54!important}.about-page .about-timeline article>div:last-child{background:rgba(255,252,247,.82)!important;border-color:rgba(214,182,108,.42)!important}.about-page .about-timeline h3{color:#2e4652!important}.about-page .about-timeline p{color:#70685f!important}.about-page .about-timeline article:nth-child(odd) .timeline-dot{background:#e6b8a8!important}.about-page .about-timeline article:nth-child(even) .timeline-dot{background:#a8ada1!important}.about-page .about-timeline article.highlight>div:last-child{background:linear-gradient(135deg,#7b514c,#a96458)!important}
.about-page .about-street-section{background:#f5ebe1!important}.about-page .about-future-section{background:radial-gradient(circle at 12% 18%,rgba(230,184,168,.24),transparent 25%),linear-gradient(135deg,#2e4652,#526b6d 58%,#7b514c)!important}.about-page .about-future-copy .about-art-kicker{color:#f0d59a!important}.about-page .future-list li{background:rgba(255,244,226,.12)!important;border:1px solid rgba(255,226,202,.18)}.about-page .future-list li:before{color:#e6b8a8!important}
.about-page .about-closing-section{background:linear-gradient(180deg,#fff7ed,#f3e5de)!important}.about-page .about-closing-card{background:rgba(255,252,247,.94)!important;border-color:rgba(214,182,108,.62)!important}.about-page .about-closing-card small{color:#a06b54!important}.about-page .about-closing-card h2{color:#2e4652!important}.about-page .about-closing-card blockquote{border-left-color:#a96458!important;background:#f8e9e1!important;color:#6c4d48!important}.about-page .about-hashtags{color:#718e82!important}
@media(max-width:620px){
  .about-page{background:#f1e8df!important}.about-page .about-art-hero{background:linear-gradient(180deg,#fff8ef,#f1e3d9)!important}.about-page .about-stats-section,.about-page .about-records-section,.about-page .about-charity-section{background:#fff7ef!important}.about-page .about-timeline-section{background:linear-gradient(180deg,#f5eae2,#efe3db)!important}.about-page .about-street-section{background:#f2e5dd!important}.about-page .about-closing-card{box-shadow:0 12px 30px rgba(111,78,65,.10)!important}
}

/* 2026-08-12 — 首頁品牌英文副標改為緊湊雙行，避免擠壓桌面導覽。 */
@media(min-width:1101px){
  html[lang="zh-Hant"] .brand-lockup .zh-brand-title,
  html[lang="zh-Hans"] .brand-lockup .zh-brand-title{
    width:98px;
    flex:0 0 98px;
    white-space:nowrap!important;
    font-size:15.5px!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
  }
  html[lang="zh-Hant"] .zh-brand-title small,
  html[lang="zh-Hans"] .zh-brand-title small{
    display:block!important;
    width:98px;
    margin-top:3px;
    white-space:normal!important;
    font-size:8px!important;
    line-height:1.18!important;
    letter-spacing:.045em!important;
    text-align:left;
  }
}
/* 2026-08-14 — 土城兩歲男童案：完整網站開頭導覽動畫 */
body.tucheng-intro-active{overflow:hidden}
.case-intro-cinematic-card{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);background:linear-gradient(135deg,#fffdf8,#f4eadb)}
.tucheng-intro-replay{margin-top:18px;border:0;cursor:pointer}
.tucheng-intro-preview{position:relative;overflow:hidden;margin:0;border-radius:20px;background:#071b2c;box-shadow:0 15px 35px rgba(4,24,39,.2)}
.tucheng-intro-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.72) contrast(.96)}
.tucheng-intro-preview figcaption{position:absolute;inset:auto 0 0;padding:34px 20px 15px;background:linear-gradient(transparent,rgba(3,17,28,.9));color:#f6e8ca;font-size:12px;line-height:1.55}
.tucheng-intro[hidden]{display:none}
.tucheng-intro{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;overflow:hidden;background:#061522;color:#fff;opacity:0;transition:opacity .42s ease}
.tucheng-intro.is-playing{opacity:1}
.tucheng-intro-bg{position:absolute;inset:-4%;background:url('art/tucheng-two-year-old-case-poster.jpg') center/cover no-repeat;filter:brightness(.28) saturate(.62);transform:scale(1.08);transition:transform 12s cubic-bezier(.2,.7,.2,1),filter 8s ease}
.tucheng-intro.is-playing .tucheng-intro-bg{transform:scale(1);filter:brightness(.38) saturate(.72)}
.tucheng-intro-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 10%,rgba(2,12,20,.3) 48%,rgba(2,10,17,.88) 100%),linear-gradient(90deg,rgba(4,16,26,.55),transparent 42%,rgba(4,16,26,.55))}
.tucheng-intro-skip{position:absolute;z-index:4;right:clamp(18px,4vw,52px);top:clamp(18px,4vw,42px);padding:9px 15px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(4,20,32,.54);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.tucheng-intro-story{position:relative;z-index:3;width:min(900px,88vw);min-height:460px;display:grid;place-items:center;text-align:center}
.tucheng-intro-line,.tucheng-intro-title{position:absolute;width:100%;margin:0;opacity:0;transform:translateY(18px);font-family:"Noto Serif TC","Noto Serif CJK TC",serif;text-shadow:0 3px 24px rgba(0,0,0,.8)}
.tucheng-intro-line{font-size:clamp(21px,3vw,38px);line-height:1.75;letter-spacing:.04em}
.tucheng-intro.is-playing .line-1{animation:tuchengLine 2.7s .35s both}
.tucheng-intro.is-playing .line-2{animation:tuchengLine 3.2s 2.75s both}
.tucheng-intro.is-playing .line-3{animation:tuchengLine 2.8s 5.75s both}
.tucheng-intro-title small{display:block;margin-bottom:12px;color:#d6aa51;font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.22em}

/* 2026-08-14 — Inner Mongolia Tian Tian feature cards and shared copy rhythm. */
.is-tian-tian .home-news-card-media,
.home-case-reel-card.is-tian-tian .home-case-reel-media{
  background:#332f2a;
}
.is-tian-tian .home-news-card-media img,
.home-case-reel-card.is-tian-tian .home-case-reel-media img{
  object-position:center 58%;
  filter:saturate(.82) contrast(1.03);
}
.is-tian-tian .home-news-card-media::after,
.home-case-reel-card.is-tian-tian .home-case-reel-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(28,27,25,.42),transparent 48%,rgba(191,151,78,.08));
}
.is-tian-tian .home-news-card-copy strong,
.home-progress-card.is-tian-tian strong,
.home-case-reel-card.is-tian-tian .home-case-reel-copy strong{
  text-wrap:balance;
}
.is-tian-tian .home-news-card-copy p,
.home-progress-card.is-tian-tian p,
.home-case-reel-card.is-tian-tian .home-case-reel-copy > span{
  color:#6d665e;
  text-wrap:pretty;
}
html[lang="en"] .is-tian-tian .home-news-card-copy strong,
html[lang="en"] .home-progress-card.is-tian-tian strong,
html[lang="en"] .home-case-reel-card.is-tian-tian .home-case-reel-copy strong{
  font-size:1rem!important;
  line-height:1.48!important;
}
html[lang="ja"] .is-tian-tian .home-news-card-copy strong,
html[lang="ja"] .home-progress-card.is-tian-tian strong,
html[lang="ja"] .home-case-reel-card.is-tian-tian .home-case-reel-copy strong{
  font-size:1.02rem!important;
  line-height:1.62!important;
}
@media(max-width:560px){
  .is-tian-tian .home-news-card-copy,
  .home-case-reel-card.is-tian-tian .home-case-reel-copy{padding-inline:15px}
}
.tucheng-intro-title h2{margin:0;color:#fff7e7;font-size:clamp(38px,6vw,74px);line-height:1.25}
.tucheng-intro-title h2 span{color:#e0b864}
.tucheng-intro-title p{margin:18px auto 25px;max-width:640px;color:#d6dce0;font-size:clamp(14px,1.7vw,18px);line-height:1.75}
.tucheng-intro-title .btn{border:0;cursor:pointer}
.tucheng-intro.is-playing .tucheng-intro-title{animation:tuchengTitle 1.3s 8.3s both}
.tucheng-intro-milk{position:absolute;z-index:2;left:50%;bottom:8%;display:flex;gap:18px;opacity:.38;transform:translateX(-50%)}
.tucheng-intro-milk i{position:relative;width:22px;height:64px;border:1px solid rgba(248,232,196,.5);border-radius:7px 7px 10px 10px;background:linear-gradient(to top,rgba(245,232,202,.7) 56%,rgba(255,255,255,.08) 57%);box-shadow:0 0 30px rgba(227,186,96,.16)}
.tucheng-intro-milk i:before{content:"";position:absolute;left:5px;top:-10px;width:10px;height:12px;border:1px solid rgba(248,232,196,.45);border-radius:3px 3px 0 0}
@keyframes tuchengLine{0%{opacity:0;transform:translateY(18px)}18%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
@keyframes tuchengTitle{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:820px){.case-intro-cinematic-card{grid-template-columns:1fr}.tucheng-intro-story{min-height:520px}.tucheng-intro-line{font-size:clamp(19px,5.2vw,29px)}.tucheng-intro-title h2{font-size:clamp(34px,10vw,52px)}}
@media(prefers-reduced-motion:reduce){.tucheng-intro-bg{transition:none;transform:none}.tucheng-intro-line{display:none}.tucheng-intro.is-playing .tucheng-intro-title{animation:none;opacity:1;transform:none}}
/* Preserve the homepage nested-menu second-click collapse behavior. */
.social-case-tier.is-click-collapsed .social-case-tier-children{display:none!important}
.historical-case-nav .social-case-menu-column.is-click-collapsed .historical-region-list,.historical-case-nav .social-case-menu-column.is-click-collapsed .historical-region-note{display:none!important}

/* 2026-08-14 — Xuanxuan observational-documentary cards and four-language rhythm. */
.is-xuanxuan .home-news-card-media,
.home-case-reel-card.is-xuanxuan .home-case-reel-media{
  background:#1a2b33;
}
.is-xuanxuan .home-news-card-media img,
.home-case-reel-card.is-xuanxuan .home-case-reel-media img{
  object-position:center 52%;
  filter:saturate(.78) contrast(1.04) brightness(.94);
}
.is-xuanxuan .home-news-card-media::after,
.home-case-reel-card.is-xuanxuan .home-case-reel-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(17,35,43,.46),transparent 48%,rgba(198,161,91,.1));
}
.is-xuanxuan .home-news-card-copy strong,
.home-progress-card.is-xuanxuan strong,
.home-case-reel-card.is-xuanxuan .home-case-reel-copy strong,
.xuanxuan-directory-card h3{
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.is-xuanxuan .home-news-card-copy p,
.home-progress-card.is-xuanxuan p,
.home-case-reel-card.is-xuanxuan .home-case-reel-copy > span{
  color:#686662;
  text-wrap:pretty;
}
html[lang="en"] .is-xuanxuan .home-news-card-copy strong,
html[lang="en"] .home-progress-card.is-xuanxuan strong,
html[lang="en"] .home-case-reel-card.is-xuanxuan .home-case-reel-copy strong,
html[lang="en"] .xuanxuan-directory-card h3{
  font-size:clamp(.98rem,1.45vw,1.14rem)!important;
  line-height:1.5!important;
  hyphens:auto;
}
html[lang="ja"] .is-xuanxuan .home-news-card-copy strong,
html[lang="ja"] .home-progress-card.is-xuanxuan strong,
html[lang="ja"] .home-case-reel-card.is-xuanxuan .home-case-reel-copy strong,
html[lang="ja"] .xuanxuan-directory-card h3{
  font-size:clamp(.98rem,1.45vw,1.12rem)!important;
  line-height:1.68!important;
  line-break:strict;
  word-break:normal;
}
html[lang="zh-Hans"] .is-xuanxuan,
html[lang="zh-Hans"] .xuanxuan-directory-card{
  font-family:"Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;
  font-synthesis:none;
}
@media(max-width:560px){
  .is-xuanxuan .home-news-card-copy,
  .home-case-reel-card.is-xuanxuan .home-case-reel-copy{padding-inline:15px}
  html[lang="en"] .home-progress-card.is-xuanxuan strong,
  html[lang="ja"] .home-progress-card.is-xuanxuan strong{font-size:.98rem!important}
}

/* 2026-08-16 — Wang Hao: traditional-colour case cards and four-language rhythm. */
.is-wanghao .home-news-card-media,
.home-case-reel-card.is-wanghao .home-case-reel-media{
  background:#252d35;
}
.is-wanghao .home-news-card-media img,
.home-case-reel-card.is-wanghao .home-case-reel-media img{
  object-position:center 50%;
  filter:saturate(.82) contrast(1.03) brightness(.94);
}
.is-wanghao .home-news-card-media::after,
.home-case-reel-card.is-wanghao .home-case-reel-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(37,45,53,.44),transparent 50%,rgba(216,188,116,.12));
}
.is-wanghao .home-news-card-copy strong,
.home-progress-card.is-wanghao strong,
.home-case-reel-card.is-wanghao .home-case-reel-copy strong,
.wanghao-directory-card h3{
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.is-wanghao .home-news-card-copy p,
.home-progress-card.is-wanghao p,
.home-case-reel-card.is-wanghao .home-case-reel-copy > span{
  color:#686b68;
  line-height:1.72;
  text-wrap:pretty;
}
html[lang="en"] .is-wanghao .home-news-card-copy strong,
html[lang="en"] .home-progress-card.is-wanghao strong,
html[lang="en"] .home-case-reel-card.is-wanghao .home-case-reel-copy strong,
html[lang="en"] .wanghao-directory-card h3{
  font-size:clamp(.94rem,1.4vw,1.08rem)!important;
  line-height:1.52!important;
  hyphens:auto;
}
html[lang="ja"] .is-wanghao .home-news-card-copy strong,
html[lang="ja"] .home-progress-card.is-wanghao strong,
html[lang="ja"] .home-case-reel-card.is-wanghao .home-case-reel-copy strong,
html[lang="ja"] .wanghao-directory-card h3{
  font-size:clamp(.96rem,1.42vw,1.1rem)!important;
  line-height:1.7!important;
  line-break:strict;
  word-break:normal;
}
html[lang="zh-Hans"] .is-wanghao,
html[lang="zh-Hans"] .wanghao-directory-card{
  font-family:"Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC",sans-serif!important;
  font-synthesis:none;
}
@media(max-width:560px){
  .is-wanghao .home-news-card-copy,
  .home-case-reel-card.is-wanghao .home-case-reel-copy{padding-inline:15px}
  html[lang="en"] .home-progress-card.is-wanghao strong,
  html[lang="ja"] .home-progress-card.is-wanghao strong{font-size:.94rem!important}
  .home-progress-card.is-wanghao{min-height:196px}
}

/* 2026-08-16 — Little Fu historical-case cards: one title, one note and one
   counter rhythm across Traditional/Simplified Chinese, English and Japanese. */
.is-fu-xiaodi .home-news-card-media,
.home-case-reel-card.is-fu-xiaodi .home-case-reel-media{
  background:linear-gradient(145deg,#182c3a,#344c59);
}
.is-fu-xiaodi .home-news-card-media img,
.home-case-reel-card.is-fu-xiaodi .home-case-reel-media img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.8) contrast(1.04) brightness(.94);
}
.is-fu-xiaodi .home-news-card-media::after,
.home-case-reel-card.is-fu-xiaodi .home-case-reel-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(16,35,47,.42),transparent 50%,rgba(213,181,117,.12));
}
.is-fu-xiaodi .home-news-card-copy strong,
.home-case-reel-card.is-fu-xiaodi .home-case-reel-copy strong{
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.is-fu-xiaodi .home-news-card-copy p,
.home-case-reel-card.is-fu-xiaodi .home-case-reel-copy > span{
  color:#626864;
  line-height:1.7;
  text-wrap:pretty;
}
.historical-region-children a[data-view-counter-key="historical-fu-junxiang-shared"] img{
  object-fit:cover;
  object-position:center;
  background:#203744;
}
html[lang="en"] .is-fu-xiaodi .home-news-card-copy strong,
html[lang="en"] .home-case-reel-card.is-fu-xiaodi .home-case-reel-copy strong{
  font-size:clamp(.92rem,1.36vw,1.06rem)!important;
  line-height:1.5!important;
  hyphens:auto;
}
html[lang="ja"] .is-fu-xiaodi .home-news-card-copy strong,
html[lang="ja"] .home-case-reel-card.is-fu-xiaodi .home-case-reel-copy strong{
  font-size:clamp(.95rem,1.4vw,1.08rem)!important;
  line-height:1.72!important;
  line-break:strict;
  word-break:normal;
}
html[lang="zh-Hans"] .is-fu-xiaodi,
html[lang="zh-Hans"] .historical-region-children a[data-view-counter-key="historical-fu-junxiang-shared"]{
  font-family:"Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC",sans-serif!important;
  font-synthesis:none;
}
@media(max-width:560px){
  .is-fu-xiaodi .home-news-card-copy,
  .home-case-reel-card.is-fu-xiaodi .home-case-reel-copy{padding-inline:15px}
  .is-fu-xiaodi .home-news-card-copy p,
  .home-case-reel-card.is-fu-xiaodi .home-case-reel-copy > span{font-size:.84rem;line-height:1.65}
}


/* 2026-08-19 — Homepage medium palette refinement: Chinese traditional × Morandi. */
.home-medium-palette{
  --home-paper:#f4eee7;
  --home-almond:#f2e3d5;
  --home-lotus:#d9b8bd;
  --home-flesh:#e7c2b7;
  --home-crab:#aab9b2;
  --home-dusty:#d7c0c2;
  --home-mist:#c8bec9;
  --home-blue:#aebcc2;
  --home-ink:#334e57;
  --home-copy:#625f5b;
  background:
    radial-gradient(circle at 10% 8%,rgba(231,194,183,.28),transparent 24rem),
    radial-gradient(circle at 88% 17%,rgba(200,190,201,.24),transparent 28rem),
    linear-gradient(180deg,#f4eee7 0%,#f2e8df 46%,#f4eee7 100%);
  color:var(--home-copy);
}
.home-medium-palette::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    radial-gradient(circle at 18% 24%,rgba(130,100,88,.14) 0 1px,transparent 1.4px),
    radial-gradient(circle at 72% 68%,rgba(255,255,255,.58) 0 1px,transparent 1.5px);
  background-size:31px 29px,37px 41px;
  mix-blend-mode:multiply;
}
.home-medium-palette .premium-home-hero{
  background:
    radial-gradient(circle at 14% 18%,rgba(231,194,183,.43),transparent 31%),
    radial-gradient(circle at 83% 24%,rgba(200,190,201,.34),transparent 32%),
    radial-gradient(circle at 50% 100%,rgba(170,185,178,.24),transparent 36%),
    linear-gradient(135deg,#f7f1e9 0%,#f2e3d5 52%,#d7c0c2 100%)!important;
  color:var(--home-ink);
}
.home-medium-palette .premium-home-hero h1,
.home-medium-palette .premium-home-hero h1 span,
.home-medium-palette .premium-home-hero .premium-hero-lead,
.home-medium-palette .premium-home-hero .premium-hero-note{color:var(--home-ink)!important}
.home-medium-palette .premium-kicker,
.home-medium-palette .premium-home-hero .art-eyebrow{color:#8b6268!important}
.home-medium-palette .premium-hero-bottomline{
  background:rgba(51,78,87,.92)!important;
  border-color:rgba(255,250,242,.24)!important;
}
.home-medium-palette .premium-art-card,
.home-medium-palette .home-view-counter{
  background:rgba(255,250,246,.78)!important;
  border-color:rgba(184,139,128,.26)!important;
  box-shadow:0 18px 42px rgba(82,67,66,.12)!important;
  backdrop-filter:blur(8px);
}
.home-medium-palette .home-protection-wall{
  background:
    radial-gradient(circle at 12% 34%,rgba(217,184,189,.38),transparent 34%),
    radial-gradient(circle at 86% 70%,rgba(170,185,178,.32),transparent 32%),
    linear-gradient(135deg,#f1e3db,#e8d7d8 52%,#dde4df)!important;
}
.home-medium-palette .home-protection-wall-card{
  background:rgba(255,250,246,.72)!important;
  border-color:rgba(169,124,113,.28)!important;
  box-shadow:0 20px 48px rgba(83,67,66,.12)!important;
}
.home-medium-palette .home-news-hub{
  background:
    radial-gradient(circle at 90% 8%,rgba(200,190,201,.20),transparent 27rem),
    linear-gradient(180deg,#f6f0e9,#efe5dc)!important;
}
.home-medium-palette .home-news-focus,
.home-medium-palette .home-news-card,
.home-medium-palette .home-progress-card,
.home-medium-palette .home-advocacy-grid>a{
  background:rgba(255,250,246,.80)!important;
  border-color:rgba(121,104,94,.16)!important;
  box-shadow:0 15px 34px rgba(69,65,62,.09)!important;
  backdrop-filter:blur(6px);
}
.home-medium-palette .home-news-tabs a{
  color:#4f6064;
  background:rgba(255,250,246,.74);
  border-color:rgba(98,95,91,.15);
}
.home-medium-palette .home-news-tabs a:nth-child(2){background:rgba(242,227,213,.88)}
.home-medium-palette .home-news-tabs a:nth-child(3){background:rgba(174,188,194,.60)}
.home-medium-palette .home-news-tabs a:nth-child(4){background:rgba(231,194,183,.68)}
.home-medium-palette .home-news-tabs a:nth-child(5){background:rgba(200,190,201,.68)}
.home-medium-palette .home-news-tabs a:nth-child(6){background:rgba(170,185,178,.68)}
.home-medium-palette .home-news-tabs a:hover,
.home-medium-palette .home-news-tabs a.is-active{
  background:var(--home-ink)!important;
  border-color:var(--home-ink)!important;
  color:#fffaf2!important;
}
.home-medium-palette :where(.remember-kaikai-section,.impact-section,.home-action-section,.home-belief-section,.volunteer-logo-section,.official-social-section){
  background-color:rgba(244,238,231,.88);
}
.home-medium-palette :where(.remember-kaikai-section,.home-action-section,.volunteer-logo-section){
  background-image:
    radial-gradient(circle at 8% 18%,rgba(217,184,189,.17),transparent 26rem),
    radial-gradient(circle at 92% 82%,rgba(170,185,178,.16),transparent 24rem);
}
.home-medium-palette :where(h1,h2,h3,.home-news-stream-head strong){color:var(--home-ink)}
.home-medium-palette :where(p,li,.home-news-card-copy){color:var(--home-copy)}
.home-medium-palette .btn.art-primary,
.home-medium-palette .premium-main-cta,
.home-medium-palette .home-protection-wall-cta{
  background:var(--home-ink)!important;
  color:#fffaf2!important;
  border-color:var(--home-ink)!important;
}
@media(max-width:800px){
  .home-medium-palette .premium-home-hero{
    background:
      radial-gradient(circle at 15% 12%,rgba(231,194,183,.40),transparent 32%),
      radial-gradient(circle at 88% 42%,rgba(200,190,201,.30),transparent 38%),
      linear-gradient(160deg,#f7f1e9,#f2e3d5 58%,#d9c8cb 100%)!important;
  }
  .home-medium-palette::before{opacity:.15}
  .home-medium-palette .home-news-focus,
  .home-medium-palette .home-news-card,
  .home-medium-palette .home-progress-card{backdrop-filter:none}
}


/* 2026-08-20 — Special Feature navigation: strict click-only shell, 3 desktop columns */
header .special-feature-nav > .special-feature-nav-menu{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
header .special-feature-nav > .special-feature-nav-toggle[aria-expanded="true"] + .special-feature-nav-menu{
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(min-width:801px){
  header .special-feature-nav > .special-feature-nav-toggle[aria-expanded="true"] + .special-feature-nav-menu{
    display:grid!important;
    width:min(1080px,94vw)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start;
  }
  header .special-feature-nav .special-feature-case-group{
    height:auto;
    align-self:start;
  }
}
@media(max-width:800px){
  header .special-feature-nav > .special-feature-nav-toggle[aria-expanded="true"] + .special-feature-nav-menu{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  header .special-feature-nav .special-feature-case-children,
  header .special-feature-nav .special-feature-prologue-children{
    display:none!important;
  }
  header .special-feature-nav .special-feature-case-group.is-expanded > .special-feature-case-children{
    display:grid!important;
  }
  header .special-feature-nav .special-feature-prologue-group.is-expanded > .special-feature-prologue-children{
    display:grid!important;
  }
}


/* 2026-08-20 — Premium coastal paper-cut header toolbar */
.art-header{
  --toolbar-ink:#173f52;
  --toolbar-sea:#8fc8cf;
  --toolbar-foam:#fffaf2;
  position:sticky!important;
  top:0;
  z-index:1000!important;
  isolation:isolate;
  border-bottom:1px solid rgba(106,157,164,.28)!important;
  background:
    radial-gradient(circle at 12% -50%,rgba(255,219,184,.64),transparent 42%),
    radial-gradient(circle at 84% -80%,rgba(169,216,220,.68),transparent 44%),
    linear-gradient(180deg,rgba(255,252,245,.96),rgba(247,244,235,.91))!important;
  box-shadow:0 10px 32px rgba(27,68,78,.09)!important;
  backdrop-filter:blur(18px) saturate(1.12);
  transition:box-shadow .35s ease,background .35s ease;
}
.art-header::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;right:0;bottom:-9px;
  height:12px;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(18px 8px at 18px 0,transparent 17px,var(--toolbar-foam) 18px,transparent 19px) 0 0/36px 12px repeat-x;
  filter:drop-shadow(0 3px 2px rgba(49,103,111,.08));
}
.art-header.is-toolbar-compact{
  box-shadow:0 12px 30px rgba(23,63,82,.14)!important;
  background:rgba(255,252,246,.94)!important;
}
.art-header .container.nav{
  width:min(calc(100% - 32px),1210px)!important;
  box-sizing:border-box!important;
  height:82px!important;
  min-height:82px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  gap:12px!important;
  transition:min-height .32s ease,padding .32s ease;
}
.art-header.is-toolbar-compact .container.nav{height:68px!important;min-height:68px!important;padding-top:3px!important;padding-bottom:3px!important}
.art-header .brand-lockup{
  position:relative;
  border-radius:18px;
  padding:7px 9px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(248,234,214,.58));
  border:1px solid rgba(211,178,123,.28);
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(65,87,83,.07);
}
.art-header .brand-lockup::after{
  content:"";
  position:absolute;
  right:7px;bottom:5px;
  width:22px;height:7px;
  border-radius:50%;
  border-top:2px solid rgba(93,169,178,.42);
  transform:rotate(-8deg);
}
.art-header .site-qr-trigger{
  border-color:rgba(108,166,173,.34)!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 6px 15px rgba(41,89,99,.07)!important;
}
.art-header .site-qr-trigger:hover{border-color:#d8ae67!important;background:#fff8e9!important}
.art-header nav{gap:3px!important}
.art-header nav>a,
.art-header .social-case-nav-toggle,
.art-header .pwa-nav-install,
.art-header .language-switcher{
  border-radius:14px!important;
}
.art-header nav>a,
.art-header .social-case-nav-toggle{
  color:var(--toolbar-ink)!important;
  border:1px solid transparent;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.art-header nav>a:hover,
.art-header .social-case-nav-toggle:hover,
.art-header .social-case-nav.is-open>.social-case-nav-toggle{
  transform:translateY(-2px);
  background:rgba(255,248,234,.92)!important;
  border-color:rgba(210,176,111,.32)!important;
  box-shadow:0 7px 16px rgba(59,85,77,.08)!important;
}
.art-header nav>a[aria-current="page"]{
  background:linear-gradient(145deg,#fff4d8,#f8e2bc)!important;
  border-color:rgba(194,145,65,.32)!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(89,67,35,.08)!important;
}
.art-header .special-feature-nav-toggle{
  background:linear-gradient(145deg,#fff1cb,#f3d79d)!important;
  border-color:rgba(186,132,44,.34)!important;
}
.art-header nav>a[href*="activity-records"]{background-color:rgba(221,241,239,.48)!important}
.art-header nav>a[href*="/social/"]{background-color:rgba(247,224,231,.5)!important}
.art-header .language-switcher{
  padding:3px!important;
  background:rgba(232,243,241,.78)!important;
  border:1px solid rgba(94,151,159,.24);
}
.art-header .social-case-nav-menu{
  border-color:rgba(167,139,93,.28)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(181,222,223,.28),transparent 28%),
    linear-gradient(155deg,rgba(255,253,247,.99),rgba(248,240,227,.98))!important;
  box-shadow:0 26px 68px rgba(26,64,75,.2)!important;
}
@media(min-width:1101px){
  .art-header nav>a,.art-header .social-case-nav-toggle{min-height:47px!important;padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:1100px){
  .art-header .container.nav{height:70px!important;min-height:70px!important}
  .art-header .nav>nav{
    overflow-y:auto;
    max-height:calc(100vh - 82px);
    padding:14px!important;
    background:
      radial-gradient(circle at 12% 8%,rgba(255,220,190,.34),transparent 28%),
      radial-gradient(circle at 88% 92%,rgba(159,211,216,.32),transparent 34%),
      linear-gradient(170deg,#fffdf8,#f4ede2)!important;
    border-color:rgba(105,160,168,.3)!important;
    box-shadow:0 24px 52px rgba(23,63,82,.2)!important;
  }
  .art-header .nav>nav::after{
    content:"夏日海岸・守護同行";
    display:block;
    padding:13px 10px 6px;
    color:#79979a;
    text-align:center;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
  }
  .art-header .nav nav>a,
  .art-header .social-case-nav-toggle{
    min-height:48px!important;
    background:rgba(255,255,255,.58)!important;
    border:1px solid rgba(111,160,165,.15)!important;
  }
  .art-header .mobile-menu-toggle{
    border-color:rgba(93,154,162,.35)!important;
    background:linear-gradient(145deg,#fff9eb,#e6f2ef)!important;
    color:var(--toolbar-ink)!important;
    box-shadow:0 7px 18px rgba(37,84,94,.12)!important;
  }
}
@media(max-width:800px){
  .art-header .container.nav{width:min(calc(100% - 18px),1210px)!important;gap:7px!important}
  .art-header .site-qr-trigger{width:42px!important;min-width:42px!important;padding:4px!important}
  .art-header .site-qr-trigger img{width:30px!important;height:30px!important}
  .art-header .site-qr-trigger span{display:none!important}
  .art-header .pwa-mobile-header-install{border-color:rgba(203,151,79,.32)!important;background:#fff3d8!important}
  .art-header .brand-lockup{padding:5px 7px!important;border-radius:15px}
  .art-header::after{bottom:-8px;opacity:.58}
}
@media(prefers-reduced-motion:reduce){
  .art-header,.art-header *{transition:none!important;animation:none!important}
}


/* 2026-08-20 — Header language contrast and compact App button */
.art-header .language-switcher a{
  color:#173f52!important;
  opacity:1!important;
  font-weight:950!important;
  text-shadow:none!important;
}
.art-header .language-switcher a:hover,
.art-header .language-switcher a:focus-visible{
  color:#0b3042!important;
  background:#fff8e8!important;
}
.art-header .language-switcher a[aria-current="true"],
.art-header .language-switcher a.is-active{
  color:#19394a!important;
  background:#f1d79f!important;
  box-shadow:inset 0 0 0 1px rgba(158,111,39,.2);
}
.art-header nav > .pwa-nav-install{
  width:auto!important;
  min-width:0!important;
  max-width:112px!important;
  min-height:38px!important;
  height:38px!important;
  padding:6px 9px!important;
  gap:5px!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.art-header nav > .pwa-nav-install svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
@media(max-width:1100px){
  .art-header .pwa-mobile-header-install{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  .art-header .pwa-mobile-header-install svg{
    width:20px!important;
    height:20px!important;
  }
  .art-header .pwa-mobile-header-install .pwa-install-label{display:none!important}
}


/* 2026-08-20 — Cross-browser mobile background lock */
:root{color-scheme:only light}
html{
  min-height:100%;
  background-color:#f4eee7!important;
  color-scheme:only light;
}
@media(max-width:800px){
  html,
  body.art-site,
  body.home-medium-palette{
    min-height:100%;
    background-color:#f4eee7!important;
    background-image:linear-gradient(180deg,#f4eee7 0%,#f2e8df 48%,#f4eee7 100%)!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:100% 100%!important;
    background-attachment:scroll!important;
    color-scheme:only light;
  }
  body.home-medium-palette::before{
    mix-blend-mode:normal!important;
    opacity:.10!important;
  }
}
@media(max-width:800px) and (prefers-color-scheme:dark){
  html,
  body.art-site,
  body.home-medium-palette{
    background-color:#f4eee7!important;
    background-image:linear-gradient(180deg,#f4eee7 0%,#f2e8df 48%,#f4eee7 100%)!important;
    color:var(--home-copy,#625f5b)!important;
  }
}


/* 2026-08-20 multilingual visibility and viewport containment */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
.language-switcher{background:rgba(255,255,255,.94)!important;border-color:rgba(24,50,71,.32)!important;box-shadow:0 4px 14px rgba(20,45,65,.12)}
.language-switcher a{color:#243f55!important;font-weight:950!important;text-shadow:none!important}
.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher a[aria-current="true"]{color:#fff!important}
.home-case-reel,.home-case-reel-viewport,.home-crafted-grid,.home-crafted-section{max-width:100%;overflow-x:clip}
@media(max-width:760px){.language-switcher a{min-width:35px;min-height:35px;font-size:.8rem}}

/* Home activity record feature · 2026-08-20 */
.home-activity-records{position:relative;padding:clamp(34px,5vw,68px) 0;scroll-margin-top:92px}
.home-activity-records-standalone{overflow:hidden;background:radial-gradient(circle at 9% 14%,rgba(221,173,151,.24),transparent 30%),radial-gradient(circle at 91% 82%,rgba(108,143,145,.18),transparent 31%),linear-gradient(145deg,#f7eee6 0%,#eef2ec 48%,#eee6df 100%)}
.home-activity-records-standalone::before,.home-activity-records-standalone::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.home-activity-records-standalone::before{width:260px;height:260px;left:-120px;top:22%;background:rgba(255,255,255,.3);box-shadow:80px 20px 0 rgba(255,255,255,.16)}
.home-activity-records-standalone::after{width:220px;height:220px;right:-100px;bottom:-70px;background:rgba(198,153,133,.12)}
.home-activity-records .container,.home-activity-records>*{position:relative;z-index:1}
.home-activity-records-head{align-items:flex-end;margin-bottom:clamp(20px,3vw,32px)}
.home-activity-records-head .art-eyebrow{letter-spacing:.17em}
.home-activity-records-head h2,.home-activity-records-head h3{margin:.28rem 0 .42rem;color:#17394d;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.16}
.home-activity-records-head p{max-width:720px;color:#536b70;line-height:1.8}
.home-activity-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,48px);padding:clamp(18px,2.5vw,30px);border:1px solid rgba(74,94,91,.16);border-radius:32px;background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(244,237,229,.9));box-shadow:0 26px 70px rgba(43,57,55,.14),inset 0 1px 0 rgba(255,255,255,.86)}
.home-activity-collage{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(118px,.65fr);grid-template-rows:1fr 1fr;gap:10px;min-height:438px}
.home-activity-image{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#d8d6cc;box-shadow:0 10px 28px rgba(28,47,53,.14)}
.home-activity-image-main{grid-row:1/3}
.home-activity-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.home-activity-image:hover img,.home-activity-image:focus-visible img{transform:scale(1.035);filter:saturate(1.04)}
.home-activity-image>span{position:absolute;left:12px;bottom:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(20,47,58,.78);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em}
.home-activity-clay-date{position:absolute;right:-13px;top:-14px;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,248,233,.86);border-radius:50%;background:radial-gradient(circle at 34% 28%,#e8b49e,#bd715e 76%);color:#fff;box-shadow:0 11px 26px rgba(83,45,36,.24),inset 0 0 0 4px rgba(255,255,255,.1);transform:rotate(7deg);text-shadow:0 1px 1px rgba(72,35,29,.2)}
.home-activity-clay-date small{font-size:.56rem;letter-spacing:.16em}.home-activity-clay-date strong{font-size:1.55rem;line-height:1}.home-activity-clay-date span{font-size:.56rem;letter-spacing:.1em}
.home-activity-story{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(4px,1.5vw,12px)}
.home-activity-kicker{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px;color:#7a5b4c;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.home-activity-kicker time{padding:6px 10px;border-radius:999px;background:#e8c5b5;color:#603f34}
.home-activity-story h3{margin:0 0 16px;color:#17394d;font-size:clamp(1.55rem,2.5vw,2.3rem);line-height:1.24}
.home-activity-story p{margin:0 0 15px;color:#4a5f62;font-size:clamp(.96rem,1.25vw,1.05rem);line-height:1.86}
.home-activity-story .home-activity-lead{color:#293f44;font-weight:650}
.home-activity-story blockquote{position:relative;margin:2px 0 17px;padding:15px 17px 15px 20px;border-left:4px solid #c17b67;border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(218,171,150,.2),rgba(255,255,255,.18));color:#6d4439;font-size:clamp(1rem,1.35vw,1.12rem);font-weight:800;line-height:1.75}
.home-activity-tags{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 20px}.home-activity-tags span{padding:7px 10px;border:1px solid rgba(84,112,107,.18);border-radius:999px;background:#edf1ea;color:#42635f;font-size:.74rem;font-weight:750}
.home-activity-actions{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.home-activity-primary{background:#173f55;color:#fff!important;box-shadow:0 10px 24px rgba(23,63,85,.18)}
.home-activity-text-link{color:#755143;font-size:.86rem;font-weight:850;text-decoration:underline;text-decoration-color:rgba(117,81,67,.32);text-underline-offset:4px}
.home-news-card.is-activity-record .home-news-card-media>span,.home-news-card-media>span.is-activity{background:#a85f4d;color:#fff}
@media(max-width:900px){.home-activity-feature{grid-template-columns:1fr}.home-activity-collage{min-height:420px}.home-activity-story{padding:4px 2px 8px}}
@media(max-width:620px){.home-activity-records{padding:38px 0}.home-activity-records-head{align-items:flex-start}.home-activity-feature{padding:13px;border-radius:22px}.home-activity-collage{grid-template-columns:1fr 1fr;grid-template-rows:240px 122px;min-height:0}.home-activity-image-main{grid-column:1/3;grid-row:1}.home-activity-image-field{grid-row:2}.home-activity-image{border-radius:15px}.home-activity-clay-date{right:-5px;top:-9px;width:68px;height:68px}.home-activity-clay-date strong{font-size:1.28rem}.home-activity-story h3{font-size:1.5rem}.home-activity-actions{align-items:stretch;width:100%}.home-activity-actions .btn{width:100%;justify-content:center;text-align:center}.home-activity-text-link{padding:6px 2px}}
@media(prefers-reduced-motion:reduce){.home-activity-image img{transition:none}}



/* Kaikai story collection · pinned activity · 2026-08-20 */
.activity-card.is-pinned{position:relative;border-color:rgba(190,128,106,.42);background:linear-gradient(145deg,#fffdf9,#f7efea);box-shadow:0 18px 48px rgba(72,55,47,.14)}
.activity-card.is-pinned::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.74);border-radius:16px;pointer-events:none}
.story-collection-cover{padding:0;background:#e9e1d9}
.story-collection-cover>img{object-position:center 72%}
.activity-pin-label,.home-activity-pin{position:absolute;z-index:3;left:16px;top:16px;padding:7px 12px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(137,79,65,.9);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 18px rgba(83,49,41,.2)}
.home-activity-feature.is-story-campaign{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);background:linear-gradient(145deg,rgba(255,254,250,.97),rgba(239,238,231,.92))}
.home-story-campaign-visual{position:relative;display:block;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:23px;background:#eee4da;box-shadow:0 16px 42px rgba(41,52,52,.16)}
.home-story-campaign-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.home-story-campaign-visual:hover>img,.home-story-campaign-visual:focus-visible>img{transform:scale(1.025)}
.home-story-campaign-overlay{position:absolute;z-index:2;left:clamp(22px,3vw,42px);right:76px;top:clamp(76px,11vw,132px);display:flex;flex-direction:column;color:#294553;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.home-story-campaign-overlay small{margin-bottom:7px;color:#8b6257;font-size:.66rem;font-weight:900;letter-spacing:.16em}
.home-story-campaign-overlay strong{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.65rem,2.4vw,2.45rem);line-height:1.28;letter-spacing:.03em}
.home-story-campaign-visual .home-activity-clay-date{z-index:4;right:13px;top:14px}
.home-activity-previous{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center;margin-top:20px;padding:16px;border:1px solid rgba(82,104,101,.16);border-radius:24px;background:rgba(255,253,248,.7);box-shadow:0 14px 34px rgba(44,58,56,.08)}
.home-activity-previous-media{position:relative;display:block;overflow:hidden;border-radius:16px;min-height:145px;background:#e8e1d7}
.home-activity-previous-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-activity-previous-media span{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(23,57,70,.82);color:#fff;font-size:.7rem;font-weight:850}
.home-activity-previous h3{margin:3px 0 7px;color:#17394d;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.3}
.home-activity-previous p{margin:0 0 8px;color:#53666a;line-height:1.65}
.home-news-card.is-story-collection img,.home-document-disc-card.is-story-collection img{object-position:center 72%}
.story-collection-page{background:radial-gradient(circle at 12% 18%,rgba(223,183,165,.2),transparent 28%),radial-gradient(circle at 88% 76%,rgba(132,159,157,.16),transparent 30%),#f7f1ea}
.story-collection-shell{padding:38px 0 72px}
.story-collection-title{background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.18),transparent 26%),linear-gradient(135deg,#284757,#9b6253 64%,#d2a18e)}
.story-collection-title::after{background:rgba(255,240,221,.16)}
.story-collection-hero{max-width:780px;margin-left:auto;margin-right:auto;border-color:rgba(146,117,104,.2);box-shadow:0 24px 60px rgba(70,55,49,.16)}
.story-collection-body{max-width:820px;margin:0 auto}
.story-prompt-list{counter-reset:storyprompt;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px;padding:0;list-style:none}
.story-prompt-list li{counter-increment:storyprompt;position:relative;min-height:94px;padding:18px 17px 17px 54px;border:1px solid rgba(103,127,122,.18);border-radius:16px;background:linear-gradient(145deg,#fffdf8,#eef2ed);color:#30494e;font-weight:700;line-height:1.65}
.story-prompt-list li::before{content:counter(storyprompt);position:absolute;left:16px;top:17px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#c98c78;color:#fff;font-size:.78rem;font-weight:900}
.story-question{margin:34px 0;padding:25px 28px;border:1px solid rgba(176,119,99,.24);border-radius:20px;background:linear-gradient(135deg,rgba(227,188,169,.22),rgba(255,255,255,.72));color:#714b40;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:850;line-height:1.65;text-align:center}
.story-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:38px}
.story-date-grid article{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid rgba(91,119,115,.18);border-radius:18px;background:rgba(255,253,248,.9);box-shadow:0 10px 28px rgba(55,68,66,.07)}
.story-date-grid time{color:#9b5f50;font-size:.8rem;font-weight:900;letter-spacing:.06em}
.story-date-grid strong{margin:8px 0;color:#17394d;font-size:1.08rem}
.story-date-grid span{color:#5e6f71;font-size:.9rem;line-height:1.7}
.story-submit-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:44px 0;padding:26px;border:1px solid rgba(167,111,94,.25);border-radius:22px;background:linear-gradient(135deg,#f5ded2,#eef2ed);box-shadow:0 18px 42px rgba(68,57,52,.1)}
.story-submit-panel small{color:#8b5a4d;font-size:.72rem;font-weight:900;letter-spacing:.16em}
.story-submit-panel h2{margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.25rem)}
.story-submit-panel p{margin:0;color:#51676a}
.story-submit-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
.story-submit-actions a{margin:0;text-align:center}
.story-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}
.story-install-grid article{padding:18px 20px;border-radius:16px;background:#edf2ee;border:1px solid rgba(77,108,103,.15)}
.story-install-grid strong{color:#17394d}.story-install-grid p{margin:6px 0 0}
.story-safety-note{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:26px 0;padding:18px 20px;border-left:4px solid #bd775f;border-radius:0 14px 14px 0;background:#f8e9e2;color:#70493f}
.story-safety-note strong{white-space:nowrap}.story-safety-note p{margin:0}
.story-closing{margin-top:34px!important;color:#304b50!important;font-size:1.08rem;font-weight:750;line-height:1.85}
@media(max-width:900px){.home-activity-feature.is-story-campaign{grid-template-columns:1fr}.home-story-campaign-visual{min-height:620px}.story-date-grid{grid-template-columns:1fr}.story-submit-panel{grid-template-columns:1fr}.story-submit-actions{flex-direction:row;min-width:0}}
@media(max-width:620px){.home-story-campaign-visual{min-height:510px;border-radius:16px}.home-story-campaign-overlay{left:22px;right:62px;top:76px}.home-story-campaign-overlay strong{font-size:1.62rem}.home-activity-previous{grid-template-columns:1fr;gap:14px}.home-activity-previous-media{min-height:170px}.story-prompt-list,.story-install-grid{grid-template-columns:1fr}.story-submit-actions{flex-direction:column}.story-safety-note{grid-template-columns:1fr}.story-collection-shell{padding-top:24px}.activity-pin-label{left:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.home-story-campaign-visual>img{transition:none}}


/* Detailed rally feature restored · 2026-08-20 */
.home-activity-record-divider{display:grid;grid-template-columns:auto 1fr auto;gap:12px 18px;align-items:center;margin:clamp(30px,4vw,48px) 0 18px;padding:14px 18px;border-top:1px solid rgba(92,112,108,.22);border-bottom:1px solid rgba(92,112,108,.16);color:#536b6c}
.home-activity-record-divider span{color:#986353;font-size:.7rem;font-weight:900;letter-spacing:.14em}
.home-activity-record-divider strong{color:#17394d;font-size:clamp(1.02rem,2vw,1.32rem);line-height:1.35}
.home-activity-record-divider small{padding:5px 9px;border-radius:999px;background:#e9d7cd;color:#754f43;font-size:.7rem;font-weight:850;white-space:nowrap}
.home-activity-feature.is-rally-record{margin-top:0;background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(236,240,234,.92));box-shadow:0 22px 58px rgba(43,57,55,.12),inset 0 1px 0 rgba(255,255,255,.86)}
@media(max-width:700px){.home-activity-record-divider{grid-template-columns:1fr;gap:5px;padding:14px 4px}.home-activity-record-divider small{justify-self:start}.home-activity-feature.is-rally-record{margin-top:0}}

/* Home activity vertical record scroller · 2026-08-20 */
.home-activity-scroll-shell{position:relative;overflow:hidden;border:1px solid rgba(72,98,96,.2);border-radius:30px;background:linear-gradient(145deg,rgba(255,253,248,.82),rgba(235,240,235,.72));box-shadow:0 26px 70px rgba(43,57,55,.13),inset 0 1px 0 rgba(255,255,255,.88)}
.home-activity-scroll-shell::after{content:"";position:absolute;z-index:4;left:0;right:12px;bottom:5px;height:54px;pointer-events:none;background:linear-gradient(180deg,rgba(247,242,235,0),rgba(247,242,235,.93) 78%);opacity:1;transition:opacity .24s ease}
.home-activity-scroll-shell.is-at-end::after{opacity:0}
.home-activity-scroll-toolbar{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:12px 18px;border-bottom:1px solid rgba(77,104,101,.16);background:linear-gradient(90deg,rgba(255,250,243,.96),rgba(235,241,236,.96));box-shadow:0 8px 24px rgba(45,61,59,.07)}
.home-activity-scroll-label{display:flex;align-items:center;gap:11px;min-width:0;color:#294b52}.home-activity-scroll-label>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:#173f55;color:#fff;font-style:normal;font-size:1rem;box-shadow:0 7px 16px rgba(23,63,85,.18)}.home-activity-scroll-label>span{display:flex;min-width:0;flex-direction:column;gap:2px}.home-activity-scroll-label strong{font-size:.9rem;line-height:1.3}.home-activity-scroll-label small{color:#657678;font-size:.72rem;line-height:1.35}
.home-activity-scroll-controls{display:flex;flex:0 0 auto;gap:7px}.home-activity-scroll-controls button{width:38px;height:38px;padding:0;border:1px solid rgba(78,105,102,.22);border-radius:50%;background:#fffdf8;color:#31565c;font:900 1rem/1 system-ui;cursor:pointer;box-shadow:0 6px 14px rgba(45,60,58,.08);transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}.home-activity-scroll-controls button:hover,.home-activity-scroll-controls button:focus-visible{transform:translateY(-2px);background:#173f55;color:#fff;outline:none}.home-activity-scroll-controls button:disabled{cursor:default;opacity:.34;transform:none}
.home-activity-scroll{position:relative;z-index:2;height:clamp(560px,68vh,720px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-snap-type:y proximity;scroll-padding-block:18px;padding:clamp(16px,2.2vw,26px) clamp(14px,2.2vw,24px) 72px;outline:none;scrollbar-width:thin;scrollbar-color:#aa7665 rgba(255,255,255,.46)}
.home-activity-scroll:focus-visible{box-shadow:inset 0 0 0 3px rgba(49,100,119,.3)}
.home-activity-scroll::-webkit-scrollbar{width:11px}.home-activity-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.45)}.home-activity-scroll::-webkit-scrollbar-thumb{border:3px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(#c98d79,#779e97)}
.home-activity-scroll>.home-activity-feature,.home-activity-scroll>.home-activity-record-divider{scroll-snap-align:start;scroll-margin-top:18px}
.home-activity-scroll-progress{position:absolute;z-index:7;left:18px;right:18px;bottom:12px;height:4px;overflow:hidden;border-radius:999px;background:rgba(55,86,88,.12);pointer-events:none}.home-activity-scroll-progress>span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c77f68,#d3aa67 50%,#6c9993);transform:scaleX(0);transform-origin:0 50%;will-change:transform}
.home-activity-record-divider.is-current-record{margin-top:clamp(30px,4vw,46px);border-color:rgba(164,103,83,.24);background:linear-gradient(90deg,rgba(230,195,179,.22),rgba(255,255,255,.16))}.home-activity-record-divider.is-current-record small{background:#173f55;color:#fff}
.home-activity-feature.is-taipei-station-record{background:linear-gradient(145deg,rgba(255,252,247,.97),rgba(234,241,237,.94));box-shadow:0 24px 62px rgba(38,58,58,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.home-activity-feature.is-taipei-station-record .home-activity-image-main img{object-position:center 56%}.home-activity-feature.is-taipei-station-record .home-activity-image-field:last-of-type img{object-position:center 30%}
.home-activity-hearing-note{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;width:100%;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(165,105,84,.2);border-radius:13px;background:linear-gradient(90deg,#f4ddd2,#edf2ed);color:#536568;font-size:.8rem;line-height:1.5}.home-activity-hearing-note strong{color:#8b5648;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.home-activity-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:2px 0 16px}.home-activity-points>span{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;min-height:54px;padding:9px 10px;border:1px solid rgba(69,105,102,.16);border-radius:13px;background:rgba(238,243,237,.82);color:#36565a;line-height:1.35}.home-activity-points b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#749791;color:#fff;font-size:.64rem}.home-activity-points strong{font-size:.78rem}
.home-activity-signs{display:flex;flex-wrap:wrap;gap:7px;width:100%;margin:0 0 12px}.home-activity-signs>strong{display:flex;align-items:center;padding:7px 10px;color:#825243;font-size:.72rem;letter-spacing:.08em}.home-activity-signs>span{padding:7px 10px;border:1px solid rgba(164,91,72,.2);border-radius:999px;background:#f5e4dc;color:#70483e;font-size:.72rem;font-weight:800;line-height:1.35}
.home-activity-story .home-activity-legal-note{margin:-1px 0 15px;padding:10px 12px;border-left:3px solid #a96d5b;border-radius:0 10px 10px 0;background:rgba(255,255,255,.54);color:#6c6962;font-size:.75rem;line-height:1.62}
.has-home-gsap .home-activity-scroll-shell,.has-home-gsap .home-activity-scroll>.home-activity-feature,.has-home-gsap .home-activity-scroll>.home-activity-record-divider{will-change:transform,opacity}
@media(max-width:760px){.home-activity-scroll-shell{border-radius:23px}.home-activity-scroll-toolbar{min-height:64px;padding:10px 12px}.home-activity-scroll-label>i{width:31px;height:31px;flex-basis:31px}.home-activity-scroll-label small{display:none}.home-activity-scroll-controls button{width:36px;height:36px}.home-activity-scroll{height:clamp(500px,68svh,620px);padding:13px 11px 64px;scrollbar-gutter:auto}.home-activity-scroll-shell::after{right:0;height:48px}.home-activity-scroll-progress{left:12px;right:12px;bottom:9px}.home-activity-points{grid-template-columns:1fr}.home-activity-hearing-note{align-items:flex-start;flex-direction:column}.home-activity-signs>strong{width:100%;padding-left:2px}}
@media(max-width:380px){.home-activity-scroll-label strong{font-size:.8rem}.home-activity-scroll-controls button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.home-activity-scroll-shell::after,.home-activity-scroll-controls button{transition:none}.home-activity-scroll{scroll-behavior:auto}}

/* Desktop activity viewport expansion · 2026-08-20 */
@media(min-width:1024px){
  .home-activity-records .container{
    width:min(1460px,calc(100% - 36px));
  }
  .home-activity-scroll{
    height:clamp(680px,76vh,900px);
    padding:clamp(20px,2.2vw,30px) clamp(20px,2.6vw,34px) 78px;
  }
}

/* Activity records → impact + About sync · 2026-08-20 */
.activity-impact-panel{position:relative;margin-top:22px;padding:20px;border:1px solid rgba(55,84,88,.18);border-radius:24px;background:linear-gradient(135deg,rgba(255,253,247,.96),rgba(236,242,236,.9));box-shadow:0 16px 38px rgba(43,58,57,.08);isolation:isolate}
.activity-impact-panel::before{content:"";position:absolute;z-index:-1;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 9% 15%,rgba(202,126,102,.16),transparent 28%),radial-gradient(circle at 91% 82%,rgba(102,151,143,.16),transparent 31%);pointer-events:none}
.activity-impact-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) auto;align-items:end;gap:16px;margin-bottom:16px}
.activity-impact-head small{display:block;color:#9b6656;font-size:.65rem;font-weight:900;letter-spacing:.15em}
.activity-impact-head h2,.activity-impact-head h3{margin:4px 0 0;color:#17394d;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.25}
.activity-impact-head>p{margin:0;color:#657375;font-size:.82rem;line-height:1.65}
.activity-impact-controls{display:flex;gap:7px}
.activity-impact-controls button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(49,82,85,.2);border-radius:50%;background:#fffdf8;color:#31565c;font:900 1rem/1 system-ui;cursor:pointer;box-shadow:0 6px 14px rgba(45,60,58,.08);transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}
.activity-impact-controls button:hover,.activity-impact-controls button:focus-visible{transform:translateY(-2px);background:#173f55;color:#fff;outline:none}
.activity-impact-controls button:disabled{cursor:default;opacity:.34;transform:none}
.activity-impact-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;scrollbar-width:thin;scrollbar-color:#a87363 rgba(255,255,255,.5)}
.activity-impact-card{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 24px;gap:14px;min-width:0;min-height:174px;padding:12px;border:1px solid rgba(69,96,94,.17);border-radius:18px;background:rgba(255,255,255,.82);color:inherit;text-decoration:none;box-shadow:0 10px 24px rgba(40,55,54,.06);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.activity-impact-card:hover,.activity-impact-card:focus-visible{transform:translateY(-4px);border-color:rgba(156,96,78,.42);box-shadow:0 18px 34px rgba(40,55,54,.12);outline:none}
.activity-impact-media{position:relative;display:block;min-height:148px;overflow:hidden;border-radius:13px;background:#e7ddd1}
.activity-impact-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.activity-impact-card:hover .activity-impact-media img,.activity-impact-card:focus-visible .activity-impact-media img{transform:scale(1.035)}
.activity-impact-media i{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:999px;background:rgba(19,56,74,.88);color:#fff;font-size:.61rem;font-style:normal;font-weight:900;line-height:1.2;text-align:center;backdrop-filter:blur(7px)}
.activity-impact-card.is-online .activity-impact-media i{background:rgba(142,79,65,.9)}
.activity-impact-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:6px}
.activity-impact-copy time{color:#9b6656;font-size:.65rem;font-weight:900;letter-spacing:.04em}
.activity-impact-copy strong{color:#17394d;font-size:clamp(.98rem,1.7vw,1.18rem);line-height:1.35}
.activity-impact-copy em{display:-webkit-box;overflow:hidden;color:#657173;font-size:.76rem;font-style:normal;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.activity-impact-copy b{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.activity-impact-copy b span{padding:4px 7px;border-radius:999px;background:#eaf0eb;color:#4c6b69;font-size:.59rem;font-weight:900}
.activity-impact-card.is-online .activity-impact-copy b span{background:#f1e4df;color:#825649}
.activity-impact-arrow{align-self:center;color:#9a6556;font-size:1.1rem;font-weight:900}
.about-latest-activity-section{padding:0 0 72px;background:#fffaf3}
.about-latest-activity-section .activity-impact-panel{margin-top:0;background:linear-gradient(135deg,rgba(255,252,247,.97),rgba(241,232,225,.93))}
.about-page .street-action-featured.is-latest{border-color:rgba(169,100,88,.55)!important;background:linear-gradient(135deg,#f5dfd7,#fffaf3)!important;box-shadow:0 10px 24px rgba(111,78,65,.09)}
.about-page .street-action-featured.is-latest time{background:#a96458}
.has-activity-impact-gsap [data-activity-impact-card],.has-activity-impact-gsap [data-about-latest-card]{will-change:transform,opacity}
@media(min-width:901px){.activity-impact-controls{display:none}}
@media(max-width:900px){.activity-impact-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.activity-impact-head>p{grid-column:1/-1;grid-row:2}.activity-impact-controls{grid-column:2;grid-row:1}.activity-impact-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 9px}.activity-impact-card{flex:0 0 min(620px,88%);scroll-snap-align:start}.about-latest-activity-section{padding-bottom:54px}}
@media(max-width:620px){.activity-impact-panel{padding:14px;border-radius:20px}.activity-impact-head{gap:10px;margin-bottom:13px}.activity-impact-head h2,.activity-impact-head h3{font-size:1.3rem}.activity-impact-head>p{font-size:.75rem}.activity-impact-controls button{width:35px;height:35px}.activity-impact-card{grid-template-columns:100px minmax(0,1fr) 18px;gap:10px;flex-basis:92%;min-height:156px;padding:9px}.activity-impact-media{min-height:136px}.activity-impact-media i{left:5px;right:5px;bottom:5px;padding:5px 4px;font-size:.54rem}.activity-impact-copy{gap:4px}.activity-impact-copy strong{font-size:.91rem}.activity-impact-copy em{-webkit-line-clamp:3;font-size:.69rem}.activity-impact-copy b span{font-size:.53rem}.activity-impact-arrow{font-size:.95rem}.about-latest-activity-section{padding-bottom:42px}}
@media(max-width:390px){.activity-impact-card{grid-template-columns:88px minmax(0,1fr);flex-basis:95%}.activity-impact-arrow{display:none}.activity-impact-copy em{-webkit-line-clamp:2}}
@media(prefers-reduced-motion:reduce){.activity-impact-card,.activity-impact-media img,.activity-impact-controls button{transition:none}.activity-impact-track{scroll-behavior:auto}}
/* 2026-08-20 — Reciprocal Guardian Wall link in the shared top toolbar. */
header .nav>nav>a.guardian-wall-nav-link,
.art-header nav>a.guardian-wall-nav-link{
  border:1px solid rgba(174,111,101,.24)!important;
  color:#66483f!important;
  background:linear-gradient(145deg,rgba(248,226,219,.88),rgba(232,241,235,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 15px rgba(76,57,49,.08)!important;
  font-weight:900!important;
  text-decoration:none!important;
}
header .nav>nav>a.guardian-wall-nav-link::before,
.art-header nav>a.guardian-wall-nav-link::before{display:none!important;content:none!important}
.guardian-wall-nav-mark{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  color:#fff8ec;
  background:linear-gradient(145deg,#c77970,#9f5d58);
  box-shadow:0 4px 10px rgba(124,70,65,.2);
  font-size:17px;
  line-height:1;
}
.guardian-wall-nav-label{min-width:0;line-height:1.25;white-space:nowrap}
header .nav>nav>a.guardian-wall-nav-link:hover,
header .nav>nav>a.guardian-wall-nav-link:focus-visible{
  border-color:#bd7f70!important;
  background:linear-gradient(145deg,#f7ddd4,#e3efe8)!important;
  outline:2px solid rgba(185,119,105,.28);
  outline-offset:2px;
}

@media(min-width:1101px){
  header .nav>nav>a.guardian-wall-nav-link,
  .art-header nav>a.guardian-wall-nav-link{gap:5px!important;padding-inline:6px!important;font-size:12px!important}
}

/* Above the laptop breakpoint, keep the desktop toolbar compact and fully visible. */
@media(min-width:1441px){
  header .container.nav,
  .art-header .container.nav{width:min(calc(100% - 24px),1840px)!important;max-width:none!important;gap:7px!important}
  header .nav>.home-brand-safe{
    grid-template-columns:40px minmax(0,92px)!important;
    flex:0 0 143px!important;
    width:143px!important;
    min-width:143px!important;
    max-width:143px!important;
  }
  header .nav>.home-brand-safe>img{width:40px!important;height:40px!important;min-width:40px!important}
  header .nav>.home-brand-safe small{display:none!important}
  header .site-qr-trigger,
  .art-header .site-qr-trigger{width:44px!important;min-width:44px!important;flex-basis:44px!important}
  header .nav>nav,
  .art-header .nav>nav{flex:1 1 auto!important;min-width:0!important;width:auto!important;gap:1px!important;justify-content:flex-end!important}
  header .nav>nav>a:not(.guardian-wall-nav-link),
  .art-header nav>a:not(.guardian-wall-nav-link),
  header .social-case-nav-toggle,
  .art-header .social-case-nav-toggle{min-width:0!important;min-height:42px!important;padding:5px 6px!important;gap:2px!important;font-size:11px!important}
  header .nav>nav>a:not(.guardian-wall-nav-link)::before,
  .art-header nav>a:not(.guardian-wall-nav-link)::before,
  header .social-case-nav-toggle::before,
  .art-header .social-case-nav-toggle::before{display:none!important}
  header .nav>nav>.pwa-nav-install,
  .art-header nav>.pwa-nav-install{width:40px!important;min-width:40px!important;max-width:40px!important;padding:8px!important}
  header .nav>nav>.pwa-nav-install .pwa-install-label,
  .art-header nav>.pwa-nav-install .pwa-install-label{display:none!important}
  header .language-switcher,
  .art-header .language-switcher{grid-template-columns:repeat(4,27px)!important;width:114px!important;min-width:114px!important;gap:1px!important}
  header .language-switcher a,
  .art-header .language-switcher a{min-width:27px!important;padding-inline:3px!important;font-size:12px!important}
  header .site-search-btn,
  .art-header .site-search-btn{width:38px!important;min-width:38px!important;padding:0!important}
  .site-search-label{display:none!important}
}

@media(max-width:1100px){
  header .nav>nav>a.guardian-wall-nav-link,
  .art-header nav>a.guardian-wall-nav-link{width:100%;justify-content:flex-start!important;gap:11px!important;min-height:48px!important;padding:8px 11px!important;font-size:15px!important;white-space:normal!important}
  .guardian-wall-nav-mark{width:31px;height:31px;flex-basis:31px;font-size:19px}
  .guardian-wall-nav-label{white-space:normal}
}


/* 2026-08-20 — Keep the feature-rich toolbar clear on laptops and tablets. */
@media(max-width:1440px){
  .art-header .container.nav,header .container.nav{position:relative!important}
  .art-header .mobile-menu-toggle,header .mobile-menu-toggle{display:inline-flex!important;margin-left:auto!important}
  .art-header .nav>nav,header .nav>nav{display:none!important;position:absolute!important;z-index:1200!important;top:calc(100% + 1px)!important;right:0!important;left:auto!important;width:min(440px,calc(100vw - 24px))!important;max-height:calc(100dvh - 88px)!important;overflow-x:hidden!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:14px!important;border:1px solid rgba(105,160,168,.3)!important;border-radius:0 0 20px 20px!important;background:linear-gradient(170deg,#fffdf8,#f4ede2)!important;box-shadow:0 24px 52px rgba(23,63,82,.2)!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  .art-header .nav.menu-open>nav,header .nav.menu-open>nav{display:flex!important}
  .art-header .nav nav>a,header .nav nav>a,.art-header .social-case-nav-toggle,header .social-case-nav-toggle{display:flex!important;width:100%!important;min-height:48px!important;justify-content:flex-start!important;padding:9px 12px!important;font-size:15px!important;white-space:normal!important;background:rgba(255,255,255,.66)!important;border:1px solid rgba(111,160,165,.16)!important;border-radius:12px!important}
  .art-header .social-case-nav,header .nav>nav .social-case-nav{display:block!important;width:100%!important}
  .art-header .social-case-nav-toggle i,header .social-case-nav-toggle i{margin-left:auto!important}
  .art-header .social-case-nav-menu,header .social-case-nav-menu{position:static!important;width:100%!important;max-width:none!important;transform:none!important;grid-template-columns:1fr!important;margin:5px 0 7px!important;box-shadow:none!important}
  .art-header .social-case-nav-menu::before,header .social-case-nav-menu::before{display:none!important}
  .art-header .social-case-menu-column+.social-case-menu-column,header .social-case-menu-column+.social-case-menu-column{border-left:0!important;border-top:1px solid #e5dac8!important}
  .art-header nav>.pwa-nav-install,.art-header nav>.language-switcher,
  header .nav nav>.pwa-nav-install,header .nav nav>.language-switcher{width:100%!important;max-width:none!important}
  body.mobile-menu-active{overflow:hidden!important}
}
/* 2026-08-20 — About page pastel dialogue cards: rename milestone + latest date. */
.about-page .about-timeline article.highlight>div:last-child{
  background:linear-gradient(135deg,#f7dfe4 0%,#fff1e5 56%,#f4eee9 100%)!important;
  border-color:rgba(191,128,139,.42)!important;
  outline-color:rgba(191,128,139,.28)!important;
  box-shadow:0 12px 28px rgba(121,79,84,.10)!important;
}
.about-page .about-timeline article.highlight h3{
  background:none!important;
  color:#5c4048!important;
  -webkit-text-fill-color:#5c4048!important;
  text-shadow:none!important;
}
.about-page .about-timeline article.highlight p{
  color:#675b5b!important;
}
.about-page .street-action-featured.is-latest{
  border-color:rgba(191,128,139,.46)!important;
  background:linear-gradient(135deg,#f8e3e8 0%,#fff2e7 58%,#f3eee9 100%)!important;
  box-shadow:0 10px 24px rgba(121,79,84,.10)!important;
}
.about-page .street-action-featured.is-latest time{
  border:1px solid rgba(178,111,124,.30)!important;
  background:linear-gradient(135deg,#f1cfd6,#f8e5d8)!important;
  color:#65434c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
}
.about-page .street-action-featured.is-latest p,
.about-page .street-action-featured.is-latest p a{
  color:#394f58!important;
}
@media(max-width:650px){
  .about-page .about-timeline article.highlight>div:last-child,
  .about-page .street-action-featured.is-latest{
    box-shadow:0 8px 20px rgba(121,79,84,.08)!important;
  }
}

/* 2026-08-20 — Installed App / PWA compact top toolbar */
@media (display-mode:standalone), (display-mode:minimal-ui){
  .art-header{
    top:0!important;
    padding-top:env(safe-area-inset-top,0px)!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    border-bottom:1px solid rgba(84,137,145,.28)!important;
    background:linear-gradient(180deg,rgba(255,252,245,.99),rgba(241,246,241,.97))!important;
    box-shadow:0 7px 22px rgba(22,60,72,.11)!important;
  }
  .art-header::after{display:none!important}
  .art-header .container.nav,
  .art-header.is-toolbar-compact .container.nav{
    width:100%!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    padding:6px max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px))!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  .art-header .nav>.home-brand-safe{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:8px!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:4px 6px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .art-header .nav>.home-brand-safe::after{display:none!important}
  .art-header .nav>.home-brand-safe>img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-width:2px!important;
  }
  .art-header .nav>.home-brand-safe>span{
    min-width:0!important;
    color:#173f52!important;
    font-size:15px!important;
    line-height:1.12!important;
  }
  .art-header .nav>.home-brand-safe small{display:none!important}
  .art-header .site-qr-trigger,
  .art-header .pwa-mobile-header-install,
  .art-header .nav>nav>.pwa-nav-install{display:none!important}
  .art-header .mobile-menu-toggle{
    display:inline-flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    margin-left:auto!important;
    border:1px solid rgba(75,132,141,.34)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#fff8e9,#e3f1ed)!important;
    color:#173f52!important;
    box-shadow:0 6px 15px rgba(34,78,88,.12)!important;
  }
  .art-header .nav>nav{
    display:none!important;
    position:fixed!important;
    z-index:1200!important;
    top:calc(64px + env(safe-area-inset-top,0px))!important;
    right:max(0px,env(safe-area-inset-right,0px))!important;
    left:auto!important;
    width:min(480px,100vw)!important;
    max-width:100vw!important;
    max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    padding:12px max(12px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))!important;
    border:1px solid rgba(82,136,143,.28)!important;
    border-top:0!important;
    border-radius:0 0 0 22px!important;
    background:radial-gradient(circle at 88% 8%,rgba(180,221,219,.28),transparent 28%),linear-gradient(170deg,#fffdf8,#f1ebe1)!important;
    box-shadow:0 24px 52px rgba(22,59,70,.22)!important;
  }
  .art-header .nav.menu-open>nav{display:flex!important}
  .art-header .nav nav>a,
  .art-header .social-case-nav-toggle{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    justify-content:flex-start!important;
    padding:8px 11px!important;
    border:1px solid rgba(92,143,148,.16)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.72)!important;
    color:#173f52!important;
    font-size:14px!important;
    white-space:normal!important;
  }
  .art-header .social-case-nav{display:block!important;width:100%!important}
  .art-header .social-case-nav-toggle i{margin-left:auto!important}
  .art-header .social-case-nav-menu{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    grid-template-columns:1fr!important;
    margin:5px 0 7px!important;
    box-shadow:none!important;
  }
  .art-header .social-case-nav-menu::before{display:none!important}
  .art-header .social-case-menu-column+.social-case-menu-column{
    border-left:0!important;
    border-top:1px solid #e5dac8!important;
  }
  .art-header nav>.guardian-wall-nav-link{order:80!important}
  .art-header nav>.site-search-btn{
    order:90!important;
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 13px!important;
    border-radius:12px!important;
  }
  .art-header nav>.site-search-btn .site-search-label{display:inline!important}
  .art-header nav>.language-switcher{
    order:100!important;
    position:sticky!important;
    bottom:0!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:4px 0 0!important;
    padding:4px!important;
    gap:3px!important;
    border:1px solid rgba(31,70,88,.28)!important;
    border-radius:14px!important;
    background:rgba(255,253,248,.96)!important;
    box-shadow:0 8px 20px rgba(20,54,66,.13)!important;
    backdrop-filter:blur(12px);
  }
  .art-header nav>.language-switcher a{
    display:grid!important;
    min-width:0!important;
    min-height:40px!important;
    padding:5px 3px!important;
    place-items:center!important;
    border-radius:10px!important;
    color:#173f52!important;
    background:#edf4ef!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  .art-header nav>.language-switcher a:hover,
  .art-header nav>.language-switcher a:focus-visible{
    color:#173f52!important;
    background:#fff0cf!important;
  }
  .art-header nav>.language-switcher a[aria-current="true"],
  .art-header nav>.language-switcher a.is-active{
    color:#fff!important;
    background:#315f68!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)!important;
  }
  body.mobile-menu-active{overflow:hidden!important}
}

@media (display-mode:standalone) and (max-width:640px),
       (display-mode:minimal-ui) and (max-width:640px){
  .art-header .nav>nav{
    right:0!important;
    left:0!important;
    width:100%!important;
    border-right:0!important;
    border-left:0!important;
    border-radius:0 0 18px 18px!important;
  }
}

@media (display-mode:standalone) and (max-width:380px),
       (display-mode:minimal-ui) and (max-width:380px){
  .art-header .container.nav,
  .art-header.is-toolbar-compact .container.nav{padding-inline:9px!important;gap:6px!important}
  .art-header .nav>.home-brand-safe{grid-template-columns:34px minmax(0,1fr)!important;padding-inline:3px!important}
  .art-header .nav>.home-brand-safe>img{width:34px!important;height:34px!important;min-width:34px!important}
  .art-header .nav>.home-brand-safe>span{font-size:14px!important}
}