/* bundled source: assets/site.css */

: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}
}

/* 2026-08-28 — Complete homepage toolbar navigation. */
@media(min-width:801px){
  header .special-feature-nav > .special-feature-nav-toggle[aria-expanded="true"] + .special-feature-nav-menu{
    max-height:calc(100vh - 104px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
}
.special-feature-nav .special-feature-case-children[id*="PrisonWatch"]{
  align-content:start;
}
.historical-region-toggle .ia-nav-count{
  margin-left:auto;
  color:#8b6a32;
  font-size:10px;
  font-weight:900;
}
@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;
  }
  …33658 tokens truncated…ax-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}
}

/* 2026-09-01 — Shared mobile layout and touch-target pass. */
@media(max-width:820px){html,body{max-width:100%;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%}.art-header{top:52px!important}.art-header .container.nav,header .container.nav{min-height:64px!important;padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))!important}.art-header .mobile-menu-toggle,header .mobile-menu-toggle,.art-header .site-qr-trigger,.art-header .pwa-mobile-header-install{min-width:44px!important;min-height:44px!important}.art-header .nav>nav,header .nav>nav{top:100%!important;width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 116px)!important;border-radius:0 0 18px 18px!important}main a[class*="more"],main a[class*="all"],main button:not(.home-pinned-dot){min-height:44px}.container,.section-inner,.content-wrap{max-width:100%;min-width:0}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}pre,code{overflow-wrap:anywhere}}
@media(max-width:600px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.home-footer-mobile-bar{bottom:max(8px,env(safe-area-inset-bottom))!important}.pwa-install-launcher{bottom:calc(82px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)}}

/* Homepage bottom article feature: Kaikai case guide */
.home-bottom-article-section{padding:70px 0;background:#eee4d2;color:#18342c}
.home-bottom-article-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}
.home-bottom-article-head h2{margin:5px 0 0;color:#17342c;font:900 clamp(1.9rem,4vw,3rem)/1.2 "Noto Serif TC",serif}
.home-bottom-article-head p{max-width:390px;margin:0;color:#41564d;font-weight:700}
.home-bottom-article-card{display:grid;grid-template-columns:minmax(260px,.82fr) 1.18fr;min-height:330px;overflow:hidden;color:#17342c;background:#fff9ee;border:1px solid rgba(67,89,78,.32);box-shadow:0 20px 55px rgba(38,53,44,.14);text-decoration:none}
.home-bottom-article-card>figure{position:relative;height:100%;min-height:330px;margin:0;overflow:hidden;background:#d8d0c0}.home-bottom-article-card>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(16,37,31,.82))}.home-bottom-article-card>figure img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.02)}.home-bottom-article-card>figure figcaption{position:absolute;z-index:1;left:26px;bottom:24px;color:#fff9ed;text-shadow:0 2px 8px rgba(0,0,0,.5)}.home-bottom-article-card>figure figcaption small{display:block;color:#efd59d;font:900 .72rem/1.4 system-ui,sans-serif;letter-spacing:.22em}.home-bottom-article-card>figure figcaption strong{display:block;margin-top:2px;color:#fff9ed;font:900 2rem/1.12 "Noto Serif TC",serif;letter-spacing:.08em}
.home-bottom-article-card>span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:42px 46px;border-left:6px solid #82342b}
.home-bottom-article-card small{color:#82342b;font:900 .76rem/1.4 system-ui,sans-serif;letter-spacing:.16em}
.home-bottom-article-card strong{display:block;margin:10px 0;color:#142b25;font:900 clamp(2rem,4vw,3.5rem)/1.15 "Noto Serif TC",serif;letter-spacing:.04em}
.home-bottom-article-card em{max-width:560px;color:#3d5148;font-style:normal;font-weight:750;line-height:1.75}
.home-bottom-article-card b{display:inline-block;margin-top:22px;padding-bottom:4px;color:#234b3e;border-bottom:1px solid;font:900 .86rem/1.4 system-ui,sans-serif}
.home-bottom-article-card:hover,.home-bottom-article-card:focus-visible{transform:translateY(-3px);box-shadow:0 25px 64px rgba(38,53,44,.2);outline:3px solid rgba(130,52,43,.22);outline-offset:4px}
@media(max-width:760px){.home-bottom-article-section{padding:42px 0}.home-bottom-article-head{display:block}.home-bottom-article-head p{margin-top:10px}.home-bottom-article-card{grid-template-columns:1fr}.home-bottom-article-card>figure{min-height:240px;height:240px}.home-bottom-article-card>figure img{min-height:240px;height:240px}.home-bottom-article-card>figure figcaption{left:20px;bottom:18px}.home-bottom-article-card>span{padding:28px 24px;border-left:0;border-top:6px solid #82342b}.home-bottom-article-card strong{font-size:2rem}}

.home-pinned-report-card.is-kaikai-guide>img{object-position:center bottom}

/* bundled source: assets/home-ink-refinement-20260831.css */
/* Moon-white paper, ink-green and haitang blush refinement.
   Decorative layers stay behind content and are reduced on small screens. */
:root{
  --refine-ink:#294b50;
  --refine-ink-soft:#4f6769;
  --refine-paper:#fffaf2;
  --refine-moon:#f8f4eb;
  --refine-blush:#edcfd1;
  --refine-jade:#cfe4de;
  --refine-gold:#b58b48;
}
body.art-site{
  color:var(--refine-ink);
  background-color:var(--refine-moon);
  background-image:
    radial-gradient(ellipse at 8% 6%,rgba(237,207,209,.28),transparent 24%),
    radial-gradient(ellipse at 94% 12%,rgba(207,228,222,.34),transparent 28%),
    repeating-linear-gradient(94deg,rgba(41,75,80,.014) 0 1px,transparent 1px 10px);
}
.premium-home-hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 76% 20%,rgba(237,207,209,.42),transparent 25%),
    radial-gradient(ellipse at 92% 72%,rgba(207,228,222,.55),transparent 33%),
    linear-gradient(108deg,#f8f4eb 0%,#fffaf2 48%,#e0ebe6 100%);
}
.premium-home-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 4% 8% 46%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(181,139,72,.48),transparent);
  box-shadow:0 -18px 42px rgba(41,75,80,.08);
}
.premium-hero-copy{
  padding:clamp(24px,3.2vw,46px);
  border:1px solid rgba(181,139,72,.2);
  border-radius:28px 12px 32px 14px;
  background:rgba(255,250,242,.9);
  box-shadow:0 24px 64px rgba(41,68,70,.1),inset 0 0 34px rgba(255,255,255,.5);
  backdrop-filter:blur(4px);
}
.premium-hero-copy h1,
.premium-hero-copy h2{
  color:var(--refine-ink);
  text-wrap:balance;
}
.premium-hero-lead,
.premium-hero-note,
.premium-hero-copy p{
  color:var(--refine-ink-soft);
}
.premium-hero-actions a:first-child{
  background:var(--refine-ink);
  border-color:var(--refine-ink);
}
.home-priority-shell,
.home-pinned-report-card,
.home-document-disc-card{
  border-color:rgba(41,75,80,.16);
  background-color:rgba(255,250,242,.94);
  box-shadow:0 16px 42px rgba(41,68,70,.09);
}
.home-priority-strip{
  background:linear-gradient(110deg,rgba(255,250,242,.98),rgba(237,207,209,.2),rgba(207,228,222,.3));
}
.home-news-stream-head h2,
.home-flash-head h2,
.home-pinned-report-card h3,
.home-document-disc-card h3{
  color:var(--refine-ink);
}
@media(max-width:700px){
  body.art-site{
    background-image:
      radial-gradient(ellipse at 92% 5%,rgba(207,228,222,.28),transparent 21%),
      repeating-linear-gradient(94deg,rgba(41,75,80,.012) 0 1px,transparent 1px 11px);
  }
  .premium-home-hero{
    background:linear-gradient(180deg,#f8f4eb 0%,#f4e4e2 45%,#dce9e5 100%);
  }
  .premium-home-hero::after{display:none}
  .premium-hero-copy{
    padding:24px 20px;
    border-radius:22px 10px 26px 12px;
    background:rgba(255,250,242,.95);
    box-shadow:0 16px 38px rgba(41,68,70,.09);
  }
  .premium-hero-lead{color:#455f62;line-height:1.8}
}

/* V2 — visible Chinese ink-painting homepage scroll */
:root{--ink-header-art:url("https://wall.globalprotectionwall.com/art/chinese-embroidery-wide-border.png");--ink-footer-art:url("https://global-protection.jerryzuhow77.chatgpt.site/art/ink-footer-river.png")}
.premium-home-hero{min-height:780px;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,rgba(248,244,235,.96),rgba(244,228,226,.82) 50%,rgba(220,233,229,.88))}
.premium-home-hero::before{content:"";position:absolute;z-index:0;inset:64px -2% auto;height:min(48vw,610px);pointer-events:none;background:var(--ink-header-art) center top/cover no-repeat;opacity:.32;mix-blend-mode:multiply;filter:saturate(.92) contrast(1.03);-webkit-mask-image:linear-gradient(180deg,#000 0 75%,transparent);mask-image:linear-gradient(180deg,#000 0 75%,transparent)}
.premium-home-hero::after{z-index:1;left:0;right:0;bottom:0;height:110px;background:linear-gradient(176deg,transparent 0 43%,rgba(49,75,72,.14) 44% 46%,transparent 47%),linear-gradient(184deg,transparent 0 58%,rgba(181,139,72,.12) 59% 61%,#f8f4eb 62%)}
.premium-hero-grid,.premium-hero-bottomline{position:relative;z-index:2}.premium-hero-copy{background:linear-gradient(135deg,rgba(255,250,242,.96),rgba(255,250,242,.82));border-color:rgba(181,139,72,.34);box-shadow:0 30px 80px rgba(42,70,70,.15),inset 0 0 50px rgba(255,255,255,.64)}
.home-priority-strip{position:relative;overflow:hidden}.home-priority-strip::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--ink-header-art) right 34%/58% auto no-repeat;opacity:.13;mix-blend-mode:multiply}.home-priority-shell{position:relative;z-index:1}
.home-latest-flash,.home-activity-records,.home-court-schedule,.home-hearing-zone,.home-special-zone,.home-social-cases-section,.home-historical-zone{position:relative;isolation:isolate;overflow:hidden}
.home-latest-flash::before,.home-court-schedule::before,.home-special-zone::before,.home-historical-zone::before{content:"";position:absolute;z-index:-1;inset:-72px -7vw auto;height:310px;pointer-events:none;background:var(--ink-header-art) center top/cover no-repeat;opacity:.11;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22% 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22% 76%,transparent)}
.home-document-disc-section{position:relative;background:linear-gradient(180deg,rgba(255,250,242,.92),rgba(237,207,209,.2),rgba(207,228,222,.28))}.home-document-disc-section::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:-20px;height:250px;pointer-events:none;background:var(--ink-footer-art) center bottom/cover no-repeat;opacity:.14;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}.home-document-disc-section>*{position:relative;z-index:1}
.home-activity-records{background:radial-gradient(ellipse at 10% 20%,rgba(237,207,209,.24),transparent 30%),radial-gradient(ellipse at 92% 74%,rgba(207,228,222,.35),transparent 38%)}.home-activity-records::after{content:"";position:absolute;z-index:-1;inset:auto -8vw -48px;height:300px;background:var(--ink-footer-art) center bottom/cover no-repeat;opacity:.13;mix-blend-mode:multiply}
.home-hearing-zone::after,.home-social-cases-section::after{content:"";position:absolute;z-index:-1;inset:auto -8vw -40px;height:260px;pointer-events:none;background:var(--ink-footer-art) center bottom/cover no-repeat;opacity:.12;mix-blend-mode:multiply}
.home-pinned-report-card,.home-document-disc-card,.home-news-card,.home-hearing-compact-card,.home-crafted-card,.home-case-reel-card,.home-historical-card{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(181,139,72,.24)!important;box-shadow:0 18px 52px rgba(48,72,71,.12)!important}
.home-pinned-report-card::after,.home-document-disc-card::after,.home-news-card::after,.home-hearing-compact-card::after,.home-crafted-card::after,.home-case-reel-card::after,.home-historical-card::after{content:"";position:absolute;z-index:-1;right:-52px;bottom:-48px;width:190px;height:150px;pointer-events:none;background:var(--ink-header-art) right bottom/contain no-repeat;opacity:.12;mix-blend-mode:multiply}
.home-pinned-report-card:nth-child(even)::after,.home-document-disc-card:nth-child(even)::after,.home-case-reel-card:nth-child(even)::after{right:auto;left:-52px;transform:scaleX(-1)}
.home-art-footer{position:relative;isolation:isolate;overflow:hidden;min-height:390px;background:linear-gradient(116deg,#233f44,#315c5e 58%,#3c665d)}.home-art-footer::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--ink-footer-art) center 62%/cover no-repeat;opacity:.38;mix-blend-mode:screen;filter:saturate(1.1)}.home-art-footer::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(25,55,59,.72),rgba(25,55,59,.12) 55%,rgba(25,55,59,.62))}
@media(max-width:700px){.premium-home-hero{min-height:0}.premium-home-hero::before{inset:92px -68% auto 42%;height:250px;background-size:auto 100%;background-position:right top;opacity:.17;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}.premium-home-hero::after{height:62px}.home-priority-strip::after{background-size:auto 150px;background-position:right top;opacity:.08}.home-latest-flash::before,.home-court-schedule::before,.home-special-zone::before,.home-historical-zone::before,.home-document-disc-section::after,.home-activity-records::after,.home-hearing-zone::after,.home-social-cases-section::after{display:none}.home-pinned-report-card::after,.home-document-disc-card::after,.home-news-card::after,.home-hearing-compact-card::after,.home-crafted-card::after,.home-case-reel-card::after,.home-historical-card::after{right:-34px!important;left:auto!important;bottom:-32px;width:112px;height:92px;opacity:.08;transform:none!important}.home-art-footer{min-height:340px}.home-art-footer::before{background-size:auto 100%;background-position:60% bottom;opacity:.25}}


/* V3 — calm geometry: preserve ink art, remove hard synthetic shapes */
.premium-home-hero::after{
  left:0;right:0;bottom:0;height:96px;
  background:linear-gradient(180deg,transparent 0%,rgba(248,244,235,.72) 62%,#f8f4eb 100%);
  box-shadow:none;
}
.premium-art-orbit{opacity:.16!important;filter:saturate(.65);transform:scale(.92)}
.premium-art-glow{opacity:.34!important;filter:blur(28px)}
.premium-floating-tag{box-shadow:none!important;border-color:rgba(41,75,80,.12)!important;background:rgba(255,250,242,.78)!important}
.home-pinned-report-card::after,
.home-document-disc-card::after,
.home-news-card::after,
.home-hearing-compact-card::after,
.home-crafted-card::after,
.home-case-reel-card::after,
.home-historical-card::after{display:none!important}
.home-priority-strip::after{opacity:.075;background-size:48% auto}
.home-document-disc-orbit{border-color:rgba(41,75,80,.16)!important}
.home-ferris-spokes{opacity:.42}
.home-social-cases-qcluster{opacity:.72;filter:saturate(.72)}
@media(max-width:700px){
  .premium-home-hero::after{display:block;height:48px;background:linear-gradient(180deg,transparent,#f8f4eb)}
  .premium-art-orbit,.premium-art-glow{display:none!important}
  .premium-floating-tag{display:none!important}
  .home-priority-strip::after{display:none}
  .home-social-cases-qcluster{opacity:.5}
}


/* V4 — screenshot-led refinement: remove synthetic geometry, strengthen guohua atmosphere */
.premium-home-hero{
  background:
    radial-gradient(ellipse at 18% 20%,rgba(242,220,215,.52),transparent 34%),
    radial-gradient(ellipse at 82% 16%,rgba(211,231,224,.52),transparent 32%),
    linear-gradient(112deg,#fbf6ed 0%,#f5e4e1 48%,#e2eee9 100%)!important;
}
.premium-home-hero::before{
  inset:70px -3% auto!important;
  height:min(50vw,650px)!important;
  background-position:center 18%!important;
  background-size:cover!important;
  opacity:.46!important;
  filter:saturate(.88) contrast(1.06)!important;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0 76%,transparent 100%)!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0 76%,transparent 100%)!important;
}
.premium-art-orbit,
.premium-floating-tag{display:none!important}
.premium-art-glow{
  opacity:.22!important;
  filter:blur(42px)!important;
  transform:scale(.82)!important;
}
.premium-hero-art{isolation:isolate}
.premium-art-card{
  border-color:rgba(181,139,72,.18)!important;
  box-shadow:0 24px 58px rgba(52,76,72,.12)!important;
}
.premium-home-hero::after{
  height:118px!important;
  background:
    linear-gradient(180deg,transparent 0%,rgba(248,244,235,.52) 58%,#f8f4eb 100%)!important;
}
.home-priority-strip::after{
  display:block!important;
  background-position:right 42%!important;
  background-size:54% auto!important;
  opacity:.105!important;
}
.home-latest-flash::before,
.home-court-schedule::before,
.home-special-zone::before,
.home-historical-zone::before{
  opacity:.145!important;
  height:340px!important;
}
.home-document-disc-section::after,
.home-activity-records::after,
.home-hearing-zone::after,
.home-social-cases-section::after{
  opacity:.17!important;
}
.home-art-footer::before{opacity:.46!important}

/* V9 — gold paper-cut guardian eye */
.premium-hero-art{
  min-width:0;
  overflow:visible;
}
.premium-art-card{
  width:min(560px,100%)!important;
  padding:clamp(18px,2.4vw,28px) clamp(16px,2.6vw,30px) 92px!important;
  border-radius:42% 42% 28px 28px / 25% 25% 28px 28px!important;
  background:linear-gradient(145deg,rgba(255,253,244,.78),rgba(244,235,216,.58))!important;
  border:1px solid rgba(186,139,67,.3)!important;
  box-shadow:0 24px 64px rgba(65,69,52,.13),0 0 0 10px rgba(255,249,232,.38)!important;
  backdrop-filter:blur(8px);
}
.premium-art-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1942/809!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 13px 18px rgba(116,77,25,.2)) saturate(.96) contrast(1.025);
}
.premium-art-glow{
  width:min(520px,92%)!important;
  height:330px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(241,207,132,.52),rgba(213,166,82,.18) 44%,transparent 72%)!important;
}
.premium-art-label{
  background:linear-gradient(135deg,rgba(45,70,67,.96),rgba(73,88,74,.94))!important;
  border:1px solid rgba(226,193,126,.45);
}
@media(max-width:700px){
  .premium-home-hero{
    background:linear-gradient(180deg,#fbf6ed 0%,#f4e3e1 52%,#e3eee9 100%)!important;
  }
  .premium-home-hero::before{
    inset:76px -42% auto 24%!important;
    height:280px!important;
    background-size:auto 100%!important;
    background-position:right top!important;
    opacity:.26!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%)!important;
  }
  .premium-art-glow,.premium-art-orbit,.premium-floating-tag{display:none!important}
  .home-priority-strip::after{display:none!important}
  .premium-art-card{
    width:min(520px,92vw)!important;
    padding:16px 14px 78px!important;
    border-radius:34% 34% 24px 24px / 18% 18% 24px 24px!important;
  }
}

/* V5 — hard reset of legacy circular pseudo-elements */
.premium-home-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:70px!important;
  right:-3%!important;
  bottom:auto!important;
  left:-3%!important;
  width:auto!important;
  max-width:none!important;
  height:min(50vw,650px)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:saturate(.88) contrast(1.06)!important;
  transform:none!important;
  background:var(--ink-header-art) center 18%/cover no-repeat!important;
}
.premium-home-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  max-width:none!important;
  height:118px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  background:linear-gradient(180deg,transparent 0%,rgba(248,244,235,.52) 58%,#f8f4eb 100%)!important;
}
.premium-art-orbit,
.orbit-one,
.orbit-two,
.premium-floating-tag,
.tag-top,
.tag-bottom{display:none!important}
@media(max-width:700px){
  .premium-home-hero::before{
    top:76px!important;
    right:-42%!important;
    bottom:auto!important;
    left:24%!important;
    width:auto!important;
    height:280px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--ink-header-art) right top/auto 100% no-repeat!important;
  }
  .premium-home-hero::after{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:48px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,transparent,#f8f4eb)!important;
  }
}

/* V6 — Su embroidery and Song-brocade refinement */
:root{
  --su-embroidery-wide:url("https://wall.globalprotectionwall.com/art/chinese-embroidery-wide-border.png");
  --su-embroidery-corner:url("https://wall.globalprotectionwall.com/art/chinese-embroidery-corner-sprig.png");
}
.premium-home-hero::after{
  z-index:1!important;
  height:250px!important;
  background:var(--su-embroidery-wide) center bottom/cover no-repeat!important;
  opacity:.32!important;
  filter:saturate(.9)!important;
}
.home-priority-strip::before,
.home-activity-records::before,
.home-hearing-zone::before,
.home-social-cases-section::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:auto 0 0;
  height:clamp(140px,20vw,250px);
  pointer-events:none;
  background:var(--su-embroidery-wide) center bottom/cover no-repeat;
  opacity:.16;
  filter:saturate(.86);
}
.home-priority-strip>*,.home-activity-records>*,.home-hearing-zone>*,.home-social-cases-section>*{position:relative;z-index:1}
.home-pinned-report-card::after,
.home-document-disc-card::after,
.home-news-card::after,
.home-hearing-compact-card::after,
.home-crafted-card::after,
.home-case-reel-card::after,
.home-historical-card::after{
  display:block!important;
  content:"";
  position:absolute;
  z-index:0;
  right:-30px!important;
  bottom:-34px!important;
  left:auto!important;
  width:178px!important;
  height:184px!important;
  pointer-events:none;
  background:var(--su-embroidery-corner) right bottom/contain no-repeat!important;
  opacity:.095!important;
  filter:saturate(.82)!important;
  transform:none!important;
}
.home-pinned-report-card>*,.home-document-disc-card>*,.home-news-card>*,.home-hearing-compact-card>*,.home-crafted-card>*,.home-case-reel-card>*,.home-historical-card>*{position:relative;z-index:1}
.premium-hero-actions a,
.home-document-disc-controls button,
.home-news-reel button,
.home-case-reel button{
  border-color:rgba(181,139,72,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(255,250,242,.34),0 8px 18px rgba(62,83,78,.1)!important;
}
.home-story-campaign-visual img,
.home-activity-collage img,
.home-news-card img,
.home-case-reel-card img{
  border:4px solid rgba(255,250,242,.94);
  outline:1px solid rgba(181,139,72,.28);
  box-shadow:0 0 0 4px rgba(237,207,209,.13),0 12px 26px rgba(45,68,66,.12);
}
@media(max-width:700px){
  .premium-home-hero::after{height:145px!important;background-position:right bottom!important;background-size:auto 100%!important;opacity:.22!important}
  .home-priority-strip::before,.home-activity-records::before,.home-hearing-zone::before,.home-social-cases-section::before{left:auto;width:62%;height:145px;background-position:right bottom;background-size:auto 100%;opacity:.11}
  .home-pinned-report-card::after,.home-document-disc-card::after,.home-news-card::after,.home-hearing-compact-card::after,.home-crafted-card::after,.home-case-reel-card::after,.home-historical-card::after{right:-23px!important;bottom:-27px!important;width:108px!important;height:112px!important;opacity:.065!important}
}

/* V7 — embroidery spacing correction: remove stacked horizontal art bands */
.premium-home-hero::before{
  opacity:.23!important;
  background-position:72% 14%!important;
  filter:saturate(.78) contrast(1.02)!important;
}
.premium-home-hero::after{
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:min(29vw,430px)!important;
  height:min(29vw,430px)!important;
  background:var(--su-embroidery-corner) right bottom/contain no-repeat!important;
  opacity:.14!important;
  filter:saturate(.78)!important;
}
.home-priority-strip::before,
.home-activity-records::before,
.home-hearing-zone::before,
.home-social-cases-section::before{
  left:auto!important;
  width:min(22vw,330px)!important;
  height:min(22vw,330px)!important;
  background:var(--su-embroidery-corner) right bottom/contain no-repeat!important;
  opacity:.085!important;
}
@media(max-width:700px){
  .premium-home-hero::before{opacity:.14!important;background-position:right top!important}
  .premium-home-hero::after{width:145px!important;height:150px!important;opacity:.1!important}
  .home-priority-strip::before,.home-activity-records::before,.home-hearing-zone::before,.home-social-cases-section::before{width:108px!important;height:112px!important;opacity:.06!important}
}

/* V8 — replace the oversized ink eye with refined Su embroidery */
.premium-home-hero::before{
  background:linear-gradient(90deg,rgba(248,244,235,.34),rgba(255,250,242,.06)),var(--su-embroidery-wide) center 34%/cover no-repeat!important;
  opacity:.31!important;
  mix-blend-mode:normal!important;
  filter:saturate(.82) contrast(1.03)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%)!important;
  mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%)!important;
}
@media(max-width:700px){
  .premium-home-hero::before{
    right:-18%!important;
    left:14%!important;
    background-position:72% top!important;
    background-size:auto 100%!important;
    opacity:.22!important;
  }
}

/* V12 — triple-scale Alliance portrait, staged above the guardian eye. */
.premium-art-card{
  margin-top:clamp(228px,18vw,286px);
}
.premium-art-card>img{
  position:relative;
  z-index:1;
}
.premium-art-card::before{
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  top:clamp(-456px,-38vw,-318px);
  width:clamp(378px,42vw,522px);
  aspect-ratio:1;
  transform:translateX(-50%);
  border:3px solid rgba(255,250,240,.98);
  border-radius:50%;
  background:#fffaf3 url("./brand/home-guardian-avatar-20260831.jpg") center/cover no-repeat;
  box-shadow:0 10px 25px rgba(102,68,32,.2),0 0 0 1px rgba(188,137,78,.48);
  pointer-events:none;
}
.premium-art-label{
  z-index:3;
}
@media(max-width:700px){
  .premium-art-card{
    margin-top:270px!important;
  }
  .premium-art-card::before{
    top:-396px;
    width:min(102vw,444px);
    border-width:2px;
    box-shadow:0 8px 20px rgba(102,68,32,.18),0 0 0 1px rgba(188,137,78,.42);
  }
}

/* V13 — keep Alliance portrait inside the hero layout. */
.premium-art-card{
  margin-top:clamp(190px,15vw,235px);
}
.premium-art-card::before{
  top:clamp(-350px,-27vw,-260px);
  width:min(76%,420px);
  max-width:calc(100% - 32px);
}
@media(max-width:700px){
  .premium-art-card{
    margin-top:205px!important;
  }
  .premium-art-card::before{
    top:-255px;
    width:min(82%,320px);
    max-width:calc(100% - 28px);
  }
}


/* V15 — restore the Alliance portrait while keeping the guardian-eye artwork removed. */
.premium-hero-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.8fr)!important;
  gap:clamp(34px,4vw,68px)!important;
}
.premium-hero-copy{
  width:auto;
  max-width:none;
}
.premium-hero-art{
  display:grid!important;
  min-height:505px;
  place-items:center;
}
.premium-art-card{
  width:min(440px,92%)!important;
  margin-top:0!important;
  padding:12px 12px 88px!important;
  border-radius:50% 50% 28px 28px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(218,185,113,.72)!important;
  box-shadow:0 30px 72px rgba(37,48,44,.14),0 0 0 10px rgba(255,250,232,.48)!important;
  backdrop-filter:blur(10px);
}
.premium-art-card::before{
  display:none!important;
  content:none!important;
}
.premium-art-card>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  border-radius:50%!important;
  background:#fffaf3!important;
  box-shadow:0 14px 38px rgba(48,48,37,.12)!important;
  filter:none!important;
}
.premium-art-label{
  z-index:3;
}
@media(max-width:700px){
  .premium-home-hero{min-height:0!important}
  .premium-hero-grid{
    display:block!important;
    padding-bottom:42px!important;
  }
  .premium-hero-art{
    min-height:390px!important;
    margin-top:28px;
  }
  .premium-art-card{
    width:min(360px,88vw)!important;
    margin:0 auto!important;
    padding:10px 10px 82px!important;
  }
}

/* V17 — locally hosted, colorful Chinese ink-wash background.
   The paper veil keeps long-form cards readable; mobile receives a quieter crop. */
:root{
  --home-colorful-ink:url("./art/home-colorful-chinese-ink-background-20260905.webp");
  --ink-header-art:var(--home-colorful-ink);
}
body.art-site{
  position:relative;
  isolation:isolate;
  background-color:#f8f1e5;
  background-image:
    linear-gradient(rgba(255,250,242,.74),rgba(248,244,235,.79)),
    var(--home-colorful-ink);
  background-position:center top,center top;
  background-size:auto,cover;
  background-repeat:no-repeat;
  background-attachment:scroll,fixed;
}
body.art-site::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,250,242,.08),rgba(255,250,242,.28)),
    var(--home-colorful-ink) center/cover no-repeat;
  opacity:.38;
}
.premium-home-hero{
  background:
    linear-gradient(105deg,rgba(251,246,237,.92) 0%,rgba(255,250,242,.78) 49%,rgba(226,238,233,.76) 100%),
    var(--home-colorful-ink) center/cover no-repeat!important;
}
.premium-home-hero::before{
  background:var(--home-colorful-ink) center/cover no-repeat!important;
  opacity:.42!important;
  filter:saturate(.96) contrast(1.02)!important;
}
@media(max-width:700px){
  body.art-site{
    background-image:
      linear-gradient(rgba(255,250,242,.86),rgba(248,244,235,.9)),
      var(--home-colorful-ink);
    background-position:center top,62% top;
    background-size:auto,auto 54rem;
    background-attachment:scroll;
  }
  body.art-site::before{
    background-position:62% top;
    background-size:auto 54rem;
    opacity:.18;
  }
  .premium-home-hero{
    background:
      linear-gradient(180deg,rgba(251,246,237,.94),rgba(244,227,225,.88) 52%,rgba(227,238,233,.9)),
      var(--home-colorful-ink) 62% top/auto 100% no-repeat!important;
  }
  .premium-home-hero::before{
    background:var(--home-colorful-ink) 68% top/auto 100% no-repeat!important;
    opacity:.22!important;
  }
}

/* bundled source: assets/home-view-counter-20260811.css */
/* English and Japanese homepage view counter — 2026-08-11 */
.home-view-counter{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  gap:11px;
  width:max-content;
  max-width:100%;
  margin-top:18px;
  padding:10px 15px 10px 12px;
  overflow:hidden;
  color:#f8ead0;
  border:1px solid rgba(229,199,142,.46);
  border-radius:14px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.08),transparent 38%),
    linear-gradient(135deg,rgba(16,42,61,.95),rgba(24,52,74,.9));
  box-shadow:0 9px 24px rgba(11,35,51,.18),inset 0 1px 0 rgba(255,255,255,.09);
  font-variant-numeric:tabular-nums;
}
.home-view-counter::after{content:"";position:absolute;z-index:-1;inset:-90% -38%;background:linear-gradient(105deg,transparent 42%,rgba(234,211,159,.2) 49%,transparent 56%);transform:translateX(-34%);animation:homeViewCounterGleam 7s ease-in-out infinite;pointer-events:none}
.home-view-counter-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(229,199,142,.42);border-radius:50%;background:rgba(229,199,142,.09)}
.home-view-counter-icon svg{width:19px;height:19px;fill:#e5c78e}.home-view-counter-copy{display:grid;gap:4px;min-width:0}.home-view-counter-label{color:#c7d1d2;font-size:10px;line-height:1;font-weight:700;letter-spacing:.1em}.home-view-counter-value{display:flex;align-items:baseline;gap:6px;line-height:1}.home-view-counter-value strong{color:#e5c78e;background:linear-gradient(100deg,#b9965f 0%,#f4deb0 42%,#c39a58 72%,#ead39f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:22px;font-weight:900;letter-spacing:.025em;text-shadow:0 4px 18px rgba(229,199,142,.12)}.home-view-counter-value span{color:#d7dfdf;font-size:11px;font-weight:700}.home-view-counter.is-unavailable::after{display:none}.home-view-counter.is-unavailable .home-view-counter-value strong{color:#aebbbc;background:none;-webkit-text-fill-color:currentColor}@keyframes homeViewCounterGleam{0%,68%{transform:translateX(-34%)}86%,100%{transform:translateX(34%)}}@media (prefers-reduced-motion:reduce){.home-view-counter::after{animation:none}}@media (max-width:560px){.home-view-counter{margin-top:15px;padding:9px 13px 9px 10px;gap:9px;border-radius:12px}.home-view-counter-icon{width:31px;height:31px;flex-basis:31px}.home-view-counter-value strong{font-size:20px}}

/* Fujian Qiqi mobile actor proportion and motion refinement — 2026-08-21.
   Individual scale/translate properties compose with the existing GSAP stage
   transform, so the actors keep a stable ratio while poses continue to move. */
@media screen and (max-width:780px){
  body.fq-page .fq-act.has-external-controls .fq-actors{
    --fq-female-width:clamp(176px,48vw,320px);
    --fq-male-width:clamp(176px,48vw,320px);
    --fq-female-left:-3.5vw;
    --fq-female-right:auto;
    --fq-male-left:auto;
    --fq-male-right:-3.5vw;
  }
  body.fq-page .fq-act.has-external-controls .fq-actors .fq-actor{
    height:min(50%,540px);
    overflow:visible;
    transform-origin:50% 100%;
  }
  @supports selector(.fq-actor:has(> .fq-actor__proportion)){
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="female"]:not(:has(> .fq-actor__proportion)){scale:.92}
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="male"]:not(:has(> .fq-actor__proportion)){scale:1.16}
    body.fq-page .fq-act.has-external-controls.is-playing .fq-actor[data-actor="female"]:not(:has(> .fq-actor__proportion)){animation:fqQiqiMobileFemaleBreath 4.6s ease-in-out infinite}
    body.fq-page .fq-act.has-external-controls.is-playing .fq-actor[data-actor="male"]:not(:has(> .fq-actor__proportion)){animation:fqQiqiMobileMaleBreath 5.1s ease-in-out infinite}
  }
  body.fq-page .fq-act[data-act="1"].has-external-controls .fq-actors{--fq-female-left:-4.5vw;--fq-male-right:-4.5vw}
  body.fq-page .fq-act[data-act="2"].has-external-controls .fq-actors{--fq-female-left:-2.5vw;--fq-male-right:-2.5vw}
  body.fq-page .fq-act[data-act="3"].has-external-controls .fq-actors{--fq-female-left:-5vw;--fq-male-right:-5vw}
  body.fq-page .fq-act[data-act="4"].has-external-controls .fq-actors{--fq-female-left:auto;--fq-female-right:-3.5vw;--fq-male-left:-3.5vw;--fq-male-right:auto}
  body.fq-page .fq-act[data-act="5"].has-external-controls .fq-actors{--fq-female-left:0;--fq-male-right:0}
  body.fq-page .fq-act.has-external-controls.is-playing .fq-actor{will-change:transform,scale,translate,opacity}
  body.fq-page .fq-act.has-external-controls:not(.is-playing) .fq-actor{will-change:auto}
}
@keyframes fqQiqiMobileFemaleBreath{0%,100%{translate:0 0}50%{translate:0 -.72px}}
@keyframes fqQiqiMobileMaleBreath{0%,100%{translate:0 0}50%{translate:0 -.58px}}
@media screen and (max-width:380px) and (orientation:portrait){
  body.fq-page .fq-act.has-external-controls .fq-actors{--fq-female-width:clamp(158px,49vw,226px);--fq-male-width:clamp(158px,49vw,226px)}
  @supports selector(.fq-actor:has(> .fq-actor__proportion)){
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="female"]:not(:has(> .fq-actor__proportion)){scale:.9}
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="male"]:not(:has(> .fq-actor__proportion)){scale:1.13}
  }
}
@media screen and (max-width:780px) and (max-height:560px) and (orientation:landscape){
  body.fq-page .fq-act.has-external-controls .fq-actors{--fq-female-width:clamp(184px,32vw,288px);--fq-male-width:clamp(184px,32vw,288px)}
  body.fq-page .fq-act.has-external-controls .fq-actors .fq-actor{height:min(56%,336px)}
  @supports selector(.fq-actor:has(> .fq-actor__proportion)){
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="female"]:not(:has(> .fq-actor__proportion)){scale:.94}
    body.fq-page .fq-act.has-external-controls .fq-actor[data-actor="male"]:not(:has(> .fq-actor__proportion)){scale:1.1}
  }
}
@media (prefers-reduced-motion:reduce){body.fq-page .fq-act .fq-actor{animation:none!important;translate:none!important}}

/* bundled source: assets/chair-special.css */
/*
 * Special feature: Children Bound to Chairs
 * Layered paper sculpture × traditional Chinese colour × restrained Morandi accents
 */

:root {
  --sp-paper: #f4ebdd;
  --sp-paper-deep: #e9dcc7;
  --sp-ink: #3e3b37;
  --sp-indigo: #2e4652;
  --sp-indigo-deep: #203640;
  --sp-gold: #d6b66c;
  --sp-gold-light: #f0d99a;
  --sp-ochre: #9f5f4d;
  --sp-tuihong: #e6b8a8;
  --sp-mist: #91a1ac;
  --sp-sage: #a8ada1;
  --sp-white: #fffaf0;
  --sp-shadow: 0 24px 60px rgba(38, 47, 49, .18);
  --sp-paper-shadow: 0 10px 22px rgba(48, 52, 51, .14), 0 2px 4px rgba(48, 52, 51, .1);
}

html {
  scroll-behavior: smooth;
}

body.chair-special-page {
  color: var(--sp-ink);
  background:
    radial-gradient(circle at 12% 18%, rgba(230, 184, 168, .22), transparent 26rem),
    radial-gradient(circle at 88% 38%, rgba(145, 161, 172, .25), transparent 30rem),
    linear-gradient(180deg, #f8f1e6 0%, var(--sp-paper) 46%, #ece4d8 100%);
  overflow-x: hidden;
}

body.chair-special-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image:
    repeating-linear-gradient(8deg, rgba(78, 65, 50, .035) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(93deg, rgba(255, 255, 255, .2) 0 1px, transparent 1px 9px);
  mix-blend-mode: multiply;
}

body.chair-special-page.intro-playing {
  height: 100%;
  overflow: hidden;
}

/* Four-beat opening: paper shadows → indigo doors → hospital → title. */
.special-intro[hidden] { display: none; }

.special-intro {
  --intro-duration: 9.6s;
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--sp-white);
  background: #132a32;
  isolation: isolate;
  overscroll-behavior: none;
  touch-action: none;
}

.special-intro.is-active {
  animation: intro-overlay-exit var(--intro-duration) ease-in-out forwards;
}

.special-intro.is-closing {
  animation: intro-skip-exit .46s ease forwards;
}

.intro-scene,
.intro-ancient-stage,
.intro-paper-world,
.intro-cold-light,
.intro-hospital-lines {
  position: absolute;
  inset: 0;
}

.intro-scene {
  z-index: -2;
  overflow: hidden;
  background: #132a32;
  perspective: 1300px;
}

.intro-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  opacity: .54;
  background:
    radial-gradient(circle at 50% 48%, transparent 12%, rgba(5, 20, 27, .72) 100%),
    repeating-linear-gradient(8deg, rgba(233, 222, 202, .045) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(94deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 10px);
  mix-blend-mode: multiply;
}

.special-intro.is-active .intro-scene::after {
  animation: intro-vignette-shift var(--intro-duration) ease-in-out forwards;
}

/* Beat 1 — an ancient paper-shadow room and bamboo chair. */
.intro-ancient-stage {
  z-index: 2;
  overflow: hidden;
  opacity: 1;
  background: #263f40;
}

.special-intro.is-active .intro-ancient-stage {
  animation: intro-ancient-fades var(--intro-duration) ease-in-out forwards;
}

.intro-paper-world {
  z-index: 1;
  opacity: .86;
  background:
    linear-gradient(180deg, rgba(24, 48, 50, .06), rgba(13, 31, 35, .7)),
    linear-gradient(90deg, rgba(16, 36, 39, .08), rgba(16, 36, 39, .56)),
    url("art/chair-bound-child-paper-art-20260811.webp") 24% 48% / cover no-repeat;
  filter: sepia(.24) saturate(.65) brightness(.62) contrast(1.06);
  transform: scale(1.06);
}

.special-intro.is-active .intro-paper-world {
  animation: intro-world-push var(--intro-duration) ease-in-out forwards;
}

.intro-ancient-window {
  position: absolute;
  left: clamp(28px, 9vw, 150px);
  top: clamp(70px, 14vh, 150px);
  z-index: 2;
  width: clamp(130px, 23vw, 340px);
  aspect-ratio: 1;
  opacity: .34;
  border: clamp(7px, .9vw, 14px) solid rgba(25, 32, 31, .88);
  border-radius: 50% 50% 46% 46%;
  background:
    repeating-linear-gradient(90deg, transparent 0 17%, rgba(25, 32, 31, .76) 17.5% 20%, transparent 20.5% 37%),
    repeating-linear-gradient(0deg, transparent 0 17%, rgba(25, 32, 31, .7) 17.5% 20%, transparent 20.5% 37%),
    radial-gradient(circle, rgba(226, 213, 188, .3), rgba(126, 119, 103, .08) 64%, transparent 65%);
  box-shadow: 0 0 55px rgba(232, 218, 189, .08);
}

.intro-moon {
  position: absolute;
  left: 51%;
  top: 10%;
  z-index: 2;
  width: clamp(110px, 17vw, 250px);
  aspect-ratio: 1;
  opacity: 0;
  border-radius: 50%;
  background: rgba(232, 225, 211, .68);
  box-shadow: 0 0 90px rgba(232, 225, 211, .2);
  transform: translateX(-50%) scale(.82);
}

.special-intro.is-active .intro-moon {
  animation: intro-moon-pass var(--intro-duration) ease-in-out forwards;
}

.intro-paper-shadow {
  position: absolute;
  bottom: -3%;
  z-index: 3;
  width: min(35vw, 480px);
  height: 76%;
  opacity: 0;
  background: rgba(18, 29, 29, .78);
  filter: drop-shadow(0 12px 20px rgba(3, 14, 18, .28));
}

.intro-paper-shadow-left {
  left: -4%;
  clip-path: polygon(0 0, 30% 12%, 20% 27%, 49% 34%, 32% 48%, 60% 57%, 39% 69%, 69% 83%, 58% 100%, 0 100%);
}

.intro-paper-shadow-right {
  right: -5%;
  clip-path: polygon(100% 5%, 66% 15%, 82% 30%, 53% 38%, 69% 53%, 40% 62%, 62% 77%, 33% 88%, 45% 100%, 100% 100%);
}

.special-intro.is-active .intro-paper-shadow {
  animation: intro-paper-shadows var(--intro-duration) ease-in-out forwards;
}

.intro-chair {
  position: absolute;
  left: 50%;
  bottom: 14%;
  z-index: 5;
  width: clamp(88px, 11vw, 158px);
  height: clamp(154px, 25vh, 254px);
  opacity: 0;
  border: clamp(7px, .7vw, 11px) solid rgba(24, 31, 29, .94);
  border-bottom: 0;
  border-radius: 18px 18px 4px 4px;
  background: repeating-linear-gradient(180deg, transparent 0 12%, rgba(24, 31, 29, .9) 12.5% 16%, transparent 16.5% 25%);
  box-shadow: 0 36px 38px rgba(3, 14, 19, .5);
  transform: translateX(-50%) translateY(18px) scale(.94);
}

.intro-chair::before,
.intro-chair::after {
  content: "";
  position: absolute;
  bottom: -57px;
  width: clamp(7px, .7vw, 11px);
  height: 87px;
  border-radius: 0 0 8px 8px;
  background: rgba(24, 31, 29, .94);
}

.intro-chair::before { left: 7px; transform: rotate(2deg); }
.intro-chair::after { right: 7px; transform: rotate(-2deg); }

.intro-chair span {
  position: absolute;
  left: -9%;
  right: -9%;
  bottom: 15%;
  height: 13px;
  border-radius: 8px;
  background: rgba(24, 31, 29, .96);
  box-shadow: 0 19px 0 rgba(24, 31, 29, .62);
}

.special-intro.is-active .intro-chair {
  animation: intro-chair-appears var(--intro-duration) ease-in-out forwards;
}

.intro-shadow-child {
  position: absolute;
  left: 50%;
  bottom: 23%;
  z-index: 6;
  width: clamp(44px, 5.5vw, 74px);
  height: clamp(84px, 14.5vh, 144px);
  opacity: 0;
  border-radius: 46% 46% 36% 36% / 33% 33% 65% 65%;
  background: rgba(17, 24, 23, .72);
  filter: blur(.35px);
  transform: translateX(-50%) scale(.93);
}

.intro-shadow-child::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -35%;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: inherit;
  transform: translateX(-50%);
}

.special-intro.is-active .intro-shadow-child {
  animation: intro-child-shadow var(--intro-duration) ease-in-out forwards;
}

/* Beat 2 — dark teal traditional doors close over the past, then open slowly. */
.intro-door {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 6;
  width: 50.2%;
  opacity: 0;
  border-color: rgba(214, 182, 108, .3);
  border-style: solid;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045), transparent 10% 90%, rgba(4, 17, 21, .25)),
    linear-gradient(180deg, transparent 6%, rgba(214, 182, 108, .2) 6.2% 6.45%, transparent 6.7% 49%, rgba(214, 182, 108, .2) 49.2% 49.45%, transparent 49.7% 93%, rgba(214, 182, 108, .18) 93.2% 93.45%, transparent 93.7%),
    linear-gradient(155deg, #355b5b 0%, #27494d 48%, #1b373c 100%);
  box-shadow:
    inset 0 0 0 clamp(10px, 1.4vw, 20px) rgba(15, 38, 40, .5),
    inset 0 0 55px rgba(3, 19, 23, .25),
    0 0 48px rgba(4, 17, 22, .48);
  will-change: transform, opacity;
}

.intro-door::before {
  content: "";
  position: absolute;
  inset: 9% 10%;
  border: 1px solid rgba(224, 196, 130, .31);
  box-shadow:
    inset 0 0 0 clamp(5px, .65vw, 10px) rgba(20, 46, 47, .46),
    0 calc(41vh - 1px) 0 -1px rgba(224, 196, 130, .26);
}

.intro-door::after {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(8px, .8vw, 13px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #d7ba72;
  box-shadow: 0 0 0 4px rgba(214, 182, 108, .13), 0 3px 9px rgba(4, 17, 22, .45);
}

.intro-door-left {
  left: 0;
  border-width: 0 1px 0 0;
  transform-origin: left center;
}

.intro-door-left::after { right: clamp(13px, 2.3vw, 40px); }

.intro-door-right {
  right: 0;
  border-width: 0 0 0 1px;
  transform-origin: right center;
}

.intro-door-right::after { left: clamp(13px, 2.3vw, 40px); }

.special-intro.is-active .intro-door-left {
  animation: intro-left-door var(--intro-duration) cubic-bezier(.64, .02, .32, 1) forwards;
}

.special-intro.is-active .intro-door-right {
  animation: intro-right-door var(--intro-duration) cubic-bezier(.64, .02, .32, 1) forwards;
}

.intro-cold-light {
  left: 0;
  z-index: 5;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(244, 249, 250, .94) 22% 78%, transparent);
  box-shadow: 0 0 90px rgba(234, 245, 248, .75);
  transform: scaleX(.002);
  transform-origin: center;
  will-change: transform, opacity;
}

.special-intro.is-active .intro-cold-light {
  animation: intro-light-opens var(--intro-duration) ease-in-out forwards;
}

/* Beat 3 — a restrained cold-white hospital corridor behind the doors. */
.intro-hospital-lines {
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  background:
    linear-gradient(106deg, rgba(174, 190, 195, .33) 0 22%, transparent 22.2%),
    linear-gradient(254deg, rgba(174, 190, 195, .28) 0 22%, transparent 22.2%),
    linear-gradient(133deg, transparent 0 49.55%, rgba(155, 174, 180, .33) 49.7% 49.95%, transparent 50.1%),
    linear-gradient(227deg, transparent 0 49.55%, rgba(155, 174, 180, .28) 49.7% 49.95%, transparent 50.1%),
    linear-gradient(180deg, #f8fbfb 0 18%, #e0eaec 18.2% 19%, #f1f6f7 19.2% 64%, #cbd8dc 64.2% 100%);
  filter: saturate(.5) brightness(1.01);
  transform: scale(1.035);
  will-change: transform, opacity;
}

.intro-hospital-lines::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 4%;
  height: 18%;
  opacity: .95;
  background:
    linear-gradient(90deg, transparent 0 5%, #fff 5.5% 24%, transparent 24.5% 38%, #fff 38.5% 61.5%, transparent 62% 76%, #fff 76.5% 95%, transparent 95.5%);
  filter: drop-shadow(0 0 15px rgba(255, 255, 255, .9));
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
}

.intro-hospital-lines::after {
  content: "";
  position: absolute;
  left: 36%;
  right: 36%;
  bottom: -8%;
  height: 47%;
  opacity: .48;
  background: linear-gradient(90deg, transparent, rgba(238, 245, 247, .95) 46% 54%, transparent);
  clip-path: polygon(49% 0, 51% 0, 100% 100%, 0 100%);
}

.intro-hospital-door {
  position: absolute;
  left: 5%;
  top: 25%;
  width: min(16vw, 230px);
  height: 52%;
  border: clamp(5px, .6vw, 9px) solid #b9c9cc;
  background: linear-gradient(90deg, #dbe5e7, #f5f8f8 44%, #d1dee1);
  box-shadow: 12px 10px 28px rgba(95, 118, 124, .2);
}

.intro-hospital-door::after {
  content: "";
  position: absolute;
  right: 9%;
  top: 52%;
  width: clamp(5px, .55vw, 8px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #728a91;
}

.intro-hospital-bench {
  position: absolute;
  right: 8%;
  bottom: 20%;
  width: min(25vw, 340px);
  height: clamp(46px, 8vh, 82px);
  border-radius: 5px 5px 2px 2px;
  background: linear-gradient(180deg, #9aadb1, #71878d);
  box-shadow:
    0 11px 24px rgba(68, 90, 96, .23),
    12px 28px 0 -9px #667b81,
    clamp(-270px, -19vw, -100px) 28px 0 -9px #667b81;
}

.special-intro.is-active .intro-hospital-lines {
  animation: intro-hospital-arrives var(--intro-duration) ease-in-out forwards;
}

/* Beat 4 — the feature title appears only after the corridor is established. */
.intro-copy {
  position: relative;
  z-index: 20;
  width: min(100% - 44px, 940px);
  text-align: center;
  text-shadow: 0 4px 28px rgba(5, 17, 23, .82), 0 1px 3px rgba(5, 17, 23, .9);
}

.intro-copy p,
.intro-copy h1 { margin: 0; }

.intro-kicker {
  opacity: 0;
  color: var(--sp-gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.65rem, 1.1vw, .82rem);
  font-weight: 800;
  letter-spacing: .25em;
}

.intro-first-line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  opacity: 0;
  color: #e9dfce;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.2rem, 2.7vw, 2rem);
  letter-spacing: .12em;
  transform: translate(-50%, -50%);
}

.intro-copy h1 {
  margin-top: 20px;
  opacity: 0;
  color: var(--sp-white);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(2.15rem, 6vw, 5.6rem);
  line-height: 1.15;
  letter-spacing: .08em;
  transform: translateY(20px);
}

.intro-copy h1 span {
  display: block;
  margin-top: 17px;
  color: var(--sp-tuihong);
  font-size: .34em;
  letter-spacing: .18em;
}

.intro-final-line {
  margin-top: 30px !important;
  opacity: 0;
  color: var(--sp-gold-light);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1rem, 2vw, 1.35rem);
  letter-spacing: .11em;
}

.special-intro.is-active .intro-kicker {
  animation: intro-kicker-sequence var(--intro-duration) ease forwards;
}

.special-intro.is-active .intro-first-line {
  animation: intro-first-line-sequence var(--intro-duration) ease forwards;
}

.special-intro.is-active .intro-copy h1 {
  animation: intro-title-sequence var(--intro-duration) ease forwards;
}

.special-intro.is-active .intro-final-line {
  animation: intro-final-line-sequence var(--intro-duration) ease forwards;
}

.intro-skip {
  position: absolute;
  right: max(clamp(16px, 3vw, 44px), env(safe-area-inset-right));
  top: max(clamp(16px, 3vw, 36px), env(safe-area-inset-top));
  z-index: 30;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: rgba(255, 250, 240, .86);
  background: rgba(19, 42, 51, .58);
  border: 1px solid rgba(240, 217, 154, .45);
  border-radius: 999px;
  font: inherit;
  font-size: .82rem;
  letter-spacing: .08em;
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.intro-skip:hover,
.intro-skip:focus-visible {
  color: #fff;
  background: rgba(46, 70, 82, .94);
  border-color: var(--sp-gold-light);
  outline: 2px solid rgba(255, 250, 240, .92);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(46, 70, 82, .45);
}

.intro-timeline {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 30;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--sp-ochre), var(--sp-gold), #e8f0f1);
  transform: scaleX(0);
  transform-origin: left;
}

.special-intro.is-active .intro-timeline {
  animation: intro-timeline-progress var(--intro-duration) linear forwards;
}

.intro-replay {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 13px;
  color: var(--sp-indigo);
  background: rgba(255, 250, 240, .52);
  border: 1px solid rgba(46, 70, 82, .2);
  border-radius: 999px;
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  cursor: pointer;
  transition: transform .22s ease, color .22s ease, border-color .22s ease, background .22s ease;
}

.intro-replay:hover,
.intro-replay:focus-visible {
  color: var(--sp-ochre);
  background: rgba(255, 250, 240, .9);
  border-color: var(--sp-gold);
  outline: 2px solid var(--sp-indigo);
  outline-offset: 3px;
  transform: translateY(-2px);
}

.special-intro.is-reduced .intro-ancient-stage,
.special-intro.is-reduced .intro-door,
.special-intro.is-reduced .intro-cold-light,
.special-intro.is-reduced .intro-first-line,
.special-intro.is-reduced .intro-timeline {
  display: none;
}

.special-intro.is-reduced .intro-hospital-lines {
  opacity: 1;
  filter: saturate(.5) brightness(.78);
  transform: none;
}

.special-intro.is-reduced .intro-scene::after { opacity: .44; }

.special-intro.is-reduced .intro-kicker,
.special-intro.is-reduced .intro-copy h1,
.special-intro.is-reduced .intro-final-line {
  opacity: 1;
  transform: none;
}

@keyframes intro-overlay-exit {
  0%, 94% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

@keyframes intro-skip-exit {
  to { opacity: 0; visibility: hidden; }
}

@keyframes intro-vignette-shift {
  0%, 32% { opacity: .54; }
  62%, 70% { opacity: .14; }
  78%, 94% { opacity: .4; }
  100% { opacity: .5; }
}

@keyframes intro-ancient-fades {
  0%, 30% { opacity: 1; }
  38% { opacity: .72; }
  45%, 100% { opacity: 0; }
}

@keyframes intro-world-push {
  0% { opacity: .82; transform: scale(1.06); }
  30% { opacity: .9; transform: scale(1.1); }
  45%, 100% { opacity: 0; transform: scale(1.14); }
}

@keyframes intro-moon-pass {
  0%, 3% { opacity: 0; transform: translateX(-50%) scale(.82); }
  10%, 29% { opacity: .68; transform: translateX(-50%) scale(1); }
  40%, 100% { opacity: 0; transform: translateX(-50%) scale(1.06); }
}

@keyframes intro-paper-shadows {
  0%, 3% { opacity: 0; transform: translateY(12px); }
  11%, 30% { opacity: .68; transform: translateY(0); }
  42%, 100% { opacity: 0; transform: translateY(-7px); }
}

@keyframes intro-chair-appears {
  0%, 4% { opacity: 0; transform: translateX(-50%) translateY(18px) scale(.94); }
  12%, 30% { opacity: .96; transform: translateX(-50%) translateY(0) scale(1); }
  42%, 100% { opacity: 0; transform: translateX(-50%) translateY(-7px) scale(1.025); }
}

@keyframes intro-child-shadow {
  0%, 7% { opacity: 0; transform: translateX(-50%) scale(.93); }
  15%, 29% { opacity: .48; transform: translateX(-50%) scale(1); }
  41%, 100% { opacity: 0; transform: translateX(-50%) scale(1.02); }
}

@keyframes intro-left-door {
  0%, 22% { opacity: 0; transform: translateX(0) rotateY(0); }
  29%, 32% { opacity: 1; transform: translateX(0) rotateY(0); }
  64%, 100% { opacity: 1; transform: translateX(-103%) rotateY(-7deg); }
}

@keyframes intro-right-door {
  0%, 22% { opacity: 0; transform: translateX(0) rotateY(0); }
  29%, 32% { opacity: 1; transform: translateX(0) rotateY(0); }
  64%, 100% { opacity: 1; transform: translateX(103%) rotateY(7deg); }
}

@keyframes intro-light-opens {
  0%, 29% { opacity: 0; transform: scaleX(.002); }
  36% { opacity: .46; transform: scaleX(.008); }
  60% { opacity: .7; transform: scaleX(.82); }
  70% { opacity: .18; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(1); }
}

@keyframes intro-hospital-arrives {
  0%, 35% { opacity: 0; transform: scale(1.035); }
  48% { opacity: .36; transform: scale(1.02); }
  64%, 100% { opacity: 1; transform: scale(1); }
}

@keyframes intro-kicker-sequence {
  0%, 68% { opacity: 0; transform: translateY(-7px); }
  76%, 94% { opacity: 1; transform: translateY(0); }
  100% { opacity: .15; }
}

@keyframes intro-first-line-sequence {
  0%, 7% { opacity: 0; transform: translate(-50%, calc(-50% + 12px)); }
  14%, 28% { opacity: 1; transform: translate(-50%, -50%); }
  38%, 100% { opacity: 0; transform: translate(-50%, calc(-50% - 8px)); }
}

@keyframes intro-title-sequence {
  0%, 73% { opacity: 0; transform: translateY(20px); letter-spacing: .13em; }
  86%, 94% { opacity: 1; transform: translateY(0); letter-spacing: .08em; }
  100% { opacity: .16; transform: translateY(-4px); letter-spacing: .08em; }
}

@keyframes intro-final-line-sequence {
  0%, 82% { opacity: 0; transform: translateY(11px); }
  90%, 94% { opacity: 1; transform: translateY(0); }
  100% { opacity: .12; }
}

@keyframes intro-timeline-progress {
  to { transform: scaleX(1); }
}

.chair-special-page header {
  position: relative;
  z-index: 50;
}

.special-progress {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 100;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sp-ochre), var(--sp-gold), var(--sp-gold-light));
  box-shadow: 0 0 12px rgba(214, 182, 108, .72);
}

.special-breadcrumb {
  padding: 18px 0 0;
  font-size: .86rem;
  letter-spacing: .04em;
  color: rgba(62, 59, 55, .72);
}

.special-breadcrumb a {
  color: var(--sp-indigo);
  text-decoration: none;
}

.special-breadcrumb span {
  margin: 0 .5em;
  color: var(--sp-gold);
}

.special-hero {
  position: relative;
  isolation: isolate;
  padding: 34px 0 74px;
}

.special-hero::before,
.special-hero::after {
  content: "";
  position: absolute;
  z-index: -2;
  border-radius: 46% 54% 58% 42% / 54% 46% 54% 46%;
  filter: drop-shadow(0 18px 24px rgba(47, 52, 53, .12));
}

.special-hero::before {
  width: min(46vw, 650px);
  height: min(46vw, 650px);
  left: -18vw;
  top: 6%;
  background: rgba(230, 184, 168, .32);
  border: 1px solid rgba(159, 95, 77, .16);
}

.special-hero::after {
  width: min(52vw, 760px);
  height: min(52vw, 760px);
  right: -23vw;
  bottom: -13%;
  background: rgba(145, 161, 172, .3);
  border: 1px solid rgba(46, 70, 82, .14);
}

.special-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(340px, 7fr);
  gap: clamp(34px, 5vw, 82px);
  align-items: center;
}

.special-hero-copy {
  position: relative;
  z-index: 4;
}

.special-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: var(--sp-ochre);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.special-eyebrow::before {
  content: "";
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, var(--sp-ochre), var(--sp-gold));
}

.special-hero h1 {
  margin: 0;
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", "Source Han Serif TC", Georgia, serif;
  font-size: clamp(2.55rem, 5.2vw, 5rem);
  line-height: 1.08;
  letter-spacing: .045em;
  text-wrap: balance;
}

.special-hero h1 span {
  display: block;
  margin-top: 17px;
  color: var(--sp-ochre);
  font-size: clamp(1.1rem, 2.15vw, 1.72rem);
  line-height: 1.45;
  letter-spacing: .1em;
}

.special-deck {
  margin: 28px 0 22px;
  max-width: 35rem;
  color: #514c45;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.9;
}

.special-hero-quote {
  position: relative;
  margin: 24px 0;
  padding: 22px 24px 22px 28px;
  background: rgba(255, 250, 240, .7);
  border: 1px solid rgba(159, 95, 77, .2);
  border-left: 4px solid var(--sp-ochre);
  box-shadow: var(--sp-paper-shadow);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  line-height: 1.85;
}

.special-hero-quote::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, transparent 50%, rgba(214, 182, 108, .42) 51%);
}

.special-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.special-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(46, 70, 82, .08);
  border: 1px solid rgba(46, 70, 82, .15);
  color: var(--sp-indigo);
  font-size: .78rem;
  font-weight: 700;
}

.paper-art-frame {
  position: relative;
  width: min(100%, 650px);
  margin-inline: auto;
  padding: clamp(12px, 1.7vw, 20px);
  border-radius: 48% 52% 49% 51% / 2.2% 2.4% 2% 2.5%;
  background: #efe5d5;
  box-shadow: var(--sp-shadow);
}

.paper-art-frame::before,
.paper-art-frame::after,
.paper-cut-layer {
  content: "";
  position: absolute;
  pointer-events: none;
}

.paper-art-frame::before {
  inset: -14px 10px 14px -13px;
  z-index: -2;
  background: rgba(230, 184, 168, .54);
  clip-path: polygon(2% 3%, 98% 0, 100% 97%, 4% 100%, 0 48%);
  box-shadow: var(--sp-paper-shadow);
}

.paper-art-frame::after {
  inset: 16px -17px -13px 18px;
  z-index: -3;
  background: rgba(145, 161, 172, .52);
  clip-path: polygon(3% 0, 97% 3%, 100% 94%, 49% 100%, 0 97%);
  box-shadow: var(--sp-paper-shadow);
}

.paper-cut-layer.layer-one {
  left: -32px;
  bottom: 10%;
  width: 96px;
  height: 240px;
  z-index: -1;
  background: var(--sp-ochre);
  opacity: .68;
  clip-path: polygon(32% 0, 54% 16%, 48% 32%, 76% 48%, 58% 100%, 17% 84%, 25% 62%, 0 44%);
  filter: drop-shadow(10px 10px 10px rgba(45, 50, 51, .14));
}

.paper-cut-layer.layer-two {
  right: -28px;
  top: 12%;
  width: 104px;
  height: 280px;
  z-index: -1;
  background: var(--sp-indigo);
  opacity: .62;
  clip-path: polygon(15% 3%, 68% 0, 100% 27%, 71% 49%, 95% 72%, 55% 100%, 18% 82%, 0 41%);
  filter: drop-shadow(-10px 10px 10px rgba(45, 50, 51, .14));
}

.paper-art-frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 983 / 1536;
  object-fit: cover;
  border-radius: 3px;
  filter: saturate(.92) contrast(1.02);
}

.paper-art-frame figcaption {
  margin: 13px 4px 2px;
  color: rgba(62, 59, 55, .76);
  font-size: .76rem;
  line-height: 1.65;
}

.special-reading-note {
  position: relative;
  z-index: 3;
  padding: 0;
  margin-top: -28px;
}

.reading-note-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  padding: 20px 24px;
  background: rgba(255, 250, 240, .9);
  border: 1px solid rgba(159, 95, 77, .2);
  box-shadow: var(--sp-paper-shadow);
}

.reading-note-card strong {
  color: var(--sp-ochre);
  white-space: nowrap;
}

.reading-note-card p {
  margin: 0;
  line-height: 1.75;
}

.special-toc-section {
  position: relative;
  z-index: 5;
  padding: 38px 0 22px;
}

.special-toc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 14px;
  background: rgba(46, 70, 82, .94);
  border: 1px solid rgba(214, 182, 108, .38);
  box-shadow: var(--sp-shadow);
}

.special-toc a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  color: rgba(255, 250, 240, .85);
  border: 1px solid rgba(255, 250, 240, .12);
  text-decoration: none;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.special-toc a small {
  color: var(--sp-gold);
  font-weight: 800;
  letter-spacing: .08em;
}

.special-toc a:hover,
.special-toc a.is-current {
  color: var(--sp-white);
  background: rgba(214, 182, 108, .14);
  border-color: rgba(214, 182, 108, .42);
  transform: translateY(-2px);
}

.special-article {
  padding: 22px 0 92px;
}

.story-section {
  position: relative;
  scroll-margin-top: 94px;
  padding: clamp(55px, 8vw, 104px) 0;
}

.story-section::before {
  content: attr(data-number);
  position: absolute;
  z-index: -1;
  left: max(2vw, calc(50% - 590px));
  top: 34px;
  color: rgba(214, 182, 108, .19);
  font-family: Georgia, serif;
  font-size: clamp(5rem, 12vw, 10rem);
  font-weight: 800;
  line-height: 1;
}

.story-section:nth-of-type(even)::before {
  right: max(2vw, calc(50% - 590px));
  left: auto;
}

.story-section.is-cool {
  background:
    linear-gradient(90deg, transparent, rgba(145, 161, 172, .11) 14%, rgba(145, 161, 172, .16) 50%, rgba(145, 161, 172, .11) 86%, transparent);
}

.story-section.is-warm {
  background:
    linear-gradient(90deg, transparent, rgba(230, 184, 168, .09) 14%, rgba(214, 182, 108, .12) 50%, rgba(230, 184, 168, .09) 86%, transparent);
}

.story-inner {
  width: min(100% - 36px, 780px);
  margin-inline: auto;
}

.story-heading {
  margin-bottom: 30px;
}

.story-heading .section-number {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 10px;
  color: var(--sp-gold);
  font-family: Georgia, serif;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.story-heading .section-number-zh {
  color: var(--sp-ochre);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: .78rem;
  letter-spacing: .14em;
}

.final-section .story-heading .section-number-zh {
  color: var(--sp-gold-light);
}

.story-heading h2 {
  margin: 0;
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.8rem, 3.6vw, 3.05rem);
  line-height: 1.35;
  letter-spacing: .035em;
  text-wrap: balance;
}

.evidence-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-top: 15px;
  padding: 5px 12px;
  border-radius: 2px;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.evidence-badge.legend {
  color: var(--sp-white);
  background: var(--sp-ochre);
  box-shadow: 3px 3px 0 rgba(159, 95, 77, .18);
}

.evidence-badge.judgment {
  color: var(--sp-white);
  background: var(--sp-indigo);
  border: 1px solid var(--sp-gold);
}

.evidence-badge.hearing {
  color: var(--sp-indigo-deep);
  background: var(--sp-mist);
}

.evidence-badge.inquiry {
  color: #2f3932;
  background: var(--sp-sage);
}

.story-copy {
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.04rem, 1.65vw, 1.18rem);
  line-height: 2;
}

.story-copy p {
  margin: 0 0 1.42em;
}

.story-copy strong {
  color: var(--sp-indigo-deep);
}

.paper-note,
.legal-note {
  position: relative;
  margin: 34px 0;
  padding: 28px clamp(22px, 4vw, 38px);
  background: rgba(255, 250, 240, .78);
  border: 1px solid rgba(214, 182, 108, .45);
  box-shadow: var(--sp-paper-shadow);
}

.paper-note::before,
.legal-note::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: -5px;
  height: 8px;
  background: var(--sp-paper);
  clip-path: polygon(0 42%, 6% 70%, 12% 25%, 19% 64%, 27% 35%, 35% 72%, 44% 28%, 52% 61%, 60% 32%, 69% 68%, 77% 27%, 85% 65%, 93% 30%, 100% 55%, 100% 100%, 0 100%);
}

.legal-note {
  background: rgba(46, 70, 82, .94);
  border-color: rgba(214, 182, 108, .5);
  color: rgba(255, 250, 240, .9);
}

.legal-note strong,
.legal-note h3 {
  color: var(--sp-gold-light);
}

.pull-quote {
  position: relative;
  margin: 48px auto;
  padding: 34px 14px 34px 34px;
  color: var(--sp-indigo-deep);
  border-left: 3px solid var(--sp-gold);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.35rem, 2.8vw, 2.05rem);
  font-weight: 700;
  line-height: 1.72;
}

.pull-quote::before {
  content: "“";
  position: absolute;
  left: -6px;
  top: -35px;
  color: rgba(214, 182, 108, .38);
  font-family: Georgia, serif;
  font-size: 6rem;
}

.question-stack {
  display: grid;
  gap: 10px;
  margin: 30px 0;
}

.question-stack p {
  margin: 0;
  padding: 15px 18px;
  background: rgba(255, 250, 240, .72);
  border-left: 3px solid var(--sp-tuihong);
  box-shadow: 0 6px 16px rgba(45, 50, 51, .08);
}

.comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  width: min(100% - 36px, 1050px);
  margin: 42px auto;
}

.comparison-card {
  position: relative;
  padding: clamp(24px, 4vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(62, 59, 55, .14);
  box-shadow: var(--sp-paper-shadow);
}

.comparison-card.legacy {
  background: linear-gradient(145deg, #f3e5d2, #ead4b7);
}

.comparison-card.modern {
  color: rgba(255, 250, 240, .92);
  background: linear-gradient(145deg, #415965, #2e4652);
}

.comparison-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -60px;
  width: 150px;
  height: 190px;
  border: 16px solid rgba(214, 182, 108, .22);
  border-bottom: 0;
  border-radius: 70px 70px 0 0;
}

.comparison-card small {
  color: var(--sp-ochre);
  font-weight: 800;
  letter-spacing: .16em;
}

.comparison-card.modern small {
  color: var(--sp-gold-light);
}

.comparison-card h3 {
  margin: 10px 0 16px;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: 1.55rem;
}

.comparison-card p {
  margin: 0;
  line-height: 1.85;
}

.special-list {
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
}

.special-list li {
  position: relative;
  padding: 16px 18px 16px 48px;
  background: rgba(255, 250, 240, .66);
  border: 1px solid rgba(46, 70, 82, .1);
}

.special-list li::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 1.3em;
  width: 12px;
  height: 12px;
  background: var(--sp-gold);
  transform: rotate(45deg);
  box-shadow: 4px 4px 0 rgba(159, 95, 77, .18);
}

.special-timeline {
  position: relative;
  display: grid;
  gap: 18px;
  margin: 36px 0;
  padding-left: 38px;
}

.special-timeline::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 9px;
  bottom: 9px;
  width: 2px;
  background: linear-gradient(var(--sp-ochre), var(--sp-gold), var(--sp-indigo));
}

.timeline-item {
  position: relative;
  padding: 22px 24px;
  background: rgba(255, 250, 240, .75);
  border: 1px solid rgba(214, 182, 108, .38);
  box-shadow: 0 7px 18px rgba(48, 52, 51, .08);
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 28px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--sp-gold);
  border: 3px solid var(--sp-paper);
  box-shadow: 0 0 0 1px var(--sp-ochre);
}

.timeline-item time {
  color: var(--sp-ochre);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.timeline-item h3 {
  margin: 6px 0 8px;
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
}

.timeline-item p {
  margin: 0;
  line-height: 1.75;
}

.responsibility-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 34px 0;
}

.responsibility-card {
  padding: 24px;
  background: rgba(255, 250, 240, .7);
  border: 1px solid rgba(46, 70, 82, .14);
}

.responsibility-card:nth-child(1) { border-top: 5px solid var(--sp-ochre); }
.responsibility-card:nth-child(2) { border-top: 5px solid var(--sp-indigo); }
.responsibility-card:nth-child(3) { border-top: 5px solid var(--sp-mist); }
.responsibility-card:nth-child(4) { border-top: 5px solid var(--sp-sage); }

.responsibility-card small {
  color: var(--sp-ochre);
  font-weight: 800;
}

.responsibility-card h3 {
  margin: 7px 0 10px;
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: 1.18rem;
}

.responsibility-card p {
  margin: 0;
  line-height: 1.75;
}

.final-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, var(--sp-indigo-deep), var(--sp-indigo));
  color: rgba(255, 250, 240, .92);
}

.final-section::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -28%;
  width: min(72vw, 760px);
  height: min(72vw, 760px);
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(240, 217, 154, .4), rgba(214, 182, 108, .08) 42%, transparent 68%);
}

.final-section .story-heading h2,
.final-section .story-copy strong,
.final-section .pull-quote {
  color: var(--sp-white);
}

.final-section .story-inner {
  position: relative;
  z-index: 2;
}

.final-chapter-number {
  position: absolute;
  top: clamp(24px, 5vw, 52px);
  right: max(4vw, calc(50% - 590px));
  z-index: 1;
  color: rgba(240, 217, 154, .28);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(6.5rem, 15vw, 12rem);
  font-weight: 800;
  line-height: .8;
  letter-spacing: -.08em;
  pointer-events: none;
  text-shadow: 0 10px 30px rgba(9, 28, 39, .24);
}

.final-mantra {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 30px 0 0;
  padding: 14px 22px;
  color: var(--sp-gold-light);
  background: rgba(255, 250, 240, .06);
  border: 1px solid rgba(240, 217, 154, .58);
  box-shadow: 6px 6px 0 rgba(214, 182, 108, .12), 0 12px 30px rgba(8, 27, 38, .16);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.65rem, 4vw, 2.65rem);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: .22em;
  text-shadow: 0 2px 14px rgba(214, 182, 108, .18);
}

.final-mantra::before,
.final-mantra::after {
  content: "";
  width: clamp(24px, 5vw, 46px);
  height: 1px;
  background: var(--sp-gold);
}

html[lang="en"] .final-mantra {
  font-size: clamp(1.4rem, 3.3vw, 2.25rem);
  letter-spacing: .08em;
}

html[lang="ja"] .final-mantra {
  letter-spacing: .12em;
}

.special-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 38px;
}

.special-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 66px;
  padding: 15px 18px;
  color: var(--sp-indigo-deep);
  background: var(--sp-paper);
  border: 1px solid var(--sp-gold);
  text-decoration: none;
  font-weight: 800;
  transition: transform .25s ease, background .25s ease;
}

.special-actions a::after {
  content: "→";
  color: var(--sp-ochre);
}

.special-actions a:hover {
  transform: translateY(-3px);
  background: var(--sp-white);
}

/* The prologue releases the article into the door sequence without adding dates. */
.chapter-transition-prologue {
  position: relative;
  overflow: hidden;
  padding: clamp(96px, 14vw, 180px) 0 clamp(118px, 16vw, 210px);
  background:
    linear-gradient(180deg, rgba(31, 54, 57, .2), rgba(20, 43, 53, .96)),
    radial-gradient(circle at 72% 28%, rgba(222, 194, 139, .16), transparent 30%),
    #243b3f;
  isolation: isolate;
}

.chapter-transition-prologue::before,
.chapter-transition-prologue::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.chapter-transition-prologue::before {
  z-index: -2;
  opacity: .18;
  background:
    linear-gradient(90deg, rgba(18, 34, 38, .72), transparent 42%, rgba(18, 34, 38, .58)),
    url("art/chair-bound-child-paper-art-20260811.webp") center 43% / cover no-repeat;
  filter: sepia(.18) saturate(.62) brightness(.72);
}

.chapter-transition-prologue::after {
  z-index: -1;
  opacity: .42;
  background:
    repeating-linear-gradient(8deg, rgba(255, 250, 240, .025) 0 1px, transparent 1px 8px),
    linear-gradient(180deg, rgba(20, 43, 53, .08), #142b35 96%);
}

.chapter-transition-prologue-inner {
  width: min(100% - 40px, 760px);
  margin-inline: auto;
}

.chapter-transition-prologue p {
  margin: 0 0 2.2em;
  color: var(--sp-tuihong);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.08rem, 2vw, 1.42rem);
  font-weight: 600;
  line-height: 2;
  letter-spacing: .075em;
  text-shadow: 0 3px 22px rgba(7, 22, 29, .72);
}

.chapter-transition-prologue p:last-child {
  margin-bottom: 0;
  font-weight: 800;
}

/* 2026-08-13: the old house gives way to a present-day city. */
.chapter-transition-prologue{min-height:310vh;padding:0;background:#172f39;overflow:visible}
.chapter-transition-prologue-inner{position:relative;width:100%;min-height:310vh}
.city-memory{position:sticky;top:0;height:100vh;overflow:hidden;background:linear-gradient(180deg,#263e47,#102630 74%,#091b23)}
.city-memory::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(8deg,rgba(250,244,229,.025) 0 1px,transparent 1px 8px),radial-gradient(circle at 70% 22%,rgba(230,184,168,.12),transparent 30%);mix-blend-mode:screen}
.city-building{position:absolute;inset:7vh 8vw -8vh 28vw;background:repeating-linear-gradient(90deg,transparent 0 8.8%,rgba(218,226,225,.13) 9% 9.5%),repeating-linear-gradient(180deg,transparent 0 8.7%,rgba(218,226,225,.14) 9% 9.5%),linear-gradient(135deg,#304a52,#172e38);clip-path:polygon(13% 0,100% 8%,100% 100%,0 100%,0 14%);box-shadow:-28px 0 70px rgba(0,0,0,.3)}
.city-window{position:absolute;width:8vw;height:5vh;background:rgba(229,210,158,.16);box-shadow:0 0 22px rgba(229,210,158,.08)}
.city-window-child{right:24vw;top:43vh;background:rgba(82,93,92,.25);border:1px solid rgba(230,184,168,.22)}
.city-window-one{right:11vw;top:24vh}.city-window-two{right:38vw;top:65vh}
.city-chair-shadow{position:absolute;right:26vw;top:44vh;width:42px;height:70px;border:5px solid rgba(17,27,30,.62);border-bottom:0;filter:blur(.2px)}
.city-light-trail{position:absolute;left:-5%;right:-5%;bottom:10vh;height:3px;background:linear-gradient(90deg,transparent,#c6a569,#e7d6a9,transparent);box-shadow:0 0 12px rgba(222,194,139,.35);transform:skewY(-4deg)}
.city-ember{position:absolute;left:18vw;top:32vh;width:14px;height:14px;border-radius:50%;background:#c8755d;box-shadow:0 0 34px 12px rgba(200,117,93,.28);animation:city-ember-fade 7s ease forwards}
@keyframes city-ember-fade{to{opacity:0;transform:scale(.15)}}
.chapter-transition-prologue .prologue-line{position:absolute;z-index:3;left:50%;width:min(760px,calc(100% - 40px));margin:0;opacity:0;transform:translate(-50%,54px);transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}
.chapter-transition-prologue .prologue-line span{display:block;padding:20px 24px;border-left:1px solid rgba(222,194,139,.35);background:linear-gradient(90deg,rgba(10,29,37,.82),rgba(10,29,37,.2));backdrop-filter:blur(5px)}
.chapter-transition-prologue .prologue-line:nth-of-type(1){top:28vh}.chapter-transition-prologue .prologue-line:nth-of-type(2){top:96vh}.chapter-transition-prologue .prologue-line:nth-of-type(3){top:174vh}.chapter-transition-prologue .prologue-line:nth-of-type(4){top:252vh}
.chapter-transition-prologue .prologue-line.is-visible{opacity:1;transform:translate(-50%,0)}

.next-chapter-transition{min-height:360vh;min-height:360svh}
.next-chapter-city{background:linear-gradient(90deg,rgba(16,36,44,.4),transparent 52%,rgba(11,29,36,.48)),linear-gradient(180deg,#344c54,#162f39)}
.next-chapter-city .ancient-window{left:auto;right:9vw;top:8vh;width:min(58vw,780px);height:78vh;border:0;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(224,230,225,.18) 12.3% 12.8%),repeating-linear-gradient(180deg,transparent 0 11%,rgba(224,230,225,.17) 11.3% 11.8%),linear-gradient(145deg,#405960,#203b45);clip-path:polygon(11% 0,100% 6%,100% 100%,0 100%,0 13%);box-shadow:-30px 26px 70px rgba(0,0,0,.28)}
.building-grid{position:absolute;inset:0;background:linear-gradient(112deg,transparent 46%,rgba(222,194,139,.12) 47%,transparent 49%),linear-gradient(180deg,transparent 72%,rgba(7,21,27,.5));pointer-events:none}
.next-chapter-city .ancient-chair{right:22vw;bottom:22vh}

.chapter-one-content{position:relative;display:block!important;min-height:620vh;padding:0;background:linear-gradient(180deg,#d8e0df,#eef0ea 22%,#d9d8cf 100%);overflow:clip}
.chapter-one-inner{position:relative;width:100%;max-width:none;margin:0;min-height:620vh;padding:0}
.chapter-preview-building{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(9,31,40,.14),rgba(9,31,40,.72)),repeating-linear-gradient(90deg,transparent 0 12%,rgba(240,235,220,.14) 12.2% 12.7%),repeating-linear-gradient(180deg,transparent 0 11%,rgba(240,235,220,.13) 11.2% 11.7%),linear-gradient(145deg,#435b61,#1c3740)}
.chapter-preview-building::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(7deg,rgba(255,251,241,.03) 0 1px,transparent 1px 8px);pointer-events:none}
.chapter-dialogue-stack{position:absolute;inset:0;width:min(780px,calc(100% - 40px));margin:auto;padding-top:24vh}
.chapter-dialogue-card{position:relative;min-height:58vh;margin:0 0 42vh;padding:clamp(25px,4vw,48px);border:1px solid rgba(224,194,132,.5);border-radius:3px 24px 24px 24px;background:linear-gradient(145deg,rgba(250,247,238,.96),rgba(224,229,224,.9));box-shadow:0 28px 70px rgba(5,25,33,.25),inset 0 0 0 6px rgba(255,255,255,.28);color:#203c45;opacity:.18;transform:translateY(70px) scale(.96);transition:opacity .85s ease,transform 1.1s cubic-bezier(.18,.72,.2,1),filter .8s ease;filter:blur(2px)}
.chapter-dialogue-card.is-visible{opacity:1;transform:translateY(0) scale(1);filter:none}
.chapter-dialogue-card.is-past{opacity:.42;transform:translateY(-18px) scale(.97);filter:saturate(.65)}
.chapter-one-header h2{font-size:clamp(2.5rem,8vw,5.7rem)}
.chapter-dialogue-note em{color:#b86452;font-style:normal;font-weight:900}
.chapter-dialogue-question strong{display:block;margin-top:24px;color:#173b49;font-family:"Noto Serif TC",serif;font-size:clamp(1.35rem,3vw,2rem)}
.system-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.system-tags span{position:relative;padding:12px 8px;border:1px solid #c9aa6d;text-align:center;font-weight:900}.system-tags span:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:11px;border-top:1px dashed #b96d5a;transform:rotate(12deg)}
.child-signal{display:block;width:10px;height:10px;margin:28px auto 0;border-radius:50%;background:#d99579;box-shadow:0 0 0 8px rgba(217,149,121,.12),0 0 24px rgba(217,149,121,.45)}
.chapter-dialogue-record span{display:inline-block;margin:4px;padding:4px 9px;border:1px solid #b79a61}.chapter-dialogue-record strong{display:block;margin-top:20px;color:#b45d4d}
.chapter-coming-soon{display:block;min-height:62vh;padding:clamp(34px,6vw,64px)}

@media(max-width:760px){
 .chapter-transition-prologue,.chapter-transition-prologue-inner{min-height:350vh}.city-building{inset:4vh -18vw -5vh 8vw}.city-window{width:18vw}.city-window-child{right:23vw}.city-chair-shadow{right:29vw}.chapter-transition-prologue .prologue-line:nth-of-type(1){top:24vh}.chapter-transition-prologue .prologue-line:nth-of-type(2){top:105vh}.chapter-transition-prologue .prologue-line:nth-of-type(3){top:195vh}.chapter-transition-prologue .prologue-line:nth-of-type(4){top:286vh}
 .next-chapter-transition{min-height:410svh}.next-chapter-city .ancient-window{right:-28vw;width:112vw}.next-chapter-city .ancient-chair{right:20vw}
 .chapter-one-content,.chapter-one-inner{min-height:680vh}.chapter-dialogue-stack{width:calc(100% - 26px);padding-top:18vh}.chapter-dialogue-card{min-height:64vh;margin-bottom:46vh;padding:25px 21px}.system-tags{grid-template-columns:1fr 1fr}.system-tags span:nth-child(2)::after{display:none}
}

@media(prefers-reduced-motion:reduce){.chapter-transition-prologue{min-height:auto;padding:80px 0}.chapter-transition-prologue-inner{min-height:auto;width:min(760px,calc(100% - 40px))}.city-memory{position:absolute;inset:0;height:auto}.chapter-transition-prologue .prologue-line{position:relative;left:auto;top:auto!important;opacity:1;transform:none;margin:0 0 24px;width:100%}.chapter-one-content,.chapter-one-inner{min-height:auto}.chapter-preview-building{position:absolute;inset:0;height:auto}.chapter-dialogue-stack{position:relative;padding:80px 0}.chapter-dialogue-card{min-height:0;margin-bottom:28px;opacity:1;transform:none;filter:none}}

/* Prologue-to-chapter transition: two screen-heights, one visual axis, no fictional dates. */
.next-chapter-transition {
  --ancient-opacity: 1;
  --ancient-scale: 1;
  --modern-opacity: 0;
  --sunlight-opacity: .2;
  --rain-shadow-opacity: 0;
  --leaf-shadow-opacity: 0;
  --ink-opacity: 0;
  --ancient-window-opacity: .52;
  --ancient-chair-opacity: .54;
  --time-rotate: 0deg;
  --leaf-shift-x: 0vw;
  --leaf-shift-y: 0vh;
  --door-left-shift: 0%;
  --door-right-shift: 0%;
  --door-light-width: 2px;
  --door-light-opacity: .18;
  --morph-opacity: 0;
  --morph-progress: 0;
  --morph-left: 0px;
  --morph-top: 0px;
  --morph-width: 0px;
  --morph-height: 0px;
  --last-line-opacity: 1;
  --last-line-shift: 0px;
  --chapter-opacity: 0;
  --chapter-shift: 18px;
  --cta-opacity: 0;
  --cta-shift: 12px;
  --cue-opacity: 1;
  --paper-grain-opacity: .18;
  position: relative;
  min-height: 220vh;
  min-height: 220svh;
  isolation: isolate;
  overflow: clip;
  color: rgba(255, 250, 240, .94);
  background: #142b35;
}

.next-chapter-stage {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: #142b35;
}

.next-chapter-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8, 25, 33, .25), transparent 30%, rgba(7, 22, 29, .5)),
    radial-gradient(circle at 50% 52%, transparent 20%, rgba(9, 26, 34, .46) 100%);
}

.next-chapter-art,
.next-chapter-ancient,
.next-chapter-modern,
.door-frame {
  position: absolute;
  inset: 0;
}

.next-chapter-art {
  z-index: 0;
}

.next-chapter-ancient {
  z-index: 1;
  opacity: var(--ancient-opacity);
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(28, 48, 49, .55), rgba(96, 75, 55, .08) 48%, rgba(27, 45, 47, .6)),
    linear-gradient(180deg, rgba(18, 41, 46, .15), rgba(30, 35, 31, .56)),
    url("art/chair-bound-child-paper-art-20260811.webp") center 46% / cover no-repeat;
  filter: sepia(.16) saturate(.7) brightness(.7);
  transform: scale(var(--ancient-scale));
  transform-origin: 50% 52%;
  will-change: opacity, transform;
}

.ancient-window {
  position: absolute;
  left: 7vw;
  top: 10vh;
  width: min(31vw, 440px);
  height: min(58vh, 600px);
  opacity: var(--ancient-window-opacity);
  border: clamp(8px, 1.2vw, 18px) solid rgba(58, 55, 44, .78);
  box-shadow: inset 0 0 0 2px rgba(233, 213, 171, .28), 0 20px 50px rgba(6, 22, 27, .34);
  background:
    linear-gradient(90deg, transparent 47%, rgba(58, 55, 44, .74) 48% 52%, transparent 53%),
    linear-gradient(180deg, transparent 47%, rgba(58, 55, 44, .74) 48% 52%, transparent 53%),
    rgba(205, 181, 135, .12);
}

.ancient-chair {
  position: absolute;
  right: 13vw;
  bottom: 9vh;
  width: clamp(82px, 10vw, 148px);
  height: clamp(138px, 21vh, 220px);
  opacity: var(--ancient-chair-opacity);
  border: 8px solid rgba(47, 43, 36, .78);
  border-bottom: 0;
  box-shadow:
    inset 17px 0 0 -13px rgba(47, 43, 36, .72),
    inset -17px 0 0 -13px rgba(47, 43, 36, .72),
    0 28px 28px rgba(7, 21, 26, .32);
}

.ancient-chair::before,
.ancient-chair::after {
  content: "";
  position: absolute;
  bottom: -44px;
  width: 8px;
  height: 70px;
  background: rgba(47, 43, 36, .78);
}

.ancient-chair::before { left: 8px; }
.ancient-chair::after { right: 8px; }

.time-sunlight,
.time-rain-shadow,
.time-leaf-shadow,
.time-wash,
.ink-fade {
  position: absolute;
  pointer-events: none;
}

.time-sunlight {
  inset: -15%;
  opacity: var(--sunlight-opacity);
  background: linear-gradient(112deg, transparent 18%, rgba(238, 211, 154, .72) 39%, rgba(230, 184, 168, .22) 51%, transparent 67%);
  mix-blend-mode: screen;
  transform: translate3d(-3vw, -2vh, 0) rotate(-2deg);
}

.time-rain-shadow {
  inset: -15%;
  opacity: var(--rain-shadow-opacity);
  background: repeating-linear-gradient(108deg, transparent 0 18px, rgba(26, 48, 54, .42) 19px 21px, transparent 22px 43px);
  mix-blend-mode: multiply;
  transform: translate3d(3vw, -4vh, 0) skewX(-4deg);
}

.time-leaf-shadow {
  inset: 5% 4%;
  opacity: var(--leaf-shadow-opacity);
  background:
    radial-gradient(ellipse 18px 8px at 11% 23%, rgba(29, 48, 46, .5) 0 64%, transparent 68%),
    radial-gradient(ellipse 22px 9px at 24% 31%, rgba(29, 48, 46, .48) 0 62%, transparent 67%),
    radial-gradient(ellipse 19px 8px at 36% 18%, rgba(29, 48, 46, .44) 0 62%, transparent 67%),
    radial-gradient(ellipse 24px 10px at 53% 28%, rgba(29, 48, 46, .46) 0 62%, transparent 67%),
    radial-gradient(ellipse 18px 8px at 67% 19%, rgba(29, 48, 46, .42) 0 62%, transparent 67%),
    radial-gradient(ellipse 22px 9px at 77% 36%, rgba(29, 48, 46, .48) 0 62%, transparent 67%),
    radial-gradient(ellipse 19px 8px at 88% 22%, rgba(29, 48, 46, .43) 0 62%, transparent 67%);
  transform: translate3d(var(--leaf-shift-x), var(--leaf-shift-y), 0) rotate(-4deg);
}

.time-wash {
  inset: -20%;
  opacity: .58;
  background: conic-gradient(from 40deg at 45% 48%, rgba(230, 184, 168, .04), rgba(240, 217, 154, .22), rgba(67, 94, 100, .18), rgba(230, 184, 168, .04));
  mix-blend-mode: screen;
  transform: rotate(var(--time-rotate)) scale(1.16);
}

.ink-fade {
  inset: 0;
  opacity: var(--ink-opacity);
  background:
    radial-gradient(circle at 48% 48%, rgba(112, 111, 104, .28), rgba(46, 56, 56, .62)),
    repeating-linear-gradient(8deg, rgba(232, 226, 213, .07) 0 1px, transparent 1px 7px);
  mix-blend-mode: saturation;
}

.next-chapter-modern {
  z-index: 2;
  opacity: var(--modern-opacity);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(233, 239, 241, .92), transparent 18%),
    linear-gradient(180deg, #e9eff1 0 17%, #aabac0 17.2% 18%, #718890 18.2% 60%, #405864 60.4% 100%);
  filter: saturate(.62);
  will-change: opacity;
  isolation: isolate;
}

/* Keep a restrained 7% paper fibre layer over the modern corridor. */
.next-chapter-modern::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 9;
  pointer-events: none;
  opacity: .07;
  background:
    repeating-linear-gradient(8deg, rgba(60, 71, 72, .72) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(93deg, rgba(255, 255, 255, .8) 0 1px, transparent 1px 10px),
    radial-gradient(ellipse at 38% 44%, rgba(68, 77, 76, .36), transparent 54%);
  mix-blend-mode: multiply;
}

.hospital-ceiling {
  position: absolute;
  inset: 3vh 15vw auto;
  height: 14vh;
  background: repeating-linear-gradient(90deg, transparent 0 13%, rgba(248, 246, 238, .92) 13.5% 24%, transparent 24.5% 38%);
  box-shadow: 0 0 44px rgba(246, 243, 229, .3);
}

.hospital-wall {
  position: absolute;
  top: 17vh;
  bottom: 0;
  width: 50%;
  background: linear-gradient(180deg, rgba(193, 205, 208, .66), rgba(73, 96, 106, .62));
}

.hospital-wall-left {
  left: 0;
  clip-path: polygon(0 0, 100% 31%, 100% 69%, 0 100%);
  border-right: 1px solid rgba(232, 239, 239, .42);
}

.hospital-wall-right {
  right: 0;
  clip-path: polygon(0 31%, 100% 0, 100% 100%, 0 69%);
  border-left: 1px solid rgba(232, 239, 239, .42);
}

.hospital-floor {
  position: absolute;
  inset: 60% 0 0;
  background:
    linear-gradient(115deg, transparent 0 49.6%, rgba(217, 226, 227, .36) 49.8% 50.2%, transparent 50.4%),
    linear-gradient(245deg, transparent 0 49.6%, rgba(217, 226, 227, .32) 49.8% 50.2%, transparent 50.4%),
    linear-gradient(180deg, rgba(83, 107, 116, .45), #263f4a);
}

.hospital-curtain {
  position: absolute;
  top: 16vh;
  right: 3vw;
  width: min(36vw, 510px);
  height: 72vh;
  opacity: .88;
  border-left: 2px solid rgba(232, 226, 215, .65);
  border-right: 2px solid rgba(89, 105, 112, .5);
  background: repeating-linear-gradient(90deg, #d3d8d5 0 10px, #aebbc0 11px 23px, #e1dfd8 24px 32px);
  box-shadow: -18px 16px 38px rgba(10, 29, 37, .3);
  clip-path: polygon(0 0, 100% 0, 98% 100%, 91% 98%, 84% 100%, 76% 98%, 69% 100%, 61% 98%, 53% 100%, 45% 98%, 37% 100%, 29% 98%, 21% 100%, 13% 98%, 5% 100%);
}

.corridor-line {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 2px;
  height: 43vh;
  opacity: .56;
  background: linear-gradient(180deg, rgba(233, 239, 241, .12), rgba(233, 239, 241, .72));
  box-shadow: 0 0 18px rgba(233, 239, 241, .3);
}

.chair-curtain-morph {
  position: absolute;
  left: var(--morph-left);
  top: var(--morph-top);
  z-index: 4;
  width: var(--morph-width);
  height: var(--morph-height);
  opacity: var(--morph-opacity);
  border-top: 7px solid rgba(178, 188, 188, .52);
  background: repeating-linear-gradient(90deg, rgba(68, 75, 72, .8) 0 7px, transparent 8px 21px);
  box-shadow: inset 0 0 18px rgba(225, 228, 222, .14);
  will-change: opacity, left, top, width, height;
}

.door-frame {
  z-index: 5;
  pointer-events: none;
  perspective: 1100px;
  transform: scale(var(--ancient-scale));
  transform-origin: 50% 52%;
  will-change: transform;
}

.door-frame::before {
  content: "";
  position: absolute;
  inset: 3.5vh 7vw;
  z-index: 4;
  border: clamp(10px, 1.8vw, 24px) solid rgba(38, 43, 39, .92);
  box-shadow: inset 0 0 0 2px rgba(220, 190, 130, .2), 0 0 58px rgba(6, 21, 27, .48);
}

.door-panel {
  position: absolute;
  top: 3.5vh;
  bottom: 3.5vh;
  z-index: 3;
  width: 43vw;
  border: 1px solid rgba(218, 190, 137, .3);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045), transparent 8% 92%, rgba(5, 18, 23, .22)),
    repeating-linear-gradient(90deg, rgba(92, 72, 53, .2) 0 1px, transparent 1px 17px),
    linear-gradient(155deg, #3a514f, #24434a 52%, #1f3437);
  box-shadow: inset 0 0 0 9px rgba(25, 45, 46, .46), 0 10px 38px rgba(4, 17, 22, .42);
  will-change: transform;
}

.door-panel::before,
.door-panel::after {
  content: "";
  position: absolute;
  inset: 8% 10%;
  border: 1px solid rgba(214, 182, 108, .22);
}

.door-panel::after { inset: 51% 10% 8%; }

.door-panel-left {
  right: 50%;
  transform: translateX(var(--door-left-shift));
}

.door-panel-right {
  left: 50%;
  transform: translateX(var(--door-right-shift));
}

.door-light {
  position: absolute;
  left: 50%;
  top: 3.5vh;
  bottom: 3.5vh;
  z-index: 2;
  width: var(--door-light-width);
  opacity: var(--door-light-opacity);
  background: linear-gradient(90deg, rgba(233, 239, 241, .08), rgba(233, 239, 241, .98), rgba(233, 239, 241, .08));
  box-shadow: 0 0 70px rgba(233, 239, 241, .7);
  transform: translateX(-50%);
}

.transition-paper-grain {
  position: absolute;
  inset: 0;
  z-index: 7;
  opacity: var(--paper-grain-opacity);
  pointer-events: none;
  background-image:
    repeating-linear-gradient(8deg, rgba(77, 66, 55, .05) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(93deg, rgba(255, 255, 255, .09) 0 1px, transparent 1px 9px);
  mix-blend-mode: multiply;
}

.transition-last-line,
.chapter-threshold {
  position: absolute;
  left: 50%;
  z-index: 10;
  width: min(100% - 40px, 820px);
  margin: 0;
  text-align: center;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
}

.transition-last-line {
  top: 50%;
  opacity: var(--last-line-opacity);
  color: var(--sp-paper);
  font-size: clamp(1.4rem, 3.3vw, 2.65rem);
  font-weight: 800;
  line-height: 1.65;
  letter-spacing: .12em;
  text-shadow: 0 6px 28px rgba(6, 19, 25, .82);
  transform: translate(-50%, calc(-50% + var(--last-line-shift)));
}

.transition-last-line span {
  display: block;
  color: var(--sp-tuihong);
}

.chapter-threshold {
  top: 50%;
  opacity: var(--chapter-opacity);
  transform: translate(-50%, calc(-50% + var(--chapter-shift)));
  text-shadow: 0 4px 28px rgba(16, 42, 50, .42);
}

.next-chapter-eyebrow {
  margin: 0 0 17px;
  color: #d6b66c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.chapter-threshold h2 {
  margin: 0;
  color: #243e47;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(2.3rem, 5.2vw, 5rem);
  line-height: 1.18;
  letter-spacing: .08em;
}

.chapter-threshold h2 span {
  display: block;
  margin-bottom: 12px;
  color: #8a8984;
  font-size: .34em;
  letter-spacing: .28em;
}

.next-chapter-deck {
  margin: 20px auto 0;
  color: #455d65;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(.98rem, 1.8vw, 1.22rem);
  letter-spacing: .07em;
}

.next-chapter-cta {
  display: grid;
  gap: 5px;
  align-items: center;
  width: min(100%, 480px);
  min-height: 66px;
  margin: 34px auto 0;
  padding: 17px 22px;
  opacity: var(--cta-opacity);
  color: var(--sp-indigo-deep);
  background: linear-gradient(135deg, rgba(248, 244, 235, .96), rgba(222, 227, 226, .96));
  border: 1px solid rgba(185, 150, 95, .82);
  box-shadow: 7px 7px 0 rgba(185, 150, 95, .18), 0 18px 38px rgba(17, 48, 57, .24);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  text-align: center;
  transform: translateY(var(--cta-shift));
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.next-chapter-cta strong {
  font-size: clamp(1.02rem, 2vw, 1.24rem);
  letter-spacing: .06em;
}

.next-chapter-cta small {
  color: rgba(46, 70, 82, .66);
  font-size: .68rem;
  letter-spacing: .1em;
}

.next-chapter-cta:not(:disabled) { cursor: pointer; }

.next-chapter-cta:not(:disabled):hover,
.next-chapter-cta:not(:disabled):focus-visible {
  background: #fffaf0;
  border-color: var(--sp-gold);
  box-shadow: 7px 7px 0 rgba(185, 150, 95, .22), 0 22px 44px rgba(17, 48, 57, .3);
  outline: 3px solid rgba(36, 62, 71, .34);
  outline-offset: 4px;
}

.next-chapter-cta:disabled { pointer-events: none; }

.chapter-transition-skip {
  position: absolute;
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
  z-index: 12;
  min-height: 44px;
  padding: 9px 14px;
  color: rgba(255, 250, 240, .88);
  background: rgba(19, 43, 52, .62);
  border: 1px solid rgba(240, 217, 154, .42);
  border-radius: 999px;
  font: inherit;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  cursor: pointer;
}

.chapter-transition-skip:hover,
.chapter-transition-skip:focus-visible {
  color: #fffaf0;
  background: rgba(19, 43, 52, .9);
  outline: 2px solid var(--sp-gold-light);
  outline-offset: 3px;
}

.transition-scroll-cue {
  position: absolute;
  left: 50%;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 10;
  display: grid;
  justify-items: center;
  gap: 7px;
  opacity: var(--cue-opacity);
  color: rgba(255, 250, 240, .7);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  transform: translateX(-50%);
}

.transition-scroll-cue i {
  display: block;
  width: 1px;
  height: 25px;
  background: linear-gradient(var(--sp-gold-light), transparent);
}

.chapter-one-content {
  position: relative;
  padding: clamp(72px, 10vw, 118px) 0;
  color: #31464d;
  background:
    linear-gradient(90deg, transparent, rgba(170, 186, 192, .16) 50%, transparent),
    #e9eff1;
  border-top: 1px solid rgba(36, 67, 74, .24);
}

.chapter-one-content[hidden] { display: none; }

.chapter-one-content.is-entering {
  animation: chapter-body-arrives .55s ease-out both;
}

@keyframes chapter-body-arrives {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

.chapter-one-inner {
  width: min(100% - 36px, 800px);
  margin-inline: auto;
}

.chapter-one-header {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(36, 67, 74, .2);
}

.chapter-one-header h2 {
  margin: 0;
  color: #243e47;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(2.15rem, 4.6vw, 4rem);
  line-height: 1.25;
  letter-spacing: .07em;
}

.chapter-one-header h2:focus { outline: none; }

.chapter-one-header > p:last-child {
  margin: 14px 0 0;
  color: #61777e;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: 1.08rem;
  letter-spacing: .08em;
}

.chapter-one-copy {
  padding-top: 36px;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: clamp(1.04rem, 1.65vw, 1.17rem);
  line-height: 2;
}

.chapter-one-copy p { margin: 0 0 1.45em; }
.chapter-one-copy strong { color: #243e47; }

.chapter-one-copy blockquote {
  margin: 42px 0;
  padding: 28px 28px 28px 34px;
  color: #243e47;
  background: rgba(255, 255, 255, .36);
  border-left: 3px solid #b9965f;
  font-size: clamp(1.2rem, 2.25vw, 1.62rem);
  font-weight: 700;
  line-height: 1.75;
}

.chapter-coming-soon {
  margin-top: 38px;
  padding: 30px clamp(22px, 5vw, 38px);
  text-align: center;
  background: linear-gradient(135deg, rgba(222, 231, 226, .86), rgba(255, 251, 242, .84));
  border: 1px solid rgba(185, 150, 95, .5);
  box-shadow: 10px 10px 0 rgba(185, 150, 95, .12);
}

.chapter-coming-soon > span {
  color: #a37d3d;
  font-family: Arial, sans-serif;
  font-size: .71rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.chapter-coming-soon h3 {
  margin: 12px 0 8px;
  color: #243e47;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  letter-spacing: .07em;
}

.chapter-coming-soon p {
  margin: 0 0 18px;
  color: #52666d;
  font-size: .96rem;
}

.chapter-coming-soon a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #243e47;
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.chapter-coming-soon a:hover,
.chapter-coming-soon a:focus-visible { color: #8c6530; }

.special-sources {
  padding: 70px 0;
  background: #e9e2d8;
  border-top: 1px solid rgba(46, 70, 82, .12);
}

.special-sources-inner {
  width: min(100% - 36px, 900px);
  margin-inline: auto;
}

.special-sources h2 {
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
}

.special-sources ol {
  display: grid;
  gap: 11px;
  padding-left: 1.4rem;
}

.special-sources li {
  line-height: 1.75;
}

.special-sources a {
  color: var(--sp-indigo);
  text-underline-offset: 3px;
}

.source-clarification {
  margin-top: 26px;
  padding: 18px 20px;
  background: rgba(255, 250, 240, .62);
  border-left: 4px solid var(--sp-sage);
  line-height: 1.75;
}

.back-to-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 35;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  color: var(--sp-white);
  background: var(--sp-indigo);
  border: 1px solid var(--sp-gold);
  border-radius: 50%;
  box-shadow: 0 10px 25px rgba(32, 54, 64, .25);
  transition: opacity .25s ease, transform .25s ease;
  transform: translateY(10px);
  cursor: pointer;
}

.back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .7s ease, transform .7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 980px) {
  .special-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
    gap: 32px;
  }

  .special-toc {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .intro-copy {
    width: min(100% - 30px, 620px);
  }

  .intro-copy h1 {
    font-size: clamp(2rem, 11vw, 3.6rem);
    letter-spacing: .045em;
  }

  .intro-copy h1 span {
    margin-top: 13px;
    font-size: .38em;
    line-height: 1.5;
    letter-spacing: .12em;
  }

  .intro-first-line {
    font-size: clamp(1.05rem, 5.2vw, 1.5rem);
    letter-spacing: .08em;
  }

  .intro-final-line {
    margin-top: 23px !important;
    font-size: .96rem;
    line-height: 1.75;
    letter-spacing: .07em;
  }

  .intro-chair {
    bottom: 18%;
  }

  .intro-shadow-child {
    bottom: 27%;
  }

  .intro-hospital-lines::after {
    left: 30%;
    right: 30%;
    width: auto;
  }

  .intro-hospital-door {
    left: -2%;
    width: 29vw;
  }

  .intro-hospital-bench {
    right: 5%;
    width: 37vw;
  }

  .intro-skip {
    right: max(12px, env(safe-area-inset-right));
    top: max(12px, env(safe-area-inset-top));
    padding: 9px 12px;
    font-size: .76rem;
  }

  .intro-replay {
    margin-top: 12px;
  }

  .special-breadcrumb {
    padding-top: 12px;
    font-size: .78rem;
  }

  .special-hero {
    padding-top: 24px;
  }

  .special-hero-grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .special-hero-copy {
    order: 1;
  }

  .paper-art-frame {
    order: 2;
    width: min(92vw, 560px);
    margin-top: 14px;
  }

  .special-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.7rem);
  }

  .special-hero h1 span {
    font-size: 1.08rem;
  }

  .special-deck {
    margin-top: 22px;
    font-size: 1.02rem;
  }

  .special-hero-quote {
    padding: 18px 18px 18px 22px;
  }

  .reading-note-card {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 18px;
  }

  .special-toc-section {
    padding-top: 28px;
    overflow: hidden;
  }

  .special-toc {
    display: flex;
    gap: 8px;
    margin-inline: 0;
    padding: 10px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .special-toc a {
    flex: 0 0 min(76vw, 245px);
    min-height: 56px;
    scroll-snap-align: start;
  }

  .story-section {
    padding: 66px 0;
  }

  .story-section::before {
    top: 30px;
    font-size: 6rem;
  }

  .story-copy {
    font-size: 1.055rem;
    line-height: 1.95;
  }

  .comparison-grid,
  .responsibility-grid,
  .special-actions {
    grid-template-columns: 1fr;
  }

  .comparison-grid {
    width: min(100% - 28px, 720px);
  }

  .pull-quote {
    padding-left: 24px;
    font-size: 1.38rem;
  }

  .special-timeline {
    padding-left: 30px;
  }

  .timeline-item::before {
    left: -26px;
  }

  .paper-cut-layer.layer-one,
  .paper-cut-layer.layer-two {
    opacity: .36;
  }

  .final-chapter-number {
    top: 30px;
    right: 18px;
    font-size: 6.6rem;
  }

  .final-mantra {
    margin-top: 20px;
    padding: 12px 16px;
    letter-spacing: .15em;
  }

  .next-chapter-transition {
    min-height: 200vh;
    min-height: 200svh;
  }

  .transition-last-line,
  .chapter-threshold {
    width: min(100% - 30px, 620px);
  }

  .transition-last-line {
    font-size: clamp(1.24rem, 6vw, 2rem);
    letter-spacing: .08em;
  }

  .chapter-threshold {
    top: 51%;
  }

  .chapter-threshold h2 {
    font-size: clamp(2.4rem, 12vw, 3.9rem);
    letter-spacing: .045em;
  }

  .next-chapter-deck {
    max-width: 30rem;
    font-size: .96rem;
    line-height: 1.75;
  }

  .next-chapter-cta {
    width: min(100%, 430px);
    min-height: 62px;
    margin-top: 28px;
  }

  .ancient-window {
    left: 4vw;
    width: 44vw;
    opacity: .4;
  }

  .ancient-chair {
    right: 9vw;
    opacity: .42;
  }

  .hospital-curtain {
    right: -12vw;
    width: 64vw;
  }

  .door-frame::before {
    inset-inline: 3vw;
  }

  .door-panel {
    width: 47vw;
  }

  .chapter-one-inner {
    width: min(100% - 28px, 800px);
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .intro-chair {
    bottom: 11%;
    width: clamp(74px, 9vw, 112px);
    height: clamp(116px, 33vh, 164px);
  }

  .intro-shadow-child {
    bottom: 28%;
    width: clamp(35px, 4.5vw, 56px);
    height: clamp(64px, 22vh, 104px);
  }

  .intro-copy h1 {
    margin-top: 12px;
    font-size: clamp(1.75rem, 9vh, 3.15rem);
  }

  .intro-copy h1 span {
    margin-top: 9px;
  }

  .intro-final-line {
    margin-top: 14px !important;
    font-size: .86rem;
  }
}

@media (max-width: 480px) {
  .special-hero h1 {
    letter-spacing: .015em;
  }

  .special-meta span {
    font-size: .72rem;
  }

  .paper-art-frame {
    padding: 10px;
  }

  .paper-art-frame::before {
    inset: -8px 8px 8px -8px;
  }

  .paper-art-frame::after {
    inset: 8px -8px -8px 8px;
  }

  .story-inner,
  .special-sources-inner {
    width: min(100% - 28px, 780px);
  }

  .paper-note,
  .legal-note {
    padding: 24px 19px;
  }

  .back-to-top {
    right: 12px;
    bottom: 12px;
  }

  .chapter-transition-prologue {
    padding: 82px 0 112px;
  }

  .chapter-transition-prologue-inner {
    width: min(100% - 32px, 760px);
  }

  .chapter-transition-prologue p {
    margin-bottom: 1.8em;
    font-size: 1.02rem;
    line-height: 1.9;
    letter-spacing: .055em;
  }

  .next-chapter-eyebrow {
    font-size: .67rem;
    letter-spacing: .13em;
  }

  .next-chapter-deck {
    margin-top: 15px;
  }

  .next-chapter-cta {
    padding: 15px 13px;
  }

  .chapter-transition-skip {
    top: max(10px, env(safe-area-inset-top));
    right: max(10px, env(safe-area-inset-right));
    padding: 8px 11px;
    font-size: .7rem;
  }

  .transition-scroll-cue {
    width: calc(100% - 30px);
    text-align: center;
  }

  .chapter-one-copy blockquote {
    padding: 24px 20px 24px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .reveal,
  .special-toc a,
  .special-actions a,
  .back-to-top {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .special-intro.is-closing {
    animation: none;
  }

  .next-chapter-transition {
    min-height: 100vh;
    min-height: 100svh;
  }

  .next-chapter-stage {
    position: relative;
    height: 100vh;
    height: 100svh;
  }

  .next-chapter-ancient {
    opacity: .16;
    transform: none;
  }

  .next-chapter-modern {
    opacity: 1;
  }

  .door-panel-left {
    transform: translateX(-104%);
  }

  .door-panel-right {
    transform: translateX(104%);
  }

  .door-light {
    width: 82vw;
    opacity: .34;
  }

  .time-sunlight,
  .time-rain-shadow,
  .time-leaf-shadow,
  .time-wash,
  .ink-fade,
  .transition-last-line,
  .transition-scroll-cue,
  .chair-curtain-morph {
    display: none;
  }

  .chapter-threshold {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .next-chapter-cta {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .chapter-one-content.is-entering {
    animation: none;
  }
}

@media print {
  .special-progress,
  .special-toc-section,
  .back-to-top,
  .special-intro,
  .intro-replay,
  .language-switcher {
    display: none !important;
  }

  body.chair-special-page {
    background: #fff;
  }

  .story-section,
  .final-section,
  .chapter-transition-prologue,
  .next-chapter-transition,
  .chapter-one-content,
  .special-sources {
    color: #111;
    background: #fff !important;
    break-inside: avoid;
  }

  .next-chapter-stage {
    display: none;
  }

  .chapter-one-content[hidden] {
    display: block !important;
  }

  .chapter-one-header h2,
  .chapter-one-header > p,
  .next-chapter-eyebrow,
  .chapter-transition-prologue p {
    color: #111;
    text-shadow: none;
  }

  .story-heading h2,
  .final-section .story-heading h2,
  .final-section .story-copy strong,
  .final-section .pull-quote {
    color: #111;
  }
}

/* Entry cards on the Social Cases and Kaikai overview pages. */
.social-case-linked-records .social-case-special-link {
  grid-column: 1 / -1;
  position: relative;
  overflow: hidden;
  border-color: var(--sp-gold);
  background:
    radial-gradient(circle at 92% 18%, rgba(214, 182, 108, .2), transparent 34%),
    linear-gradient(135deg, #fff8e8, #eef1ed);
  box-shadow: 0 8px 20px rgba(46, 70, 82, .08);
}

.social-case-linked-records .social-case-special-link::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 50%;
  color: var(--sp-ochre);
  font-size: 20px;
  transform: translateY(-50%);
}

.social-case-linked-records .social-case-special-link strong {
  padding-right: 34px;
  color: var(--sp-indigo);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: 16px;
}

.case-connection-links:has(.case-connection-special) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-connection-links .case-connection-special {
  border-color: var(--sp-gold);
  background: linear-gradient(135deg, #fff8e8, #f0eee7);
}

.case-connection-links .case-connection-special small {
  color: var(--sp-ochre);
}

@media (max-width: 800px) {
  .case-connection-links:has(.case-connection-special) {
    grid-template-columns: 1fr;
  }
}

/* Highlighted special-feature button inside the homepage case dropdown. */
.social-case-nav-menu .social-case-menu-special {
  position: relative;
  margin: 7px 8px;
  padding: 13px 42px 13px 15px !important;
  overflow: hidden;
  border: 1px solid rgba(214, 182, 108, .72) !important;
  border-left: 4px solid var(--sp-ochre) !important;
  border-radius: 13px;
  background:
    radial-gradient(circle at 92% 20%, rgba(214, 182, 108, .26), transparent 34%),
    linear-gradient(135deg, #fff8e7, #eef1ed) !important;
  box-shadow: 0 8px 20px rgba(46, 70, 82, .12);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.social-case-nav-menu .social-case-menu-special::after {
  content: "→";
  position: absolute;
  right: 15px;
  top: 50%;
  color: var(--sp-ochre);
  font-size: 20px;
  font-weight: 900;
  transform: translateY(-50%);
}

.social-case-nav-menu .social-case-menu-special small {
  display: block;
  margin-bottom: 2px;
  color: var(--sp-ochre);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}

.social-case-nav-menu .social-case-menu-special b {
  display: block;
  color: var(--sp-indigo-deep);
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
}

.social-case-nav-menu .social-case-menu-special span {
  color: #69777b;
}

.social-case-nav-menu .social-case-menu-special:hover,
.social-case-nav-menu .social-case-menu-special:focus-visible {
  border-color: var(--sp-gold) !important;
  box-shadow: 0 12px 25px rgba(46, 70, 82, .17), 0 0 0 2px rgba(214, 182, 108, .12);
  transform: translateY(-2px);
}

@media (max-width: 800px) {
  .social-case-nav-menu .social-case-menu-special {
    margin: 5px 3px;
    padding: 12px 40px 12px 13px !important;
  }
}

/* Direct homepage navigation entry: layered golden paper-cut button. */
html[lang] header .nav > nav > a.nav-special-feature {
  position: relative;
  isolation: isolate;
  min-height: 43px !important;
  padding: 7px 13px 7px 9px !important;
  color: #203640 !important;
  background:
    linear-gradient(145deg, rgba(255, 248, 218, .96), rgba(240, 211, 135, .98) 42%, rgba(214, 182, 108, .98) 72%, rgba(245, 224, 166, .98)) !important;
  border: 1px solid #b9842d !important;
  border-radius: 5px 13px 6px 12px !important;
  box-shadow:
    3px 3px 0 rgba(159, 95, 77, .42),
    6px 6px 0 rgba(46, 70, 82, .12),
    0 9px 20px rgba(73, 53, 24, .13) !important;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .06em;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html[lang] header .nav > nav > a.nav-special-feature::before {
  content: "✦" !important;
  display: grid !important;
  place-items: center;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  color: #6f4c17;
  background: linear-gradient(145deg, #fff2be, #c99437) !important;
  background-image: linear-gradient(145deg, #fff2be, #c99437) !important;
  border: 1px solid rgba(126, 82, 20, .38) !important;
  border-radius: 48% 52% 46% 54% / 53% 45% 55% 47% !important;
  box-shadow: 2px 2px 0 rgba(159, 95, 77, .26) !important;
  font-family: Georgia, serif;
  font-size: 12px;
  line-height: 1;
}

html[lang] header .nav > nav > a.nav-special-feature::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 9px;
  height: 9px;
  background: linear-gradient(135deg, #fff8d8 0 49%, #a96f22 50% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  opacity: .88;
  pointer-events: none;
}

html[lang] header .nav > nav > a.nav-special-feature:hover,
html[lang] header .nav > nav > a.nav-special-feature:focus-visible {
  color: #162f3d !important;
  background: linear-gradient(145deg, #fff7ce, #e9c66d 54%, #f5dfa0) !important;
  box-shadow:
    2px 2px 0 rgba(159, 95, 77, .46),
    5px 5px 0 rgba(46, 70, 82, .13),
    0 12px 24px rgba(73, 53, 24, .18) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1100px) {
  html[lang] header .nav > nav > a.nav-special-feature {
    justify-content: flex-start !important;
    width: 100%;
    min-height: 48px !important;
    padding: 9px 14px 9px 11px !important;
    font-size: 15px !important;
    white-space: normal !important;
  }
}

/* Homepage special-feature dropdown: a distinct golden paper-cut crane. */
html[lang] header .nav .special-feature-nav .special-feature-nav-toggle {
  position: relative;
  isolation: isolate;
  gap: 7px !important;
  min-height: 45px !important;
  padding: 6px 12px 6px 8px !important;
  color: #203640 !important;
  border: 1px solid #b9842d !important;
  border-radius: 5px 14px 6px 12px !important;
  background:
    linear-gradient(145deg, rgba(255, 249, 222, .98), rgba(243, 218, 151, .98) 45%, rgba(211, 174, 91, .98) 74%, rgba(247, 228, 174, .98)) !important;
  box-shadow:
    3px 3px 0 rgba(159, 95, 77, .42),
    6px 6px 0 rgba(46, 70, 82, .12),
    0 10px 22px rgba(73, 53, 24, .15) !important;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif !important;
  font-weight: 900 !important;
  letter-spacing: .055em;
  white-space: nowrap !important;
}

html[lang] header .nav .special-feature-nav .special-feature-nav-toggle::before {
  content: "" !important;
  display: block !important;
  width: 37px !important;
  height: 29px !important;
  flex: 0 0 37px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("./art/golden-paper-crane.svg") center / contain no-repeat !important;
  box-shadow: none !important;
  filter: drop-shadow(1px 2px 1px rgba(88, 54, 12, .25));
}

html[lang] header .nav .special-feature-nav .special-feature-nav-toggle::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 3px;
  right: 3px;
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, #fff8d8 0 49%, #9f6820 50% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  opacity: .9;
  pointer-events: none;
}

html[lang] header .nav .special-feature-nav .special-feature-nav-toggle i {
  color: #775019;
  font-weight: 900;
}

html[lang] header .nav .special-feature-nav .special-feature-nav-toggle:hover,
html[lang] header .nav .special-feature-nav.is-open .special-feature-nav-toggle,
html[lang] header .nav .special-feature-nav .special-feature-nav-toggle:focus-visible {
  color: #162f3d !important;
  border-color: #a87022 !important;
  background: linear-gradient(145deg, #fff8d3, #eac76f 54%, #f6e2a7) !important;
  box-shadow:
    2px 2px 0 rgba(159, 95, 77, .46),
    5px 5px 0 rgba(46, 70, 82, .13),
    0 13px 26px rgba(73, 53, 24, .2) !important;
  transform: translateY(-2px) !important;
}

html[lang] header .nav .special-feature-nav-menu {
  left: auto;
  right: 0;
  width: min(570px, 88vw);
  padding: 10px;
  grid-template-columns: 1fr;
  border-color: rgba(185, 132, 45, .48);
  border-radius: 18px 6px 18px 18px;
  background:
    radial-gradient(circle at 93% 10%, rgba(214, 182, 108, .2), transparent 32%),
    rgba(255, 253, 247, .99);
  box-shadow:
    4px 4px 0 rgba(159, 95, 77, .2),
    0 25px 60px rgba(8, 35, 63, .22);
  transform: none;
}

.special-feature-menu-path {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 2px 4px 1px;
  color: #7d6c52;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.special-feature-menu-path i { color: #b9842d; font-style: normal; }
.special-feature-menu-path a {
  min-width: 0;
  padding: 0 !important;
  color: #173b4c !important;
  font-weight: 900;
  text-decoration: none;
}

.special-feature-case-group { position: relative; min-width: 0; }

.special-feature-case-toggle {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  min-height: 68px;
  padding: 11px 15px;
  border: 1px solid rgba(185,132,45,.42);
  border-radius: 12px 4px 12px 12px;
  color: #173b4c;
  background: linear-gradient(135deg,#fff9e8,#f0eee5);
  box-shadow: 3px 3px 0 rgba(214,182,108,.24);
  cursor: pointer;
  text-align: left;
}
.special-feature-case-toggle span { display: grid; gap: 2px; min-width: 0; }
.special-feature-case-toggle small { color: #a06d20; font-size: 9px; font-weight: 950; letter-spacing: .16em; }
.special-feature-case-toggle strong { color: #173b4c; font-family: "Noto Serif TC","Noto Serif JP",Georgia,serif; font-size: 20px; line-height: 1.35; }
.special-feature-case-toggle i { color: #a87022; font-size: 24px; font-style: normal; transition: transform .2s ease; }
.special-feature-case-group.is-expanded .special-feature-case-toggle,
.special-feature-case-toggle:hover,
.special-feature-case-toggle:focus-visible { border-color: #b9842d; background: linear-gradient(135deg,#fff4cf,#eee9dc); }
.special-feature-case-group.is-expanded .special-feature-case-toggle i { transform: rotate(90deg); }

.special-feature-case-children {
  display: none;
  gap: 8px;
  margin-top: 8px;
  padding-left: 18px;
  border-left: 2px solid rgba(185,132,45,.46);
}
.special-feature-case-group.is-expanded .special-feature-case-children { display: grid; }

html[lang] header .nav .special-feature-nav-menu .special-feature-menu-prologue {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px 12px;
  min-width: 0;
  padding: 10px 13px !important;
  border: 1px solid rgba(185, 132, 45, .3);
  border-radius: 10px 3px 10px 10px;
  color: #203640 !important;
  background: rgba(255, 249, 229, .78) !important;
  text-decoration: none;
}

.special-feature-menu-prologue small { color: #a06d20; font-size: 9px; font-weight: 950; letter-spacing: .15em; }
.special-feature-menu-prologue strong { color: #173b4c; font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif; font-size: 16px; }
.special-feature-menu-prologue span { min-width: 0; color: #68767a; font-size: 11px; line-height: 1.55; }
.special-feature-menu-prologue b { grid-column: 3; grid-row: 1 / 3; color: #a87022; font-size: 18px; }
html[lang] header .nav .special-feature-nav-menu .special-feature-menu-prologue:hover,
html[lang] header .nav .special-feature-nav-menu .special-feature-menu-prologue:focus-visible { border-color: #b9842d; background: #fff8df !important; transform: translateY(-1px); }

.special-feature-prologue-group { min-width: 0; }
.special-feature-prologue-child {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 0;
  opacity: 0;
  transform: translateY(-5px);
  visibility: hidden;
  transition: grid-template-rows .28s ease, margin-top .28s ease, opacity .22s ease, transform .28s ease, visibility 0s linear .28s;
}
.special-feature-prologue-child > a { min-height: 0; overflow: hidden; }
.special-feature-prologue-group.is-expanded .special-feature-prologue-child {
  grid-template-rows: 1fr;
  margin-top: 9px;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s;
}
.special-feature-prologue-group.is-expanded .special-feature-menu-prologue b { transform: rotate(90deg); }
.special-feature-menu-prologue b { transition: transform .22s ease; }

@media (hover:hover) and (min-width:801px) {
  .special-feature-prologue-group:hover .special-feature-prologue-child,
  .special-feature-prologue-group:focus-within .special-feature-prologue-child {
    grid-template-rows: 1fr;
    margin-top: 9px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition-delay: 0s;
  }
  .special-feature-prologue-group:hover .special-feature-menu-prologue b,
  .special-feature-prologue-group:focus-within .special-feature-menu-prologue b { transform: rotate(90deg); }
}

html[lang="en"] .special-feature-menu-prologue strong,
html[lang="ja"] .special-feature-menu-prologue strong {
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

html[lang] header .nav .special-feature-nav-menu::before {
  left: auto;
  right: 39px;
  border-color: rgba(185, 132, 45, .48) transparent transparent rgba(185, 132, 45, .48);
  background: #fffaf0;
  transform: rotate(45deg);
}

html[lang] header .nav .special-feature-nav-menu .special-feature-menu-card {
  display: grid !important;
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(185, 132, 45, .4);
  border-radius: 12px 3px 12px 12px;
  background:
    linear-gradient(135deg, rgba(255, 249, 229, .98), rgba(238, 239, 233, .96)) !important;
  box-shadow:
    3px 3px 0 rgba(214, 182, 108, .28),
    7px 7px 0 rgba(46, 70, 82, .08) !important;
  color: #203640 !important;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html[lang] header .nav .special-feature-nav-menu .special-feature-menu-card:hover,
html[lang] header .nav .special-feature-nav-menu .special-feature-menu-card:focus-visible {
  border-color: #b9842d !important;
  background: linear-gradient(135deg, #fff8df, #f0eee5) !important;
  box-shadow:
    2px 2px 0 rgba(214, 182, 108, .35),
    6px 6px 0 rgba(46, 70, 82, .1),
    0 14px 28px rgba(46, 70, 82, .14) !important;
  transform: translateY(-2px) !important;
}

.special-feature-menu-art {
  display: block;
  min-height: 156px;
  overflow: hidden;
  background: #d9d7cc;
}

.special-feature-menu-art img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 156px;
  object-fit: cover;
  object-position: center 62%;
  filter: saturate(.82) contrast(1.02);
}

.special-feature-menu-copy {
  display: flex;
  min-width: 0;
  padding: 15px 17px 14px 0;
  flex-direction: column;
  justify-content: center;
}

.special-feature-menu-copy small {
  display: block;
  color: #a06d20;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}

.special-feature-menu-copy strong {
  display: block;
  margin: 4px 0 5px;
  color: #173b4c;
  font-family: "Noto Serif TC", "Noto Serif JP", Georgia, serif;
  font-size: 20px;
  line-height: 1.35;
}

.special-feature-menu-copy > span {
  display: block;
  color: #68767a;
  font-size: 11px;
  line-height: 1.65;
}

.special-feature-menu-copy b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  color: #9f5f4d;
  font-size: 12px;
  font-weight: 900;
}

.special-feature-menu-copy em {
  color: #a87022;
  font-size: 17px;
  font-style: normal;
  line-height: 1;
}

/* The feature leads the homepage latest-news reel. */
.home-news-card.is-special-feature {
  position: relative;
  border-color: rgba(185, 132, 45, .55);
  border-radius: 5px 15px 7px 14px;
  background:
    radial-gradient(circle at 94% 8%, rgba(214, 182, 108, .24), transparent 31%),
    linear-gradient(145deg, rgba(255, 249, 230, .96), rgba(236, 239, 235, .96));
  box-shadow:
    3px 3px 0 rgba(214, 182, 108, .38),
    7px 7px 0 rgba(159, 95, 77, .17),
    0 16px 30px rgba(46, 70, 82, .12);
}

.home-news-card.is-special-feature:hover,
.home-news-card.is-special-feature:focus-visible {
  box-shadow:
    2px 2px 0 rgba(214, 182, 108, .42),
    6px 6px 0 rgba(159, 95, 77, .2),
    0 22px 38px rgba(46, 70, 82, .17);
}

.home-news-card.is-special-feature .home-news-card-media {
  background: #2e4652;
}

.home-news-card.is-special-feature .home-news-card-media img {
  object-position: center 62%;
  filter: saturate(.82) contrast(1.03);
}

.home-news-card.is-special-feature .home-news-card-media > span {
  color: #203640;
  border: 1px solid rgba(185, 132, 45, .62);
  border-radius: 3px 9px 4px 8px;
  background: linear-gradient(145deg, #fff4c3, #d6b66c 62%, #f3dc9d);
  box-shadow: 2px 2px 0 rgba(159, 95, 77, .35);
}

.home-news-card.is-special-feature .home-news-card-copy small {
  color: #9a6720;
}

.home-news-card.is-special-feature .home-news-card-copy strong {
  color: #1e4050;
}

@media (max-width: 1100px) {
  html[lang] header .nav .special-feature-nav .special-feature-nav-toggle {
    justify-content: flex-start !important;
    width: 100%;
    min-height: 49px !important;
    padding: 8px 13px 8px 10px !important;
    font-size: 15px !important;
    white-space: normal !important;
  }

  html[lang] header .nav .special-feature-nav .special-feature-nav-toggle i {
    margin-left: auto;
  }
}

@media (max-width: 800px) {
  html[lang] header .nav .special-feature-nav-menu {
    position: static;
    right: auto;
    width: 100% !important;
    margin: 5px 0 7px;
    padding: 7px;
    border-radius: 14px;
    box-shadow: 3px 3px 0 rgba(214, 182, 108, .2);
  }

  html[lang] header .nav .special-feature-nav-menu .special-feature-menu-card {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
  }

  .special-feature-case-toggle { min-height: 58px; padding: 9px 12px; }
  .special-feature-case-toggle strong { font-size: 18px; }
  .special-feature-case-children { padding-left: 11px; }

  .special-feature-menu-art,
  .special-feature-menu-art img {
    min-height: 142px;
  }

  .special-feature-menu-copy {
    padding: 12px 12px 12px 0;
  }

  .special-feature-menu-copy strong {
    font-size: 17px;
  }
}

@media (max-width: 420px) {
  html[lang] header .nav .special-feature-nav-menu .special-feature-menu-card {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
  }

  .special-feature-menu-copy > span {
    font-size: 10px;
  }
}

/* Final cascade overrides for the scroll-led Chapter 01 preview. */
.chapter-one-content{display:block!important;min-height:620vh;padding:0;overflow:clip;background:linear-gradient(180deg,#d8e0df,#eef0ea 22%,#d9d8cf 100%)}
.chapter-one-inner{position:relative;width:100%;max-width:none;min-height:620vh;margin:0;padding:0}
.chapter-one-header{padding:clamp(25px,4vw,48px);border:1px solid rgba(224,194,132,.5)}
.chapter-one-header h2{font-size:clamp(2.5rem,8vw,5.7rem)}
.chapter-coming-soon{display:block;min-height:62vh;margin:0 0 42vh;padding:clamp(34px,6vw,64px)}
@media(max-width:760px){.chapter-one-content,.chapter-one-inner{min-height:680vh}.chapter-coming-soon{margin-bottom:46vh}}
@media(prefers-reduced-motion:reduce){.chapter-one-content,.chapter-one-inner{min-height:auto}.chapter-coming-soon{min-height:0;margin-bottom:28px}}

/* =====================================================================
   2026-08-20 — Special Features: contained three-column navigator
   Kaikai Case, Social Observation and Prison Watch stay inside the
   Special Features dropdown. Mobile remains an accessible accordion.
   ===================================================================== */
html[lang] header .nav .special-feature-nav-menu{
  width:min(1080px,96vw);
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:12px;
  padding:13px;
}

/* Never expose the feature groups as top-level navigation. */
html[lang] header .nav .special-feature-nav:not(.is-open) > .special-feature-nav-menu{
  display:none!important;
}

html[lang] header .nav .special-feature-nav.is-open > .special-feature-nav-menu{
  display:grid;
}

.special-feature-menu-hint{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0;
  padding:4px 5px 8px;
  color:#6d746f;
  font-size:10px;
  line-height:1.45;
  letter-spacing:.05em;
}
.special-feature-menu-hint span{
  color:#173b4c;
  font-family:"Noto Serif TC","Noto Serif JP",Georgia,serif;
  font-size:13px;
  font-weight:900;
}
.special-feature-menu-hint b{
  color:#906326;
  font-weight:800;
}

.special-feature-nav-menu .special-feature-case-group{
  display:grid;
  grid-template-rows:auto 1fr;
  height:100%;
  padding:7px;
  border:1px solid rgba(185,132,45,.24);
  border-radius:16px 5px 16px 16px;
  background:rgba(255,252,243,.66);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.special-feature-nav-menu .special-feature-case-children{
  display:none;
  align-content:start;
  gap:9px;
  margin-top:9px;
  padding:0;
  border-left:0;
}

.special-feature-nav-menu .special-feature-case-group.is-expanded .special-feature-case-children{
  display:grid;
}

.special-feature-nav-menu .special-feature-case-toggle{
  min-height:64px;
  cursor:pointer;
}
.special-feature-nav-menu .special-feature-case-toggle i{
  transform:none;
}
.special-feature-nav-menu .special-feature-case-group.is-expanded .special-feature-case-toggle i{
  transform:rotate(90deg);
}

.special-feature-nav-menu .special-feature-menu-card{
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:13px!important;
}
.special-feature-nav-menu .special-feature-menu-art,
.special-feature-nav-menu .special-feature-menu-art img{
  min-height:146px;
}
.special-feature-nav-menu .special-feature-menu-copy{
  padding:13px 13px 13px 0;
}
.special-feature-nav-menu .special-feature-menu-copy strong{
  font-size:18px;
}

@media (hover:hover) and (min-width:1101px){
  .special-feature-nav-menu:has(.special-feature-case-group:hover) .special-feature-case-group:not(:hover){
    opacity:.68;
    transform:scale(.982);
  }
  .special-feature-nav-menu .special-feature-case-group:hover{
    z-index:2;
    border-color:rgba(185,132,45,.65);
    background:rgba(255,250,232,.98);
    box-shadow:0 17px 34px rgba(46,70,82,.14),3px 3px 0 rgba(214,182,108,.25);
    transform:translateY(-3px);
  }
  .special-feature-nav-menu .special-feature-case-group:hover .special-feature-case-toggle{
    border-color:#b9842d;
    background:linear-gradient(135deg,#fff4cf,#eee9dc);
  }
}

@media (min-width:801px) and (max-width:1100px){
  html[lang] header .nav .special-feature-nav-menu{
    position:static;
    right:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%!important;
    margin:5px 0 7px;
    border-radius:14px;
    box-shadow:3px 3px 0 rgba(214,182,108,.2);
  }
  .special-feature-nav-menu .special-feature-case-children{
    display:none!important;
  }
  .special-feature-nav-menu .special-feature-case-group.is-expanded .special-feature-case-children{
    display:grid!important;
  }
}

@media (max-width:800px){
  html[lang] header .nav .special-feature-nav-menu{
    display:none;
    grid-template-columns:1fr;
    width:100%!important;
    gap:7px;
    padding:7px;
  }
  html[lang] header .nav .special-feature-nav.is-open .special-feature-nav-menu{
    display:grid;
  }
  .special-feature-menu-hint{
    display:block;
    padding:4px 6px 7px;
  }
  .special-feature-menu-hint span,
  .special-feature-menu-hint b{display:block}
  .special-feature-menu-hint b{margin-top:2px}
  .special-feature-nav-menu .special-feature-case-group{
    display:block;
    height:auto;
    padding:5px;
  }
  .special-feature-nav-menu .special-feature-case-toggle{
    min-height:58px;
    cursor:pointer;
  }
  .special-feature-nav-menu .special-feature-case-toggle i{
    transform:none;
  }
  .special-feature-nav-menu .special-feature-case-children{
    display:none;
    margin-top:7px;
    padding-left:10px;
    border-left:2px solid rgba(185,132,45,.46);
  }
  .special-feature-nav-menu .special-feature-case-group.is-expanded .special-feature-case-children{
    display:grid;
  }
  .special-feature-nav-menu .special-feature-case-group.is-expanded .special-feature-case-toggle i{
    transform:rotate(90deg);
  }
  .special-feature-nav-menu .special-feature-menu-card{
    grid-template-columns:108px minmax(0,1fr)!important;
  }
  .special-feature-prologue-child { padding-left: 9px; }
  html[lang="en"] .special-feature-menu-prologue,
  html[lang="ja"] .special-feature-menu-prologue { grid-template-columns: minmax(0,1fr) auto !important; }
  html[lang="en"] .special-feature-menu-prologue small,
  html[lang="ja"] .special-feature-menu-prologue small,
  html[lang="en"] .special-feature-menu-prologue span,
  html[lang="ja"] .special-feature-menu-prologue span { grid-column: 1; }
  html[lang="en"] .special-feature-menu-prologue strong,
  html[lang="ja"] .special-feature-menu-prologue strong { grid-column: 1; }
  html[lang="en"] .special-feature-menu-prologue b,
  html[lang="ja"] .special-feature-menu-prologue b { grid-column: 2; grid-row: 1 / 4; }
}

@media (max-width:420px){
  .special-feature-nav-menu .special-feature-menu-card{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
}

/* bundled source: assets/pwa-install.css */
.pwa-install-launcher {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 9800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  max-width: min(88vw, 260px);
  padding: 11px 17px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  background: linear-gradient(135deg, #0c3c5e 0%, #082b4b 58%, #0b2238 100%);
  box-shadow: 0 12px 28px rgba(5, 28, 48, .28), inset 0 1px rgba(255, 255, 255, .16);
  color: #fff;
  font: 800 15px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .03em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.pwa-install-launcher:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 34px rgba(5, 28, 48, .34), inset 0 1px rgba(255, 255, 255, .18);
}

.pwa-install-launcher:active {
  transform: translateY(0) scale(.98);
}

.pwa-install-launcher:focus-visible,
.pwa-modal-close:focus-visible,
.pwa-modal-confirm:focus-visible {
  outline: 3px solid #f0a65d;
  outline-offset: 3px;
}

.pwa-install-launcher svg {
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.pwa-install-launcher[hidden] {
  display: none !important;
}

.pwa-nav-install {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(187, 137, 47, .35);
  border-radius: 999px;
  background: linear-gradient(135deg, #fff6df 0%, #f4dfaa 100%);
  box-shadow: 0 6px 16px rgba(112, 77, 22, .12), inset 0 1px rgba(255, 255, 255, .75);
  color: #79511a;
  font: 850 13px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.pwa-nav-install:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #fff9eb 0%, #f0d58f 100%);
  box-shadow: 0 9px 21px rgba(112, 77, 22, .17), inset 0 1px rgba(255, 255, 255, .8);
}

.pwa-nav-install:active { transform: translateY(0) scale(.98); }

.pwa-nav-install:focus-visible {
  outline: 3px solid #d79445;
  outline-offset: 3px;
}

.pwa-nav-install svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.pwa-nav-install[hidden] { display: none !important; }

.pwa-mobile-header-install { display: none; }

.pwa-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9900;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(3, 18, 31, .68);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}

.pwa-modal-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}

.pwa-install-dialog {
  position: relative;
  width: min(100%, 460px);
  max-height: min(86vh, 680px);
  overflow: auto;
  padding: 28px 26px 24px;
  border: 1px solid rgba(8, 43, 75, .14);
  border-radius: 24px;
  background: linear-gradient(155deg, #fffdf8 0%, #f5efe3 100%);
  box-shadow: 0 24px 70px rgba(0, 18, 34, .34);
  color: #142b3b;
  transform: translateY(12px) scale(.98);
  transition: transform .2s ease;
}

.pwa-modal-backdrop.is-open .pwa-install-dialog {
  transform: translateY(0) scale(1);
}

.pwa-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(8, 43, 75, .08);
  color: #18364d;
  font: 700 22px/1 system-ui, sans-serif;
  cursor: pointer;
}

.pwa-modal-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 34px;
}

.pwa-modal-brand img {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(8, 43, 75, .17);
}

.pwa-modal-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #88704f;
  font: 800 11px/1.2 system-ui, sans-serif;
  letter-spacing: .15em;
}

.pwa-install-dialog h2 {
  margin: 0;
  color: #082b4b;
  font: 900 clamp(21px, 5vw, 27px)/1.25 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pwa-modal-intro {
  margin: 18px 0 0;
  color: #435665;
  font: 500 15px/1.75 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pwa-modal-platform-note {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-left: 4px solid #c86f4c;
  border-radius: 5px 12px 12px 5px;
  background: rgba(200, 111, 76, .09);
  color: #553c32;
  font: 700 14px/1.6 system-ui, sans-serif;
}

.pwa-install-steps {
  display: grid;
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: pwa-step;
}

.pwa-install-steps li {
  counter-increment: pwa-step;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  color: #233f53;
  font: 600 14px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pwa-install-steps li::before {
  content: counter(pwa-step);
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: #dce8e4;
  color: #0b4a50;
  font: 900 14px/1 system-ui, sans-serif;
}

.pwa-modal-confirm {
  width: 100%;
  min-height: 46px;
  margin-top: 22px;
  border: 0;
  border-radius: 14px;
  background: #082b4b;
  color: #fff;
  font: 800 15px/1 system-ui, sans-serif;
  cursor: pointer;
}

.pwa-install-toast {
  position: fixed;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 9950;
  max-width: min(88vw, 420px);
  padding: 12px 17px;
  border-radius: 999px;
  background: #082b4b;
  box-shadow: 0 12px 30px rgba(4, 28, 48, .3);
  color: #fff;
  font: 700 14px/1.4 system-ui, sans-serif;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 12px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.pwa-install-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.pwa-modal-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  .pwa-install-launcher {
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(12px + env(safe-area-inset-bottom));
    min-height: 46px;
    padding: 10px 15px;
    font-size: 14px;
  }

  .pwa-modal-backdrop {
    align-items: end;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  }

  .pwa-install-dialog {
    width: 100%;
    max-height: 88vh;
    padding: 25px 20px 20px;
    border-radius: 23px;
  }
}

@media (max-width: 800px) {
  header .nav > nav .pwa-nav-install { display: none; }

  .pwa-mobile-header-install {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 40px;
    margin-left: auto;
    padding: 8px 11px;
    font-size: 13px;
    white-space: nowrap;
  }

  .pwa-mobile-header-install + .mobile-menu-toggle { margin-left: 0; }

  header .nav > nav .pwa-nav-install {
    width: 100%;
    min-height: 44px;
    margin: 5px 0 2px;
    padding: 10px 14px;
    border-radius: 11px;
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pwa-install-launcher,
  .pwa-nav-install,
  .pwa-modal-backdrop,
  .pwa-install-dialog,
  .pwa-install-toast {
    transition: none;
  }
}

@media print {
  .pwa-install-launcher,
  .pwa-nav-install,
  .pwa-mobile-header-install,
  .pwa-modal-backdrop,
  .pwa-install-toast {
    display: none !important;
  }
}


/* 2026-08-20 — Mobile install modal scrolling and footer-bar clearance */
.pwa-modal-backdrop{z-index:10050!important}
.pwa-install-dialog{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
body.pwa-modal-open .home-footer-mobile-bar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(120%)!important;
}
@media(max-width:640px){
  .pwa-modal-backdrop{
    overflow:hidden;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
  }
  .pwa-install-dialog{
    max-height:calc(100dvh - 16px - env(safe-area-inset-bottom))!important;
    padding-bottom:calc(26px + env(safe-area-inset-bottom))!important;
    scroll-padding-top:18px;
    scroll-padding-bottom:28px;
  }
  .pwa-modal-confirm{
    margin-bottom:4px;
  }
}

/* bundled source: assets/home-gsap.css */
/* Homepage GSAP enhancement layer
   Kept separate from site.css so the update can be applied without replacing
   the site's existing layout, navigation, counters, or language styles. */

:root {
  --home-gsap-navy: #082b4b;
  --home-gsap-blue: #2f6f92;
  --home-gsap-coral: #dc806f;
  --home-gsap-gold: #d9ac58;
  --home-gsap-ivory: #f8f4ec;
}

.home-gsap-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 9998;
  height: 3px;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--home-gsap-coral), var(--home-gsap-gold) 48%, #81b6c8);
  box-shadow: 0 0 16px rgba(217, 172, 88, 0.42);
}

.has-home-gsap .premium-home-hero {
  isolation: isolate;
  overflow: clip;
}

.home-gsap-ambient {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.home-gsap-orb {
  position: absolute;
  width: clamp(180px, 25vw, 390px);
  aspect-ratio: 1;
  border-radius: 999px;
  opacity: 0.24;
  filter: blur(44px);
  will-change: transform;
}

.home-gsap-orb.is-coral {
  top: 4%;
  left: -8%;
  background: radial-gradient(circle, rgba(220, 128, 111, 0.86), rgba(220, 128, 111, 0));
}

.home-gsap-orb.is-gold {
  right: -6%;
  bottom: -20%;
  background: radial-gradient(circle, rgba(217, 172, 88, 0.78), rgba(217, 172, 88, 0));
}

.home-gsap-orb.is-blue {
  top: 18%;
  right: 20%;
  width: clamp(130px, 18vw, 270px);
  background: radial-gradient(circle, rgba(129, 182, 200, 0.72), rgba(129, 182, 200, 0));
}

.has-home-gsap .premium-hero-art,
.has-home-gsap .premium-art-card,
.has-home-gsap .home-news-card,
.has-home-gsap .home-case-reel-card,
.has-home-gsap .home-progress-card,
.has-home-gsap .impact-metric-card,
.has-home-gsap .remember-kaikai-card {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.has-home-gsap .home-gsap-tilt {
  will-change: transform;
  transition: box-shadow 240ms ease, border-color 240ms ease;
}

.has-home-gsap .home-gsap-tilt:hover {
  box-shadow: 0 24px 52px rgba(8, 43, 75, 0.16);
}

.has-home-gsap .home-gsap-tilt img {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.home-gsap-reel-sheen {
  position: absolute;
  inset: -28% auto -28% -24%;
  z-index: 4;
  width: clamp(90px, 14vw, 190px);
  pointer-events: none;
  opacity: 0;
  transform: skewX(-15deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
  filter: blur(12px);
  mix-blend-mode: screen;
}

.has-home-gsap .home-news-reel,
.has-home-gsap .home-case-reel,
.has-home-gsap .home-progress-reel {
  position: relative;
}

.has-home-gsap .premium-art-orbit,
.has-home-gsap .premium-art-glow,
.has-home-gsap .premium-floating-tag,
.has-home-gsap .home-social-cases-qcluster,
.has-home-gsap .remember-kaikai-visual,
.has-home-gsap .home-advocacy-art,
.has-home-gsap .footer-light-ad img {
  will-change: transform;
}

.has-home-gsap .home-news-hub-mark,
.has-home-gsap .stream-icon,
.has-home-gsap .premium-kicker span {
  transform-origin: 50% 50%;
}

.has-home-gsap .home-gsap-active {
  will-change: transform, opacity;
}

@media (max-width: 760px) {
  .home-gsap-progress {
    height: 2px;
  }

  .home-gsap-orb {
    filter: blur(34px);
    opacity: 0.18;
  }

  .has-home-gsap .home-gsap-tilt:hover {
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-gsap-progress,
  .home-gsap-ambient,
  .home-gsap-reel-sheen {
    display: none !important;
  }

  .has-home-gsap .home-gsap-active,
  .has-home-gsap .home-gsap-tilt,
  .has-home-gsap .premium-art-orbit,
  .has-home-gsap .premium-floating-tag {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* 2026-08-20 — homepage hearing-note split and recent-document disc */
.home-hearing-notes{position:relative}
.home-hearing-notes::before{content:"";position:absolute;inset:10% 0 auto;height:65%;pointer-events:none;background:radial-gradient(circle at 12% 45%,rgba(176,142,132,.12),transparent 28rem)}
.home-news-card.is-hearing-note{border-color:rgba(156,105,93,.25);background:linear-gradient(145deg,rgba(255,250,246,.88),rgba(231,218,211,.65))}
.home-document-disc-section{overflow:hidden}
.home-document-disc-shell{position:relative;width:min(100%,980px);height:clamp(520px,62vw,690px);margin:18px auto 0;isolation:isolate;touch-action:pan-y}
.home-document-disc-shell::before,.home-document-disc-shell::after{content:"";position:absolute;inset:50% auto auto 50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.home-document-disc-shell::before{width:min(88vw,690px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,250,246,.82) 0 28%,rgba(185,159,151,.16) 29% 29.8%,rgba(210,196,188,.20) 30% 62%,rgba(255,255,255,.08) 63%);border:1px solid rgba(117,94,86,.15);box-shadow:inset 0 0 50px rgba(255,255,255,.7),0 24px 70px rgba(75,65,61,.10);backdrop-filter:blur(6px)}
.home-document-disc-shell::after{width:min(39vw,290px);aspect-ratio:1;border:1px dashed rgba(117,94,86,.25)}
.home-document-disc-orbit{position:absolute;inset:0;z-index:2;will-change:transform}
.home-document-disc-card{position:absolute;left:50%;top:50%;width:clamp(148px,18vw,205px);min-height:190px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(117,94,86,.18);border-radius:50% 50% 22px 22px;background:rgba(255,250,246,.74);box-shadow:0 16px 38px rgba(64,56,53,.13);backdrop-filter:blur(10px);transform-origin:50% 50%;transition:box-shadow .25s ease,border-color .25s ease}
.home-document-disc-card:hover,.home-document-disc-card:focus-visible{z-index:6;border-color:rgba(117,74,62,.45);box-shadow:0 22px 48px rgba(64,56,53,.20);outline:3px solid rgba(197,153,137,.35);outline-offset:3px}
.home-document-disc-card img{width:100%;height:105px;object-fit:cover;opacity:.82;filter:saturate(.72) contrast(.96)}
.home-document-disc-card>span{display:grid;gap:1px;padding:10px 13px 13px;text-align:center}
/* Homepage dialogue cards — soften the text tone while keeping it readable on the light paper panels. */
.home-document-disc-card small{color:#a68c81;font-size:.68rem;letter-spacing:.08em}
.home-document-disc-card strong{color:#657476;font-size:1rem;line-height:1.35}
.home-document-disc-card em{color:#899496;font-size:.72rem;font-style:normal;line-height:1.35}
.home-document-disc-center{position:absolute;left:50%;top:50%;z-index:3;width:clamp(146px,19vw,210px);aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;transform:translate(-50%,-50%);color:#728082;background:rgba(246,238,231,.72);border:1px solid rgba(117,94,86,.19);box-shadow:0 14px 42px rgba(64,56,53,.12);backdrop-filter:blur(12px)}
.home-document-disc-center span{color:#b18d80;font-size:.66rem;font-weight:900;letter-spacing:.2em}
.home-document-disc-center strong{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.15rem,2vw,1.55rem)}
.home-document-disc-center small{font-size:.68rem;color:#768184}
.home-document-disc-control{position:absolute;top:50%;z-index:8;width:48px;height:48px;border:1px solid rgba(117,94,86,.20);border-radius:50%;background:rgba(255,250,246,.82);color:#526769;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(64,56,53,.10);backdrop-filter:blur(8px);transform:translateY(-50%);transition:transform .2s ease,background .2s ease}
.home-document-disc-control:hover,.home-document-disc-control:focus-visible{background:#fffaf6;transform:translateY(-50%) scale(1.08);outline:2px solid rgba(156,105,93,.35)}
.home-document-disc-control.is-prev{left:0}.home-document-disc-control.is-next{right:0}
.home-document-disc-help{text-align:center;color:#728083;font-size:.82rem}
@media(max-width:760px){
  .home-document-disc-shell{height:510px;margin-top:6px}
  .home-document-disc-shell::before{width:430px}
  .home-document-disc-shell::after{width:180px}
  .home-document-disc-card{width:142px;min-height:168px}
  .home-document-disc-card img{height:82px}
  .home-document-disc-card>span{padding:8px 9px 10px}
  .home-document-disc-card em{display:none}
  .home-document-disc-center{width:142px}
  .home-document-disc-control{top:auto;bottom:0;width:44px;height:44px;transform:none}
  .home-document-disc-control:hover,.home-document-disc-control:focus-visible{transform:scale(1.06)}
  .home-document-disc-control.is-prev{left:calc(50% - 55px)}.home-document-disc-control.is-next{right:calc(50% - 55px)}
}
@media(max-width:430px){
  .home-document-disc-shell{height:470px}
  .home-document-disc-shell::before{width:365px}
  .home-document-disc-card{width:126px;min-height:150px}
  .home-document-disc-card img{height:70px}
  .home-document-disc-card strong{font-size:.86rem}
  .home-document-disc-center{width:118px}
}
@media(prefers-reduced-motion:reduce){
  .home-document-disc-orbit{transform:none!important}
  .home-document-disc-card{transition:none!important}
}


/* 2026-08-20 — dedicated homepage court-hearing notes zone */
.home-hearing-zone{position:relative;overflow:hidden;padding:clamp(72px,9vw,118px) 0;background:radial-gradient(circle at 8% 18%,rgba(205,174,165,.23),transparent 28rem),radial-gradient(circle at 90% 82%,rgba(154,175,173,.20),transparent 30rem),linear-gradient(145deg,#f6eee7,#ebe3de 54%,#dfe7e3)}
.home-hearing-zone::before{content:"旁聽紀錄";position:absolute;right:-.04em;top:.05em;color:rgba(99,83,78,.045);font:900 clamp(5rem,15vw,13rem)/1 "Noto Serif TC","Songti TC",serif;letter-spacing:.08em;white-space:nowrap;pointer-events:none}
.home-hearing-zone-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.home-hearing-zone-head h2{margin:.1em 0 .18em;color:#3f5557;font-family:"Noto Serif TC","Songti TC",serif}
.home-hearing-zone-head p{max-width:730px;margin:0;color:#647173;font-size:1rem}
.home-hearing-zone-all{flex:0 0 auto;padding:10px 16px;border:1px solid rgba(90,72,66,.20);border-radius:999px;background:rgba(255,250,246,.66);color:#5b6d6f;font-weight:800;backdrop-filter:blur(8px)}
.home-hearing-zone-feature{position:relative;z-index:2;display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:clamp(30px,5vw,68px);align-items:center;padding:clamp(22px,4vw,48px);border:1px solid rgba(99,78,71,.15);border-radius:36px;background:rgba(255,250,246,.68);box-shadow:0 28px 70px rgba(73,63,60,.12);backdrop-filter:blur(12px)}
.home-hearing-zone-feature+.home-hearing-zone-feature{margin-top:34px}
.home-hearing-zone-feature-prison-watch{background:radial-gradient(circle at 12% 16%,rgba(244,194,199,.24),transparent 34%),radial-gradient(circle at 88% 80%,rgba(217,201,229,.22),transparent 32%),rgba(255,250,246,.76)}
.home-hearing-zone-poster{position:relative;display:block;overflow:hidden;border-radius:26px;box-shadow:0 24px 50px rgba(62,53,50,.18);transform:rotate(-1.2deg)}
.home-hearing-zone-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 40%,rgba(255,255,255,.28),transparent 65%);transform:translateX(-120%)}
.home-hearing-zone-poster:hover::after{transform:translateX(120%);transition:transform .9s ease}
.home-hearing-zone-poster img{width:100%;aspect-ratio:4/5;object-fit:cover}
.home-hearing-zone-feature-day8,.home-hearing-zone-feature-day10{grid-template-columns:minmax(380px,1.18fr) minmax(300px,.82fr);gap:clamp(24px,3vw,46px)}
.home-hearing-zone-feature-day8 .home-hearing-zone-poster,.home-hearing-zone-feature-day10 .home-hearing-zone-poster{width:100%;max-width:none}
.home-hearing-zone-feature-day8 .home-hearing-zone-poster img,.home-hearing-zone-feature-day10 .home-hearing-zone-poster img{width:100%;height:auto;aspect-ratio:1586/992;object-fit:contain;background:#ead7b3}
.home-hearing-zone-poster>span{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:999px;background:rgba(63,85,87,.88);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(7px)}
.home-hearing-zone-copy{position:relative;z-index:2}
.home-hearing-zone-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.home-hearing-zone-meta>*{padding:5px 10px;border-radius:999px;background:rgba(166,131,119,.12);color:#80675f;font-size:.73rem;font-weight:800}
.home-hearing-zone-copy h3{margin:0;color:#3b5052;font:800 clamp(1.75rem,3.4vw,2.65rem)/1.3 "Noto Serif TC","Songti TC",serif}
.home-hearing-zone-lead{margin:12px 0 6px!important;color:#9b695c!important;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.05rem,2vw,1.3rem)!important;font-weight:700}
.home-hearing-zone-copy>p{color:#647173}
.home-hearing-zone-copy ul{display:grid;gap:9px;margin:22px 0;padding:0;list-style:none}
.home-hearing-zone-copy li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:11px 14px;border-left:3px solid rgba(156,105,93,.45);background:rgba(255,255,255,.42);color:#667375}
.home-hearing-zone-copy li b{color:#4c6264}
.home-hearing-zone-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}
.home-hearing-zone-actions>a:not(.btn){color:#657779;font-weight:800;border-bottom:1px solid currentColor}
.home-hearing-zone-primary{background:#4c6466!important;color:#fff!important;border-color:#4c6466!important}
.home-hearing-zone-stamp{position:absolute;right:24px;bottom:18px;width:104px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:2px solid rgba(151,91,77,.18);border-radius:50%;color:rgba(151,91,77,.38);transform:rotate(-8deg);pointer-events:none}
.home-hearing-zone-stamp::before{content:"";position:absolute;inset:6px;border:1px dashed currentColor;border-radius:50%}
.home-hearing-zone-stamp span,.home-hearing-zone-stamp small{font-size:.52rem;letter-spacing:.16em}.home-hearing-zone-stamp strong{font:900 1.35rem/1 "Noto Serif TC",serif}
@media(max-width:780px){
 .home-hearing-zone-head{align-items:flex-start;flex-direction:column}
 .home-hearing-zone-feature{grid-template-columns:1fr;padding:18px;border-radius:26px}
 .home-hearing-zone-poster{width:min(100%,420px);margin:auto;transform:none}
 .home-hearing-zone-copy{padding:4px 4px 18px}
 .home-hearing-zone-stamp{right:18px;bottom:12px;width:84px;opacity:.65}
}
@media(max-width:480px){
 .home-hearing-zone{padding:62px 0}
 .home-hearing-zone-copy li{grid-template-columns:1fr;gap:1px}
 .home-hearing-zone-actions{align-items:stretch;flex-direction:column}
 .home-hearing-zone-actions .btn{text-align:center}
 .home-hearing-zone-all{width:100%;text-align:center}
}


/* 2026-08-20 — children’s ferris wheel for eleven latest reports */
.home-latest-flash{position:relative;overflow:hidden;padding:clamp(74px,9vw,118px) 0;background:radial-gradient(circle at 14% 14%,rgba(255,209,216,.56),transparent 25rem),radial-gradient(circle at 88% 20%,rgba(188,220,225,.55),transparent 28rem),linear-gradient(180deg,#fff7ef,#f7e8e5 50%,#e6efeb)}
.home-latest-flash::before{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(175deg,transparent 0 36%,rgba(188,211,196,.44) 37% 68%,rgba(157,190,171,.36) 69%);pointer-events:none}
.home-flash-head{position:relative;z-index:5}.home-flash-head h2,.home-court-schedule h2{margin:.08em 0 .16em;color:#3f575c;font-family:"Noto Serif TC","Songti TC",serif}
.home-flash-head .stream-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.65);color:#d38b8d;box-shadow:0 8px 22px rgba(92,70,68,.08)}
.home-latest-flash .is-ferris-wheel{height:clamp(650px,72vw,790px);margin-top:4px}
.home-latest-flash .is-ferris-wheel::before{width:min(76vw,640px);background:rgba(255,255,255,.16);border:10px solid rgba(133,181,183,.28);box-shadow:inset 0 0 0 3px rgba(255,255,255,.52),0 24px 70px rgba(90,71,68,.10);backdrop-filter:blur(3px)}
.home-latest-flash .is-ferris-wheel::after{width:min(22vw,170px);background:radial-gradient(circle,#ffe9b8 0 25%,#efb7ad 26% 56%,rgba(255,255,255,.6) 57%);border:7px solid rgba(255,255,255,.62);box-shadow:0 8px 24px rgba(110,80,70,.14)}
.home-latest-flash .home-document-disc-card{width:clamp(112px,13vw,150px);min-height:154px;border-radius:24px 24px 34px 34px;border:3px solid rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,249,244,.88),rgba(243,217,218,.78));box-shadow:0 13px 30px rgba(91,70,68,.14)}
.home-latest-flash .home-document-disc-card:nth-child(3n+2){background:linear-gradient(145deg,rgba(250,251,240,.90),rgba(207,228,220,.82))}
.home-latest-flash .home-document-disc-card:nth-child(3n){background:linear-gradient(145deg,rgba(250,246,255,.90),rgba(218,210,231,.82))}
.home-latest-flash .home-document-disc-card::before{content:"";position:absolute;left:50%;top:-13px;width:32px;height:17px;border:4px solid rgba(111,154,158,.48);border-bottom:0;border-radius:18px 18px 0 0;transform:translateX(-50%)}
.home-latest-flash .home-document-disc-card img{height:72px;border-radius:20px 20px 10px 10px;opacity:.88}
.home-latest-flash .home-document-disc-card>span{padding:7px 8px 10px}.home-latest-flash .home-document-disc-card small{font-size:.58rem}.home-latest-flash .home-document-disc-card strong{font-size:.86rem}.home-latest-flash .home-document-disc-card em{font-size:.62rem}
.home-latest-flash .home-document-disc-center{width:clamp(118px,14vw,155px);background:rgba(255,247,229,.82);border:4px solid rgba(255,255,255,.76);color:#596e70}
.home-latest-flash .home-document-disc-center span{font-size:.48rem;color:#c77f80}.home-latest-flash .home-document-disc-center strong{font-size:1.1rem}.home-latest-flash .home-document-disc-center small{font-size:.58rem}
.home-ferris-spokes{position:absolute;left:50%;top:50%;z-index:1;width:min(76vw,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;will-change:transform}
.home-ferris-spokes i{position:absolute;left:50%;top:50%;width:94%;height:3px;border-radius:4px;background:rgba(126,174,176,.27);transform:translate(-50%,-50%)}
.home-ferris-spokes i:nth-child(2){transform:translate(-50%,-50%) rotate(45deg)}.home-ferris-spokes i:nth-child(3){transform:translate(-50%,-50%) rotate(90deg)}.home-ferris-spokes i:nth-child(4){transform:translate(-50%,-50%) rotate(135deg)}
.home-ferris-stand{position:absolute;left:50%;top:53%;z-index:0;width:min(44vw,360px);height:42%;transform:translateX(-50%);pointer-events:none}
.home-ferris-stand i{position:absolute;left:50%;top:0;width:12px;height:100%;border-radius:8px;background:rgba(102,151,153,.34);transform-origin:50% 0}.home-ferris-stand i:first-child{transform:rotate(25deg)}.home-ferris-stand i:nth-child(2){transform:rotate(-25deg)}
.home-ferris-stand b{position:absolute;left:50%;bottom:-6px;width:90%;height:16px;border-radius:999px;background:rgba(99,147,148,.36);transform:translateX(-50%)}
.home-ferris-cloud{position:absolute;z-index:0;width:125px;height:38px;border-radius:999px;background:rgba(255,255,255,.55);filter:drop-shadow(0 7px 13px rgba(95,76,72,.06));pointer-events:none}
.home-ferris-cloud::before,.home-ferris-cloud::after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.home-ferris-cloud::before{left:18px;width:54px;height:54px}.home-ferris-cloud::after{right:17px;width:43px;height:43px}
.home-ferris-cloud.cloud-one{left:2%;top:20%}.home-ferris-cloud.cloud-two{right:1%;top:43%;transform:scale(.75)}
.home-court-schedule{padding:clamp(70px,8vw,105px) 0;background:linear-gradient(180deg,#f4eee8,#f9f4ef)}
.home-court-schedule .home-news-stream-head{margin-bottom:28px}
@media(max-width:760px){
 .home-latest-flash .is-ferris-wheel{height:560px}
 .home-latest-flash .is-ferris-wheel::before,.home-ferris-spokes{width:390px}
 .home-latest-flash .is-ferris-wheel::after{width:100px}
 .home-latest-flash .home-document-disc-card{width:88px;min-height:112px;border-radius:16px 16px 24px 24px}
 .home-latest-flash .home-document-disc-card::before{top:-10px;width:24px;height:13px;border-width:3px}
 .home-latest-flash .home-document-disc-card img{height:46px;border-radius:13px 13px 7px 7px}
 .home-latest-flash .home-document-disc-card>span{padding:5px 5px 7px}.home-latest-flash .home-document-disc-card strong{font-size:.67rem}.home-latest-flash .home-document-disc-card small{font-size:.47rem}.home-latest-flash .home-document-disc-card em{display:none}
 .home-latest-flash .home-document-disc-center{width:92px}.home-latest-flash .home-document-disc-center strong{font-size:.82rem}.home-latest-flash .home-document-disc-center small{display:none}
 .home-ferris-stand{width:230px}.home-ferris-cloud{opacity:.7}
}
@media(max-width:430px){
 .home-latest-flash .is-ferris-wheel{height:510px}
 .home-latest-flash .is-ferris-wheel::before,.home-ferris-spokes{width:330px}
 .home-latest-flash .home-document-disc-card{width:78px;min-height:100px}
 .home-latest-flash .home-document-disc-card img{height:39px}
 .home-latest-flash .home-document-disc-card strong{font-size:.6rem}
}


/* 2026-08-20 — summer seaside amusement-park art pass */
.home-latest-flash{background:radial-gradient(circle at 13% 10%,rgba(255,188,202,.64),transparent 26rem),radial-gradient(circle at 86% 12%,rgba(255,224,174,.55),transparent 22rem),radial-gradient(circle at 92% 45%,rgba(170,221,220,.6),transparent 30rem),linear-gradient(180deg,#fff4ed 0%,#f9dfe2 40%,#d7ece7 76%,#bee0dd 100%)}
.home-latest-flash::after{content:"⌁  SUMMER SEASIDE PARK  ⌁";position:absolute;left:50%;bottom:22px;z-index:1;transform:translateX(-50%);color:rgba(74,137,143,.48);font:900 clamp(.68rem,1.5vw,.92rem)/1 system-ui,sans-serif;letter-spacing:.24em;white-space:nowrap}
.home-latest-flash .is-ferris-wheel::before{background:repeating-conic-gradient(from 0deg,rgba(255,246,224,.92) 0 1.2deg,rgba(239,145,153,.74) 1.4deg 2.7deg,rgba(128,190,192,.66) 3deg 4.2deg,rgba(255,255,255,.22) 4.5deg 8.2deg);border:12px solid rgba(255,255,255,.64);box-shadow:inset 0 0 0 7px rgba(112,174,178,.28),0 0 0 3px rgba(239,153,160,.26),0 30px 72px rgba(91,70,74,.13)}
.home-latest-flash .is-ferris-wheel::after{background:radial-gradient(circle,#fff8d1 0 20%,#f8c1b8 21% 45%,#8ec9c9 46% 61%,rgba(255,255,255,.85) 62% 69%,#f3aeb2 70%);box-shadow:0 0 0 9px rgba(255,255,255,.35),0 10px 28px rgba(105,73,73,.17)}
.home-ferris-spokes i{height:5px;background:linear-gradient(90deg,rgba(241,159,164,.46),rgba(255,255,255,.72) 50%,rgba(109,179,183,.48));box-shadow:0 0 7px rgba(255,255,255,.5)}
.home-latest-flash .home-document-disc-card{border-color:rgba(255,255,255,.9);box-shadow:0 12px 0 rgba(102,165,169,.12),0 18px 34px rgba(91,70,73,.14)}
.home-latest-flash .home-document-disc-card:nth-child(4n+1){background:linear-gradient(155deg,rgba(255,252,239,.95),rgba(255,193,200,.88))}
.home-latest-flash .home-document-disc-card:nth-child(4n+2){background:linear-gradient(155deg,rgba(241,255,251,.96),rgba(170,218,214,.88))}
.home-latest-flash .home-document-disc-card:nth-child(4n+3){background:linear-gradient(155deg,rgba(255,250,235,.96),rgba(250,211,156,.88))}
.home-latest-flash .home-document-disc-card:nth-child(4n){background:linear-gradient(155deg,rgba(250,246,255,.96),rgba(207,194,226,.88))}
.home-latest-flash .home-document-disc-card::after{content:"";position:absolute;left:14%;right:14%;bottom:4px;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,#ef9aa1 0 7px,#fff5dd 7px 14px,#75b8bd 14px 21px)}
.home-latest-flash .home-document-disc-center::before{content:"海邊遊樂園";position:absolute;left:50%;top:-27px;min-width:116px;padding:5px 10px;border:3px solid rgba(255,255,255,.85);border-radius:999px;background:linear-gradient(90deg,#f4a2aa,#f5c997,#84c2c4);color:#fff;font:900 .65rem/1.2 "Noto Serif TC",serif;letter-spacing:.08em;transform:translateX(-50%);box-shadow:0 7px 16px rgba(90,71,74,.13)}
.home-ferris-stand i{width:15px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.75) 0 13px,rgba(239,153,160,.58) 13px 26px,rgba(112,181,184,.55) 26px 39px);border:3px solid rgba(255,255,255,.48)}
.home-ferris-stand b{height:24px;border:5px solid rgba(255,255,255,.62);background:linear-gradient(90deg,#efadb1,#f7d5a5 48%,#8bc8c7);box-shadow:0 10px 0 rgba(95,161,163,.14)}
.home-ferris-cloud{background:rgba(255,255,255,.7);filter:drop-shadow(0 8px 13px rgba(101,77,79,.08))}
.home-ferris-cloud.cloud-one::after{box-shadow:50px 18px 0 -13px rgba(255,255,255,.72)}
.home-ferris-cloud.cloud-two::before{box-shadow:-54px 16px 0 -12px rgba(255,255,255,.66)}
.home-document-disc-control{border:3px solid rgba(255,255,255,.75);background:linear-gradient(145deg,rgba(255,248,238,.92),rgba(247,202,205,.88));color:#6f9799;box-shadow:0 9px 0 rgba(112,174,177,.17),0 14px 27px rgba(91,71,75,.12)}
.home-document-disc-help{position:relative;z-index:3;color:#668a8d;font-weight:750}
@media(max-width:760px){.home-latest-flash::after{bottom:15px;letter-spacing:.12em}.home-latest-flash .home-document-disc-center::before{top:-22px;min-width:86px;font-size:.5rem}.home-ferris-stand i{width:11px}.home-ferris-stand b{height:18px}}


/* 2026-08-20 — refined marine art layers */
.home-sea-art{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.sea-horizon{position:absolute;left:0;right:0;bottom:13%;height:31%;background:linear-gradient(180deg,rgba(123,192,197,.10),rgba(83,166,177,.32));border-top:1px solid rgba(255,255,255,.72)}
.sea-wave-layer{position:absolute;left:-8%;width:116%;border-radius:50%;border-top-style:solid;filter:drop-shadow(0 -3px 7px rgba(255,255,255,.28));will-change:transform}
.sea-wave-far{bottom:21%;height:54px;border-top-width:9px;border-color:rgba(255,255,255,.64);background:rgba(118,194,197,.12)}
.sea-wave-near{bottom:8%;height:76px;border-top-width:14px;border-color:rgba(255,250,239,.80);background:linear-gradient(180deg,rgba(104,186,193,.28),rgba(79,155,168,.34))}
.sea-sailboat{position:absolute;right:11%;bottom:25%;width:82px;height:92px;filter:drop-shadow(0 10px 12px rgba(71,94,101,.12));will-change:transform}
.sea-sailboat::before{content:"";position:absolute;left:38px;top:0;width:4px;height:69px;border-radius:4px;background:#877a83}
.sea-sailboat i,.sea-sailboat b{position:absolute;top:7px;border-style:solid}.sea-sailboat i{left:0;border-width:30px 36px 30px 0;border-color:transparent #f0aab1 transparent transparent}.sea-sailboat b{left:45px;border-width:23px 0 23px 29px;border-color:transparent transparent transparent #f5d39f}
.sea-sailboat::after{content:"";position:absolute;left:5px;bottom:10px;width:76px;height:18px;border:4px solid rgba(255,255,255,.75);border-radius:4px 4px 24px 24px;background:#6eaeb7}
.sea-gulls{position:absolute;right:18%;top:13%;color:rgba(102,115,126,.58);font:800 25px/1 serif;letter-spacing:.2em;transform:rotate(-4deg)}
.sea-fish{position:absolute;color:rgba(255,245,232,.78);font-size:24px;text-shadow:0 4px 10px rgba(62,121,131,.16);will-change:transform}.sea-fish.fish-one{left:8%;bottom:15%}.sea-fish.fish-two{left:18%;bottom:23%;font-size:17px;opacity:.75}
.sea-pearls{position:absolute;left:5%;bottom:5%;color:rgba(255,250,240,.82);font:800 17px/1 serif;letter-spacing:.3em}
.home-latest-flash .home-document-disc-shell{isolation:isolate}.home-latest-flash .home-ferris-stand,.home-latest-flash .home-ferris-spokes{z-index:1}.home-latest-flash .home-document-disc-orbit{z-index:3}.home-latest-flash .home-document-disc-center{z-index:4}
@media(max-width:760px){.sea-sailboat{right:4%;bottom:21%;transform:scale(.72)}.sea-gulls{right:8%;font-size:18px}.sea-wave-near{height:58px}.sea-fish{font-size:17px}.sea-pearls{display:none}}
@media(prefers-reduced-motion:reduce){.sea-wave-layer,.sea-sailboat,.sea-fish{transform:none!important}}


/* 2026-08-20 — handcrafted paper-cut and clay homepage zones */
.home-crafted-zone{position:relative;overflow:hidden;padding:clamp(76px,9vw,120px) 0;isolation:isolate}
.home-special-zone{background:radial-gradient(circle at 12% 14%,rgba(238,179,184,.27),transparent 28rem),radial-gradient(circle at 90% 80%,rgba(146,185,178,.24),transparent 28rem),linear-gradient(145deg,#f7eee5,#eee3dc 58%,#dfe7e1)}
.home-historical-zone{background:radial-gradient(circle at 88% 10%,rgba(189,164,151,.25),transparent 28rem),radial-gradient(circle at 9% 90%,rgba(118,157,153,.22),transparent 26rem),linear-gradient(155deg,#e9ded3,#f4ede5 48%,#d9e3dd)}
.home-craft-layer{position:absolute;z-index:-1;pointer-events:none;filter:drop-shadow(0 16px 20px rgba(83,65,61,.10))}
.paper-layer-one{left:-5%;top:8%;width:34vw;height:70%;border-radius:44% 56% 50% 38%;background:rgba(255,250,242,.62);clip-path:polygon(0 6%,82% 0,100% 21%,83% 43%,98% 65%,73% 100%,0 92%)}
.clay-layer-one{right:-8%;bottom:-12%;width:36vw;aspect-ratio:1;border-radius:48% 52% 42% 58%;background:radial-gradient(circle at 35% 30%,#efcac1,#cda9a2 56%,#af8f89);box-shadow:inset 15px 18px 22px rgba(255,255,255,.22),inset -16px -18px 24px rgba(113,78,72,.16);opacity:.28}
.paper-layer-two{right:-3%;top:5%;width:38vw;height:80%;border-radius:48%;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,250,242,.55) 0 10%,rgba(194,176,160,.16) 10.5% 11%,transparent 11.5% 18%)}
.clay-layer-two{left:-9%;bottom:-20%;width:38vw;aspect-ratio:1;border-radius:54% 46% 58% 42%;background:radial-gradient(circle at 40% 30%,#b9d0c8,#789c94 65%,#617f79);box-shadow:inset 15px 18px 24px rgba(255,255,255,.22),inset -18px -20px 25px rgba(42,73,67,.18);opacity:.25}
.home-crafted-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;margin-bottom:38px}
.home-crafted-head>div{max-width:780px}.home-crafted-head h2{margin:.08em 0 .18em;color:#3f5555;font:850 clamp(2.2rem,5vw,3.8rem)/1.1 "Noto Serif TC","Songti TC",serif}.home-crafted-head p{margin:0;color:#687372;font-size:1rem}
.home-clay-seal{position:relative;flex:0 0 auto;width:112px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:46% 54% 48% 52%;color:#fff8ee;background:radial-gradient(circle at 35% 28%,#dcaaa0,#af7770 65%,#8f615b);box-shadow:inset 8px 9px 13px rgba(255,255,255,.24),inset -9px -10px 15px rgba(77,44,40,.22),0 15px 28px rgba(85,60,57,.17);transform:rotate(5deg)}
.home-clay-seal::before{content:"";position:absolute;inset:9px;border:2px dashed rgba(255,247,235,.55);border-radius:inherit}.home-clay-seal b{font:900 1.45rem/1 "Noto Serif TC",serif;letter-spacing:.08em}.home-clay-seal small{margin-top:6px;font-size:.52rem;letter-spacing:.16em}.home-clay-seal.is-history{background:radial-gradient(circle at 35% 28%,#98bbb1,#668c83 65%,#4d7068);transform:rotate(-5deg)}
.home-special-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding:8px 8px 30px;scroll-snap-type:x mandatory;scroll-padding-inline:8px;overscroll-behavior-inline:contain;scrollbar-color:#b98880 rgba(255,249,241,.58);scrollbar-width:thin}
.home-special-grid::-webkit-scrollbar{height:10px}.home-special-grid::-webkit-scrollbar-track{border-radius:999px;background:rgba(255,249,241,.58)}.home-special-grid::-webkit-scrollbar-thumb{border:2px solid rgba(255,249,241,.7);border-radius:999px;background:linear-gradient(90deg,#c9958d,#7ea79e)}
.home-special-grid .home-crafted-card{flex:0 0 clamp(285px,31vw,390px);scroll-snap-align:start}
.home-special-scroll-help{margin:2px 8px 0;color:#6d7c79;font-size:.78rem;font-weight:750;letter-spacing:.04em}
.home-special-scroll-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px}.home-special-scroll-controls>div{display:flex;gap:8px}.home-special-scroll-controls button{width:40px;height:40px;border:2px solid rgba(126,167,158,.42);border-radius:50%;background:rgba(255,249,241,.74);color:#577a74;font:900 1.45rem/1 serif;cursor:pointer;box-shadow:0 7px 16px rgba(75,62,59,.08);transition:transform .2s ease,background .2s ease}.home-special-scroll-controls button:hover,.home-special-scroll-controls button:focus-visible{background:#fff4e6;transform:translateY(-2px)}
.home-crafted-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:7px solid rgba(255,250,242,.74);border-radius:34px 42px 31px 39px;background:rgba(255,249,241,.78);box-shadow:0 20px 0 rgba(128,97,89,.06),0 28px 58px rgba(75,62,59,.12),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(9px);transition:transform .3s ease,box-shadow .3s ease}
.home-crafted-card:nth-child(2){border-radius:40px 30px 42px 33px;transform:translateY(18px)}.home-crafted-card:nth-child(3){border-radius:31px 43px 35px 44px}
.home-crafted-card::before{content:"";position:absolute;inset:8px;z-index:3;border:1px dashed rgba(125,99,89,.16);border-radius:25px;pointer-events:none}
.home-crafted-card:hover,.home-crafted-card:focus-visible{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 28px 0 rgba(128,97,89,.06),0 36px 68px rgba(75,62,59,.18);outline:3px solid rgba(177,127,116,.3);outline-offset:5px}.home-crafted-card:nth-child(2):hover{transform:translateY(10px) rotate(.4deg)}
.home-crafted-art{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#d9c9bd}.home-crafted-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(.98);transition:transform .65s cubic-bezier(.22,1,.36,1)}.home-crafted-card:hover img{transform:scale(1.045)}
.home-crafted-card.is-authorized-record .home-crafted-art{background:linear-gradient(135deg,#d9e4e2,#f0d3d4 54%,#f7efe6)}
.home-crafted-card.is-authorized-record .home-crafted-art img{object-fit:contain;object-position:center;filter:saturate(.92) contrast(1)}
.home-crafted-art::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(65,64,62,.45));pointer-events:none}.home-crafted-art>i{position:absolute;left:16px;bottom:14px;z-index:2;padding:6px 11px;border:2px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,249,240,.3);color:#fff;font:800 .72rem/1.2 system-ui,sans-serif;font-style:normal;backdrop-filter:blur(8px)}
.home-crafted-copy{display:flex;flex:1;flex-direction:column;padding:23px 24px 26px}.home-crafted-copy small{color:#9c7168;font-size:.68rem;font-weight:850;letter-spacing:.12em}.home-crafted-copy strong{margin:6px 0 8px;color:#3e5252;font:850 clamp(1.2rem,2vw,1.55rem)/1.35 "Noto Serif TC",serif}.home-crafted-copy em{color:#697473;font-size:.86rem;line-height:1.7;font-style:normal}.home-crafted-copy>b{margin-top:auto;padding-top:18px;color:#557776;font-size:.84rem}
.home-record-art{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(237,185,180,.42),transparent 30%),linear-gradient(145deg,#d6e1db,#bea99d)}.home-record-art::after{display:none}
.record-paper{position:relative;width:72%;height:76%;padding:25px 22px;border-radius:5px 13px 6px 10px;background:#fff9ec;box-shadow:8px 12px 0 rgba(107,80,72,.10),0 20px 35px rgba(75,61,57,.14);transform:rotate(-3deg)}
.record-paper::before{content:"";position:absolute;left:-12px;top:12%;width:25px;height:70%;background:repeating-linear-gradient(180deg,#b98a7e 0 6px,transparent 6px 19px)}.record-paper i{display:block;width:100%;height:8px;margin:13px 0;border-radius:999px;background:rgba(114,102,92,.18)}.record-paper b{position:absolute;right:16px;bottom:14px;color:#aa746c;font:900 1.2rem/1 "Noto Serif TC",serif}.record-clay-mark{position:absolute;right:12%;bottom:11%;z-index:2;width:64px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#da9c91,#9f625b 70%);color:#fff3e7;font:900 .9rem/1 "Noto Serif TC",serif;box-shadow:inset 6px 7px 9px rgba(255,255,255,.2),0 10px 20px rgba(80,55,51,.18);transform:rotate(9deg)}
.home-historical-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.home-historical-card{position:relative;overflow:hidden;border:6px solid rgba(255,249,240,.72);border-radius:26px 31px 24px 34px;background:rgba(255,250,243,.76);box-shadow:0 17px 0 rgba(99,83,74,.055),0 24px 46px rgba(72,61,57,.11);backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease}.home-historical-card:nth-child(even){border-radius:34px 24px 32px 25px;transform:translateY(15px)}
.home-historical-card::after{content:"";position:absolute;inset:7px;border:1px solid rgba(116,95,84,.11);border-radius:20px;pointer-events:none}.home-historical-card:hover,.home-historical-card:focus-visible{transform:translateY(-6px) rotate(.35deg);box-shadow:0 24px 0 rgba(99,83,74,.055),0 31px 56px rgba(72,61,57,.17);outline:3px solid rgba(95,137,128,.3);outline-offset:4px}.home-historical-card:nth-child(even):hover{transform:translateY(7px) rotate(-.35deg)}
.home-historical-image{position:relative;display:block;aspect-ratio:1.25/1;overflow:hidden;background:#c8bbb0}.home-historical-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) sepia(.08);transition:transform .6s ease}.home-historical-card:hover img{transform:scale(1.04)}.home-historical-image i{position:absolute;left:12px;bottom:11px;padding:5px 9px;border-radius:999px;background:rgba(67,83,80,.76);color:#fff8ed;font:750 .67rem/1.2 system-ui,sans-serif;font-style:normal;backdrop-filter:blur(6px)}
.home-historical-card>span:last-child{display:flex;min-height:166px;flex-direction:column;padding:18px 18px 21px}.home-historical-card small{color:#788e88;font-size:.57rem;font-weight:850;letter-spacing:.1em}.home-historical-card strong{margin:7px 0;color:#435654;font:800 1.05rem/1.45 "Noto Serif TC",serif}.home-historical-card em{margin-top:auto;color:#727a76;font-size:.76rem;line-height:1.6;font-style:normal}
.home-historical-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:48px;padding:18px 22px;border:2px solid rgba(255,250,242,.68);border-radius:21px 28px 20px 29px;background:rgba(255,249,240,.46);color:#64736e;box-shadow:inset 0 1px rgba(255,255,255,.6)}.home-historical-foot span{font-family:"Noto Serif TC",serif}.home-historical-foot a{color:#4f7770;font-weight:850}
.home-social-cases-section{position:relative;background:radial-gradient(circle at 8% 15%,rgba(225,184,187,.2),transparent 26rem),radial-gradient(circle at 92% 84%,rgba(136,177,170,.2),transparent 28rem),linear-gradient(180deg,#f5eee7,#eee5de)!important}
.home-social-cases-banner,.remember-kaikai-card,.impact-metric-card,.mission-card{border-color:rgba(255,250,242,.75)!important;box-shadow:0 13px 0 rgba(105,84,76,.05),0 24px 52px rgba(71,61,58,.11)!important}
.home-case-reel-card{border:5px solid rgba(255,250,242,.72)!important;border-radius:28px 34px 26px 33px!important;box-shadow:0 13px 0 rgba(105,84,76,.05),0 21px 42px rgba(71,61,58,.11)!important}
@media(max-width:1180px){.home-historical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.home-special-grid .home-crafted-card{flex-basis:min(76vw,360px)}.home-historical-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.home-crafted-zone{padding:68px 0}.home-crafted-head{align-items:flex-start;flex-direction:column}.home-clay-seal{position:absolute;right:0;top:-8px;width:78px;opacity:.72}.home-crafted-head>div{padding-right:52px}.home-special-grid{margin-right:-18px;padding-right:18px}.home-special-grid .home-crafted-card{flex-basis:min(84vw,330px)}.home-special-scroll-controls{align-items:flex-start}.home-special-scroll-controls>div{flex:0 0 auto}.home-historical-grid{grid-template-columns:1fr}.home-crafted-card:nth-child(2),.home-historical-card:nth-child(even){transform:none}.home-historical-foot{align-items:flex-start;flex-direction:column;margin-top:28px}.home-historical-card>span:last-child{min-height:0}.home-craft-layer{opacity:.55}}
@media(prefers-reduced-motion:reduce){.home-crafted-card,.home-historical-card,.home-crafted-art img,.home-historical-image img,.home-clay-seal{transform:none!important;transition:none!important}}


/* 2026-08-20 — refined responsive footer toolbar */
.home-art-footer{position:relative!important;overflow:hidden;padding:0!important;background:radial-gradient(circle at 14% 8%,rgba(208,151,151,.18),transparent 28rem),radial-gradient(circle at 88% 22%,rgba(110,174,174,.17),transparent 30rem),linear-gradient(155deg,#152f3c,#173b46 48%,#102936)!important;border-top:5px solid rgba(255,245,228,.72)!important;color:#f8f2e8}
.home-art-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 18% 15%,rgba(255,255,255,.05) 0 1px,transparent 1.5px 24px);opacity:.45}
.home-footer-glow{position:absolute;left:-10%;top:-60%;width:45vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,169,160,.21),transparent 68%);filter:blur(12px);pointer-events:none;will-change:transform}
.home-footer-shell{position:relative;z-index:2;padding-top:clamp(38px,5vw,64px);padding-bottom:24px}
.home-footer-lead{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:34px;align-items:stretch;padding-bottom:34px;border-bottom:1px solid rgba(255,245,229,.16)}
.home-footer-brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.home-footer-brand img{width:64px;height:64px;flex:0 0 64px;border:4px solid rgba(255,250,239,.74);border-radius:50%;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.home-footer-brand span{display:flex;flex-direction:column}.home-footer-brand b{color:#fffaf1;font:850 1.48rem/1.2 "Noto Serif TC","Songti TC",serif}.home-footer-brand small{margin-top:3px;color:#d5bdad;font-size:.62rem;font-weight:800;letter-spacing:.11em}.home-footer-brand em{margin-top:8px;color:#b8d0cc;font-size:.78rem;font-style:normal}
.home-footer-socials{display:flex;gap:10px;margin-top:24px}.home-footer-socials a{width:40px;height:40px;display:grid;place-items:center;border:2px solid rgba(255,247,233,.32);border-radius:50%;background:rgba(255,250,239,.08);color:#fff7eb;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:transform .22s ease,background .22s ease}.home-footer-socials a:hover,.home-footer-socials a:focus-visible{transform:translateY(-3px) rotate(-4deg);background:rgba(233,161,157,.34);outline:2px solid rgba(255,241,217,.45);outline-offset:3px}
.home-art-footer .footer-light-ad{min-height:170px;display:grid;grid-template-columns:40% 60%;overflow:hidden;border:3px solid rgba(255,242,219,.28)!important;border-radius:26px 34px 25px 38px!important;background:#0e2632;box-shadow:0 16px 0 rgba(6,17,23,.18),0 25px 48px rgba(0,0,0,.2);color:#fff;transition:transform .25s ease,box-shadow .25s ease}
.home-art-footer .footer-light-ad::before{content:"";position:absolute;inset:8px;z-index:4;border:1px dashed rgba(255,239,212,.2);border-radius:20px 28px 19px 31px;pointer-events:none}.home-art-footer .footer-light-ad:hover{transform:translateY(-4px);box-shadow:0 20px 0 rgba(6,17,23,.16),0 32px 58px rgba(0,0,0,.25)}
.home-art-footer .footer-light-ad img{width:100%;height:100%;min-height:170px;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.home-art-footer .footer-light-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:25px 30px;background:radial-gradient(circle at 10% 30%,rgba(229,176,103,.18),transparent 34%),linear-gradient(100deg,#102a37,#173f4a)}
.home-art-footer .footer-light-copy small{color:#f2c982;font-size:.58rem;font-weight:900;letter-spacing:.17em}.home-art-footer .footer-light-copy strong{margin:6px 0;color:#fff5dc;font:800 clamp(1.15rem,2.3vw,1.65rem)/1.35 "Noto Serif TC",serif}.home-art-footer .footer-light-copy span{color:#c2d5d2;font-size:.75rem;line-height:1.7}.home-art-footer .footer-light-copy b{margin-top:12px;color:#f1c8a8;font-size:.75rem}
.home-footer-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr 1.18fr;gap:22px;padding:34px 0 30px}
.home-footer-toolbar section{position:relative;display:flex;min-width:0;flex-direction:column;gap:8px;padding:19px 20px;border:1px solid rgba(255,245,229,.12);border-radius:21px 26px 20px 28px;background:rgba(255,250,239,.045);box-shadow:inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(7px)}
.home-footer-toolbar section:nth-child(even){border-radius:27px 19px 26px 20px}.home-footer-toolbar h2{margin:0 0 7px;color:#f1c5ad!important;font:800 .92rem/1.2 "Noto Serif TC",serif}.home-footer-toolbar section>a:not(.home-footer-wall-link){position:relative;padding-left:14px;color:#c6d5d2;font-size:.77rem;transition:color .2s ease,transform .2s ease}.home-footer-toolbar section>a:not(.home-footer-wall-link)::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#d79b93}.home-footer-toolbar section>a:hover{color:#fff8eb!important;transform:translateX(4px)}
.home-footer-wall-link{display:grid;grid-template-columns:40px 1fr;gap:1px 10px;padding:12px;border:2px solid rgba(255,244,226,.22);border-radius:17px;background:linear-gradient(135deg,rgba(226,146,151,.25),rgba(102,172,171,.2));color:#fff!important}.home-footer-wall-link>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(255,250,239,.16);font-size:1.25rem}.home-footer-wall-link b{font-size:.79rem}.home-footer-wall-link small{color:#c8d8d3;font-size:.61rem}
.home-footer-install{display:flex;align-items:center;gap:9px;margin-top:3px;padding:11px 12px;border:1px solid rgba(255,244,226,.19);border-radius:15px;background:rgba(255,250,239,.06);color:#eef6f2;font:inherit;font-size:.75rem;cursor:pointer}.home-footer-install span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(242,196,139,.17)}
.home-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(255,245,229,.14);color:#91aaa8;font-size:.67rem}.home-footer-bottom a{padding:7px 11px;border:1px solid rgba(255,245,229,.16);border-radius:999px;color:#e8d9ca}
.home-footer-mobile-bar{display:none}
@media(max-width:900px){.home-footer-lead{grid-template-columns:1fr}.home-footer-toolbar{grid-template-columns:1fr 1fr}.home-footer-brand{justify-content:center}.home-footer-socials{justify-content:center}}
@media(max-width:600px){body{padding-bottom:70px}.home-footer-shell{padding-top:38px;padding-bottom:18px}.home-footer-lead{gap:22px;padding-bottom:26px}.home-footer-brand{align-items:center}.home-footer-brand img{width:54px;height:54px;flex-basis:54px}.home-footer-brand b{font-size:1.18rem}.home-footer-brand em{font-size:.68rem}.home-art-footer .footer-light-ad{grid-template-columns:1fr;min-height:0}.home-art-footer .footer-light-ad img{height:175px;min-height:175px}.home-art-footer .footer-light-copy{padding:20px 20px 23px;text-align:center}.home-footer-toolbar{grid-template-columns:1fr;gap:12px;padding:27px 0 22px}.home-footer-toolbar section{padding:17px 18px}.home-footer-toolbar section:not(.is-action){display:grid;grid-template-columns:1fr 1fr}.home-footer-toolbar h2{grid-column:1/-1}.home-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.home-footer-mobile-bar{position:fixed;left:8px;right:8px;bottom:8px;z-index:9997;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border:1px solid rgba(255,255,255,.65);border-radius:22px;background:rgba(25,55,65,.9);box-shadow:0 14px 35px rgba(19,35,40,.26);backdrop-filter:blur(16px)}.home-footer-mobile-bar a{display:flex;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;color:#eaf3ef;font-size:.63rem}.home-footer-mobile-bar a:hover,.home-footer-mobile-bar a:focus-visible{background:rgba(239,167,164,.24);outline:none}.home-footer-mobile-bar span{font-size:1.1rem}.home-footer-mobile-bar b{font-size:.59rem}.home-footer-glow{width:90vw}}
@media(prefers-reduced-motion:reduce){.home-footer-socials a,.home-footer-toolbar a,.home-art-footer .footer-light-ad{transition:none!important;transform:none!important}.home-footer-glow{transform:none!important}}

.home-footer-sheen{position:absolute;inset:-30% auto -30% -22%;z-index:5;width:22%;pointer-events:none;opacity:0;transform:skewX(-17deg);background:linear-gradient(90deg,transparent,rgba(255,247,221,.42),transparent);filter:blur(9px);mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.home-footer-sheen{display:none!important}}


/* 2026-08-20 — Footer text contrast accessibility pass */
.home-art-footer .home-footer-brand small{color:#f2d5c3!important}
.home-art-footer .home-footer-brand em{color:#d8ebe7!important}
.home-art-footer .home-footer-toolbar h2{color:#ffd7bd!important}
.home-art-footer .home-footer-toolbar section>a:not(.home-footer-wall-link){
  color:#e4efec!important;
  font-weight:650;
}
.home-art-footer .home-footer-wall-link b{color:#fffaf2!important}
.home-art-footer .home-footer-wall-link small{color:#e1efeb!important}
.home-art-footer .home-footer-install{color:#fffaf2!important}
.home-art-footer .home-footer-bottom{color:#cfdfdc!important}
.home-art-footer .home-footer-bottom a{color:#fff0df!important}
.home-art-footer .footer-light-copy span{color:#dcebe7!important}
.home-art-footer .footer-light-copy b{color:#ffd9be!important}
@media(max-width:600px){
  .home-art-footer .home-footer-mobile-bar a{color:#f8fffc!important}
  .home-art-footer .home-footer-mobile-bar b{color:#f8fffc!important;font-weight:850}
}


/* 2026-08-20 — Visible social buttons and synchronized mobile footer */
.home-art-footer .home-footer-socials a{
  color:#fff!important;
  opacity:1!important;
  border-color:rgba(255,255,255,.72)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 16px rgba(0,0,0,.18)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
}
.home-art-footer .home-footer-socials a:nth-child(1){background:#557b94!important}
.home-art-footer .home-footer-socials a:nth-child(2){background:#a26f82!important;font-size:23px!important}
.home-art-footer .home-footer-socials a:nth-child(3){background:#5f817d!important;font-size:18px!important}
.home-art-footer .home-footer-socials a:hover,
.home-art-footer .home-footer-socials a:focus-visible{
  color:#fff!important;
  filter:brightness(1.12);
}
@media(max-width:600px){
  .home-art-footer .home-footer-brand b,
  .home-art-footer .home-footer-toolbar h2,
  .home-art-footer .home-footer-toolbar a,
  .home-art-footer .home-footer-toolbar button,
  .home-art-footer .home-footer-bottom,
  .home-art-footer .home-footer-bottom a{
    opacity:1!important;
  }
  .home-art-footer .home-footer-toolbar h2{color:#ffd7bd!important}
  .home-art-footer .home-footer-toolbar section>a:not(.home-footer-wall-link){color:#edf6f2!important}
  .home-art-footer .home-footer-socials{gap:13px!important}
  .home-art-footer .home-footer-socials a{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}


/* 2026-08-20 — GSAP playful bubbles around the latest-report ferris wheel */
.home-ferris-bubbles{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
  transform-origin:50% 56%;
}
.home-ferris-bubble{
  --bubble-size:32px;
  --bubble-left:50%;
  --bubble-bottom:4%;
  position:absolute;
  left:var(--bubble-left);
  bottom:var(--bubble-bottom);
  width:var(--bubble-size);
  aspect-ratio:1;
  border:2px solid rgba(255,255,255,.82);
  border-radius:48% 52% 46% 54%;
  background:
    radial-gradient(circle at 29% 25%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.28) 9% 20%,transparent 21%),
    linear-gradient(145deg,rgba(255,210,217,.68),rgba(255,246,220,.38) 48%,rgba(126,198,201,.52));
  box-shadow:
    inset -6px -8px 12px rgba(113,170,176,.13),
    inset 5px 5px 10px rgba(255,255,255,.52),
    0 8px 18px rgba(91,104,108,.11);
  opacity:0;
  will-change:transform,opacity;
}
.home-ferris-bubble::before{
  content:"";
  position:absolute;
  left:19%;
  top:17%;
  width:24%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(255,255,255,.86);
  box-shadow:9px 7px 0 -3px rgba(255,255,255,.48);
}
.home-ferris-bubble:nth-child(4n+2){
  background:
    radial-gradient(circle at 29% 25%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.28) 9% 20%,transparent 21%),
    linear-gradient(145deg,rgba(197,229,222,.74),rgba(241,250,228,.4) 50%,rgba(248,190,200,.48));
}
.home-ferris-bubble:nth-child(4n+3){
  background:
    radial-gradient(circle at 29% 25%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.28) 9% 20%,transparent 21%),
    linear-gradient(145deg,rgba(255,230,170,.65),rgba(255,249,225,.42) 52%,rgba(211,192,229,.5));
}
.home-ferris-bubble:nth-child(4n){
  background:
    radial-gradient(circle at 29% 25%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.28) 9% 20%,transparent 21%),
    linear-gradient(145deg,rgba(218,207,235,.65),rgba(255,246,229,.42) 52%,rgba(139,202,204,.48));
}
@media(max-width:760px){
  .home-ferris-bubbles{inset:2% 0 4%}
  .home-ferris-bubble{border-width:1.5px;box-shadow:inset -4px -5px 8px rgba(113,170,176,.12),inset 3px 3px 7px rgba(255,255,255,.5),0 5px 12px rgba(91,104,108,.09)}
}
@media(prefers-reduced-motion:reduce){
  .home-ferris-bubbles{opacity:1!important;transform:none!important}
  .home-ferris-bubble{opacity:.52!important;transform:none!important}
}

/* 2026-09-05 — refined paper-cut and matte-clay Ferris wheel */
.home-latest-flash{
  background:
    radial-gradient(circle at 14% 12%,rgba(180,76,59,.13),transparent 23rem),
    radial-gradient(circle at 88% 18%,rgba(92,139,128,.15),transparent 26rem),
    linear-gradient(180deg,#fbf4e8 0%,#f3e8d9 48%,#dce8df 100%);
}
.home-latest-flash .home-document-disc-shell{
  border-radius:36px;
  background-image:url('./images/ferris-paper-clay-diorama-20260905.webp');
  background-position:center bottom 4%;
  background-repeat:no-repeat;
  background-size:min(100%,1080px) auto;
  filter:drop-shadow(0 24px 30px rgba(56,71,65,.08));
}
.home-latest-flash .home-sea-art{display:none}
.home-latest-flash .is-ferris-wheel::before{
  background:
    repeating-conic-gradient(from 0deg,rgba(239,229,207,.96) 0 1.35deg,rgba(184,79,61,.88) 1.55deg 2.85deg,rgba(91,139,129,.9) 3.05deg 4.35deg,rgba(232,216,184,.78) 4.55deg 8deg);
  border:13px solid #efe2c8;
  box-shadow:
    inset 0 0 0 4px rgba(255,252,239,.9),
    inset 0 0 24px rgba(91,64,48,.18),
    0 0 0 3px rgba(157,116,69,.38),
    0 18px 0 rgba(87,119,109,.14),
    0 34px 58px rgba(70,60,50,.2);
  backdrop-filter:none;
}
.home-latest-flash .is-ferris-wheel::after{
  background:radial-gradient(circle at 36% 30%,#fff6d7 0 16%,#d99a78 17% 42%,#6f9e91 43% 61%,#ead8b5 62% 73%,#a84736 74%);
  border:8px solid #f3e5cb;
  box-shadow:inset 8px 8px 12px rgba(255,255,255,.34),inset -9px -10px 14px rgba(83,52,41,.2),0 10px 0 rgba(96,72,55,.15),0 18px 30px rgba(72,54,45,.2);
}
.home-ferris-spokes i{
  height:8px;
  border:1px solid rgba(125,91,58,.32);
  background:linear-gradient(180deg,#f6ead2,#cfb48b 48%,#9e8060 52%,#e6d2ad);
  box-shadow:0 3px 4px rgba(71,53,42,.18),inset 0 2px 2px rgba(255,255,255,.75);
}
.home-latest-flash .home-document-disc-card{
  overflow:visible;
  border:2px solid rgba(139,101,67,.42);
  background:linear-gradient(145deg,#fff7e8,#e8c7aa 72%,#c99a78);
  box-shadow:inset 5px 6px 8px rgba(255,255,255,.52),inset -6px -7px 9px rgba(106,69,50,.14),0 8px 0 rgba(84,105,96,.14),0 16px 24px rgba(64,52,44,.18);
  backdrop-filter:none;
}
.home-latest-flash .home-document-disc-card:nth-child(4n+1){background:linear-gradient(145deg,#fff4df,#dda58c 75%,#b96b57)}
.home-latest-flash .home-document-disc-card:nth-child(4n+2){background:linear-gradient(145deg,#f7f0d9,#a8c2b1 75%,#6f998c)}
.home-latest-flash .home-document-disc-card:nth-child(4n+3){background:linear-gradient(145deg,#fff2d5,#e3bc78 75%,#b58b45)}
.home-latest-flash .home-document-disc-card:nth-child(4n){background:linear-gradient(145deg,#f5eee5,#b9a59d 75%,#88736e)}
.home-latest-flash .home-document-disc-card::before{
  border-color:#b88c5f;
  border-width:5px;
  filter:drop-shadow(0 3px 2px rgba(71,53,42,.2));
}
.home-latest-flash .home-document-disc-card::after{
  left:12%;right:12%;bottom:5px;height:6px;
  border:1px solid rgba(102,69,43,.2);
  background:repeating-linear-gradient(90deg,#a94736 0 8px,#f4dfb9 8px 16px,#628f84 16px 24px);
}
.home-latest-flash .home-document-disc-card img{
  border:3px solid rgba(255,248,226,.75);
  filter:saturate(.78) contrast(.98) sepia(.08);
  box-shadow:0 5px 8px rgba(73,52,42,.16);
}
.home-latest-flash .home-document-disc-center{
  border:7px solid #efe1c5;
  background:linear-gradient(145deg,#fff7e5,#dfc39a);
  color:#48675f;
  box-shadow:inset 7px 8px 12px rgba(255,255,255,.55),inset -8px -9px 14px rgba(94,65,43,.14),0 10px 0 rgba(89,110,98,.16),0 18px 30px rgba(68,55,45,.18);
}
.home-latest-flash .home-document-disc-center::before{
  border-color:#ead9b9;
  background:linear-gradient(180deg,#b85b48,#913e31);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.25),0 6px 0 rgba(83,105,94,.14),0 10px 16px rgba(70,52,43,.18);
}
.home-ferris-stand i{
  width:18px;
  border:3px solid #d9c199;
  background:repeating-linear-gradient(180deg,#f1dfbd 0 14px,#ad4f3d 14px 28px,#668f84 28px 42px);
  box-shadow:inset 3px 0 4px rgba(255,255,255,.42),5px 8px 9px rgba(70,53,43,.17);
}
.home-ferris-stand b{
  height:27px;
  border:5px solid #ead8b7;
  background:linear-gradient(180deg,#bb6551,#963f32);
  box-shadow:inset 0 3px 3px rgba(255,255,255,.24),0 9px 0 rgba(83,111,100,.18),0 15px 20px rgba(71,54,43,.18);
}
.home-ferris-cloud{
  border:2px solid rgba(190,160,115,.28);
  background:#f4e7cf;
  filter:drop-shadow(0 8px 5px rgba(80,59,44,.14));
}
.home-document-disc-control{
  border:4px solid #ead7b7;
  background:linear-gradient(145deg,#fff3da,#dca48a);
  color:#567d72;
  box-shadow:inset 4px 5px 6px rgba(255,255,255,.5),inset -5px -6px 8px rgba(103,67,49,.12),0 8px 0 rgba(78,105,95,.18),0 14px 22px rgba(65,51,43,.17);
}
.home-latest-flash::after{content:"⌁  PAPER · CLAY · PROTECTION  ⌁";color:rgba(72,107,96,.58)}
@media(max-width:760px){
  .home-latest-flash .home-document-disc-shell{background-position:center bottom 9%;background-size:auto 54%}
  .home-ferris-spokes i{height:6px}
  .home-ferris-stand i{width:13px}
  .home-latest-flash .home-document-disc-card{border-width:1.5px}
}

/* bundled source: assets/home-post-engagement-20260826.css */
.home-post-engagement{
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:7px;
  width:100%;
  max-width:100%;
  margin-top:12px;
  position:relative;
  z-index:6;
  font:800 12px/1.2 system-ui,-apple-system,"Noto Sans TC","Noto Sans SC",sans-serif;
  color:#5b3b34!important;
  text-align:left;
  text-decoration:none!important;
}
.home-post-stat{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(112,75,62,.22);
  border-radius:999px;
  background:rgba(255,250,243,.92);
  color:inherit!important;
  box-shadow:0 4px 12px rgba(74,45,35,.08);
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none!important;
  min-width:0;
  width:100%;
}
.home-post-stat[role=button]{
  cursor:pointer;
  touch-action:manipulation;
}
.home-post-stat[role=button]:hover,
.home-post-stat[role=button]:focus-visible{
  border-color:#b76070;
  background:#fff4f3;
  outline:none;
  transform:translateY(-1px);
}
.home-post-stat[aria-busy=true]{cursor:wait;opacity:.72}
.home-post-stat.is-liked{color:#a83e57!important;background:#fff0f2}
.home-post-stat.is-share{color:#355f68!important;background:rgba(239,250,247,.94)}
.home-post-stat-icon{display:inline-grid;place-items:center;min-width:1em;font-size:1.05em;line-height:1}
.home-post-stat-label,.home-post-stat b{font:inherit;color:inherit}
.home-post-engagement[data-load-state=unavailable] .home-post-stat:not(.is-share){opacity:.74}
[data-engagement-host="true"] .public-view-count-card{display:none!important}

.post-engagement-dialog,
.post-share-dialog{
  width:min(620px,calc(100% - 28px));
  max-height:88vh;
  padding:0;
  border:0;
  border-radius:24px;
  background:transparent;
  color:#4c342d;
}
.post-engagement-dialog::backdrop,
.post-share-dialog::backdrop{
  background:rgba(36,24,22,.58);
  backdrop-filter:blur(4px);
}
.post-engagement-card,
.post-share-card{
  box-sizing:border-box;
  position:relative;
  display:grid;
  gap:14px;
  max-height:88vh;
  overflow:auto;
  padding:28px;
  border:1px solid rgba(117,76,62,.2);
  border-radius:24px;
  background:#fffaf2;
  color:#4c342d;
  box-shadow:0 26px 80px rgba(31,19,16,.28);
}
.post-engagement-card>small,
.post-share-card>small{
  font-weight:900;
  letter-spacing:.12em;
  color:#a45763;
}
.post-engagement-card h2,
.post-share-card h2{
  margin:0;
  font:900 clamp(1.35rem,4vw,2rem)/1.35 "Noto Serif TC","Noto Serif SC",serif;
}
.post-engagement-close,
.post-share-close{
  position:absolute;
  right:14px;
  top:12px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f3e5dc;
  color:#4c342d;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.post-engagement-close:hover,
.post-engagement-close:focus-visible,
.post-share-close:hover,
.post-share-close:focus-visible{background:#ead4ca;outline:2px solid rgba(164,87,99,.35);outline-offset:2px}
.post-engagement-card label{display:grid;gap:6px;font-weight:850}
.post-engagement-card input,
.post-engagement-card textarea{
  box-sizing:border-box;
  width:100%;
  padding:12px 14px;
  border:1px solid #ceb9aa;
  border-radius:12px;
  background:#fff;
  font:inherit;
  color:#3d2a25;
}
.post-engagement-card input:focus,
.post-engagement-card textarea:focus{border-color:#a45763;outline:3px solid rgba(164,87,99,.14)}
.post-engagement-card>button[type=submit]{
  padding:13px 18px;
  border:0;
  border-radius:999px;
  background:#8c3f51;
  color:white;
  font-weight:900;
  cursor:pointer;
}
.post-engagement-card>p,
.post-engagement-card output,
.post-share-card>p,
.post-share-card output{margin:0;font-size:.86rem;line-height:1.6}
.post-engagement-comments{display:grid;gap:9px;max-height:210px;overflow:auto}
.post-engagement-comments article{padding:12px 14px;border-radius:14px;background:#f4ebe2}
.post-engagement-comments article p{margin:5px 0 0;line-height:1.65}
.post-engagement-hp{position:absolute!important;left:-10000px!important}

.post-share-card{gap:12px}
.post-share-card>[data-share-article-title]{
  margin:-3px 44px 3px 0;
  color:#71544a;
  font-weight:800;
}
.post-share-platforms{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.post-share-platforms>button{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:62px;
  padding:9px 12px;
  border:1px solid rgba(112,75,62,.16);
  border-radius:16px;
  background:#fff;
  color:#4c342d;
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(74,45,35,.055);
}
.post-share-platforms>button:hover,
.post-share-platforms>button:focus-visible{
  border-color:rgba(164,87,99,.5);
  background:#fff7f3;
  outline:3px solid rgba(164,87,99,.12);
  transform:translateY(-1px);
}
.post-share-platforms i{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#4b4040;
  color:#fff;
  font-style:normal;
  font-weight:950;
}
.post-share-platforms span{display:grid;min-width:0;gap:2px}
.post-share-platforms b{overflow:hidden;text-overflow:ellipsis}
.post-share-platforms small{color:#816d65;font-size:.72rem}
.post-share-platforms [data-share-platform=Threads] i{background:#111}
.post-share-platforms [data-share-platform=Facebook] i{background:#1877f2}
.post-share-platforms [data-share-platform=Instagram] i{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.post-share-platforms [data-share-platform="小紅書"] i{background:#ff2442;font-size:.72rem}
.post-share-platforms [data-share-platform="微博"] i{background:#e84a3c}
.post-share-platforms [data-share-platform="更多"] i{background:#557b78}
.post-share-hint{color:#76645d}
.post-share-card output{min-height:1.35em;color:#8c3f51;font-weight:850}

/* Article bars that live inside grid-based homepage cards occupy a stable footer row. */
.home-priority-links>a>.home-post-engagement,
.home-hearing-archive-links>a>.home-post-engagement{
  grid-column:1/-1;
  grid-row:auto;
  align-self:end;
  width:100%;
  margin-top:4px;
}
.home-priority-links>a>.home-post-engagement .home-post-stat,
.home-hearing-archive-links>a>.home-post-engagement .home-post-stat{
  min-height:26px;
  padding:4px 7px;
  font-size:10px;
}
.home-activity-copy>.home-post-engagement,
.home-hearing-zone-copy>.home-post-engagement,
.remember-kaikai-copy>.home-post-engagement{margin-top:15px}
.qa916-hearing-mini>.home-post-engagement{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  place-items:initial!important;
  width:100%!important;
  height:auto!important;
  margin:7px 0 0;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
}

/* Ferris-wheel engagement is a footer, so it never covers the article image. */
.home-latest-flash .home-document-disc-card>.home-post-engagement{
  position:relative;
  inset:auto;
  order:3;
  z-index:7;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
  width:auto;
  max-width:none;
  margin:0 5px 7px;
  padding:0!important;
  color:#51413c!important;
  text-align:initial;
}
.home-latest-flash .home-document-disc-card .home-post-stat{
  justify-content:center;
  gap:1px;
  min-width:0;
  min-height:24px;
  padding:2px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,250,243,.92);
  box-shadow:0 3px 8px rgba(74,45,35,.08);
}
.home-latest-flash .home-document-disc-card .home-post-stat-label{display:none}
.home-latest-flash .home-document-disc-card .home-post-stat-icon{min-width:0;font-size:9px}
.home-latest-flash .home-document-disc-card .home-post-stat b{
  overflow:hidden;
  min-width:0;
  font-size:8px;
  text-overflow:ellipsis;
}
.home-latest-flash .home-document-disc-card[data-latest-priority=true] img{
  height:88px;
  opacity:1;
  filter:saturate(.98) contrast(1.04);
}

@media(max-width:760px){
  .home-post-engagement{gap:5px}
  .home-post-stat{min-height:28px;padding:5px 8px;font-size:11px}
  .post-engagement-card,.post-share-card{padding:24px 18px 20px;border-radius:20px}
  .home-latest-flash .home-document-disc-card>.home-post-engagement{gap:1px;margin:0 3px 5px}
  .home-latest-flash .home-document-disc-card .home-post-stat{min-height:20px;padding:1px}
  .home-latest-flash .home-document-disc-card .home-post-stat-icon{font-size:8px}
  .home-latest-flash .home-document-disc-card .home-post-stat b{font-size:7px}
  .home-latest-flash .home-document-disc-card[data-latest-priority=true] img{height:58px}
}
@media(max-width:520px){
  .post-share-platforms{grid-template-columns:1fr}
  .post-share-platforms>button{min-height:56px}
}
@media(max-width:430px){
  .home-post-stat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .home-post-stat{gap:3px}
  .home-latest-flash .home-document-disc-card .home-post-stat{min-height:18px}
  .home-latest-flash .home-document-disc-card .home-post-stat-icon{font-size:7px}
  .home-latest-flash .home-document-disc-card .home-post-stat b{font-size:6px}
  .home-latest-flash .home-document-disc-card[data-latest-priority=true] img{height:52px}
}
@media(prefers-reduced-motion:reduce){
  .home-post-stat,.post-share-platforms>button{transition:none!important}
  .home-post-stat[role=button]:hover,.home-post-stat[role=button]:focus-visible,.post-share-platforms>button:hover,.post-share-platforms>button:focus-visible{transform:none}
}

/* bundled source: assets/home-latest-feed-20260826.css */
.home-pinned-reports{margin:24px 0 18px;padding:18px;border:1px solid rgba(94,125,125,.2);border-radius:26px;background:rgba(255,250,244,.72);box-shadow:0 16px 38px rgba(72,58,53,.08);overflow:hidden}
.home-pinned-reports>header{display:flex;align-items:baseline;gap:10px;margin:0 4px 14px}.home-pinned-reports>header span{color:#b36d75;font-size:.68rem;font-weight:950;letter-spacing:.14em}.home-pinned-reports>header h3{margin:0;color:#526a69;font:900 1.25rem/1.3 "Noto Serif TC",serif}.home-pinned-reports>header small{margin-left:auto;color:#788786;font-weight:750}
.home-pinned-reports-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;user-select:none}.home-pinned-reports-viewport::-webkit-scrollbar{display:none}.home-pinned-reports-viewport:focus-visible{outline:3px solid rgba(179,109,117,.42);outline-offset:4px;border-radius:18px}.home-pinned-reports-viewport.is-dragging{cursor:grabbing}.home-pinned-reports-viewport.is-dragging .home-pinned-report-card{pointer-events:none}.home-pinned-reports-track{display:flex;width:max-content;gap:16px;padding-right:16px;will-change:auto;transform:none!important}.home-pinned-report-card{scroll-snap-align:start}
.home-pinned-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:14px 0 0}.home-pinned-arrow,.home-pinned-dot{appearance:none;border:1px solid rgba(82,106,105,.28);background:#fffaf4;color:#526a69;box-shadow:0 5px 14px rgba(70,52,47,.08);cursor:pointer}.home-pinned-arrow{display:grid;width:38px;height:38px;border-radius:50%;place-items:center;font:900 1.55rem/1 serif}.home-pinned-arrow:hover,.home-pinned-arrow:focus-visible{border-color:#b36d75;background:#fff;color:#9d5f68;transform:translateY(-1px)}.home-pinned-dots{display:flex;align-items:center;justify-content:center;gap:8px}.home-pinned-dot{width:10px;height:10px;padding:0;border-radius:999px;transition:width .2s ease,background .2s ease}.home-pinned-dot.is-active{width:28px;border-color:#a86b73;background:#b36d75}.home-pinned-arrow:focus-visible,.home-pinned-dot:focus-visible{outline:3px solid rgba(179,109,117,.3);outline-offset:3px}.home-pinned-progress{flex:0 0 min(440px,72%);height:3px;overflow:hidden;border-radius:999px;background:rgba(82,106,105,.13)}.home-pinned-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b36d75,#d6a65a,#6fa0a0);transform:scaleX(0);transform-origin:left center}
.home-pinned-report-card{position:relative;box-sizing:border-box;display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto;width:min(43vw,440px);min-height:164px;overflow:hidden;border:2px solid rgba(255,255,255,.85);border-radius:22px;background:linear-gradient(145deg,#fffaf2,#f1ddd9);color:#4e5f60;text-decoration:none;box-shadow:0 12px 26px rgba(70,52,47,.1)}
.home-pinned-report-card.is-charity-donation{background:linear-gradient(145deg,#fff8e8,#e4eee6)}.home-pinned-report-card>img{grid-row:1/3;width:150px;height:100%;min-height:164px;object-fit:cover}.home-pinned-report-card.is-charity-donation>img{object-position:center bottom}.home-pinned-report-card>span:not(.home-post-engagement):not(.home-pinned-thumb-copy){display:grid;align-content:center;gap:5px;padding:15px 16px 8px}.home-pinned-report-card small{color:#a56f6d;font-size:.7rem;font-weight:850}.home-pinned-report-card strong{font:900 1.05rem/1.35 "Noto Serif TC",serif}.home-pinned-report-card em{color:#718080;font-size:.78rem;font-style:normal;line-height:1.45}
.home-pinned-report-card>.home-pinned-thumb-copy{position:absolute;z-index:2;left:0;top:0;bottom:0;box-sizing:border-box;display:flex;width:150px;padding:16px 10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:linear-gradient(180deg,rgba(255,248,225,.16),rgba(47,74,62,.58));text-shadow:0 1px 2px rgba(255,255,255,.65)}.home-pinned-report-card>.home-pinned-thumb-copy small{padding:3px 7px;border-radius:999px;background:rgba(255,250,236,.9);color:#9e5c55;font-size:.63rem;letter-spacing:.08em}.home-pinned-report-card>.home-pinned-thumb-copy strong{color:#fffaf0;font-size:1.12rem;line-height:1.15;text-shadow:0 2px 5px rgba(43,66,58,.55)}.home-pinned-report-card>.home-pinned-thumb-copy em{color:#fff;font-size:.68rem;font-weight:900;line-height:1.3;text-shadow:0 2px 4px rgba(43,66,58,.7)}
.home-pinned-report-card>.home-post-engagement{grid-column:2;align-self:end;min-width:0;width:auto;max-width:none;margin:0 14px 14px;gap:4px}.home-pinned-report-card .home-post-stat{min-height:27px;padding:4px 5px;font-size:9px}.home-pinned-report-card .home-post-stat-label{font-size:8px}
.home-latest-flash .home-document-disc-shell{height:700px!important}.home-latest-flash .home-document-disc-orbit>.home-document-disc-card{display:flex!important;width:clamp(116px,12vw,145px)!important;min-height:160px!important}.home-latest-flash .home-document-disc-card>img{height:72px!important}.home-latest-flash .home-document-disc-card>span:not(.home-post-engagement):not(.home-pinned-thumb-copy){padding:7px 7px 5px!important}.home-latest-flash .home-document-disc-card strong{font-size:.78rem!important}.home-latest-flash .home-document-disc-card em{display:none!important}.home-latest-flash .home-document-disc-card>.home-post-engagement{margin:0 4px 7px!important;gap:2px!important}.home-latest-flash .home-document-disc-card .home-post-stat{min-height:21px!important;padding:2px 1px!important}.home-latest-flash .home-document-disc-card .home-post-stat-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.home-latest-flash .home-document-disc-card .home-post-stat-icon,.home-latest-flash .home-document-disc-card .home-post-stat b{font-size:7px!important}
#home-historical-cases .home-historical-card{height:auto!important;min-height:0!important}#home-historical-cases .home-historical-card>span:last-of-type{box-sizing:border-box;min-height:0!important;padding-bottom:14px!important}#home-historical-cases .home-historical-card>span:last-of-type>.home-post-engagement{position:relative!important;inset:auto!important;flex:0 0 auto;order:5;width:100%!important;margin:14px 0 0!important;clear:both}#home-historical-cases .home-historical-card>span:last-of-type>.home-post-engagement .home-post-stat{padding-inline:5px;font-size:10px}
@media(max-width:760px){
.home-pinned-reports{margin-top:18px;padding:14px 0}.home-pinned-reports>header{padding:0 14px}.home-pinned-reports>header small{display:none}.home-pinned-reports-track{gap:12px;padding-right:12px}.home-pinned-report-card{grid-template-columns:96px minmax(0,1fr);width:min(82vw,330px);min-height:142px}.home-pinned-report-card>img{width:96px;min-height:142px}.home-pinned-report-card>span:not(.home-post-engagement):not(.home-pinned-thumb-copy){padding:10px 10px 5px}.home-pinned-report-card>.home-pinned-thumb-copy{width:96px;padding:12px 5px;gap:4px}.home-pinned-report-card>.home-pinned-thumb-copy small{padding:3px 5px;font-size:.5rem}.home-pinned-report-card>.home-pinned-thumb-copy strong{font-size:.85rem}.home-pinned-report-card>.home-pinned-thumb-copy em{font-size:.52rem}.home-pinned-report-card strong{font-size:.88rem}.home-pinned-report-card em{font-size:.67rem}.home-pinned-report-card>.home-post-engagement{margin:0 8px 9px;gap:2px}.home-pinned-report-card .home-post-stat{min-height:24px;padding:2px;font-size:8px}.home-pinned-report-card .home-post-stat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.home-latest-flash .home-document-disc-shell{height:500px!important;margin-top:-8px!important}
.home-latest-flash .is-ferris-wheel::before{width:min(calc(100% - 96px),306px);height:374px;aspect-ratio:auto;background:repeating-conic-gradient(from 0deg,rgba(126,174,176,.22) 0 1deg,transparent 1deg 45deg),rgba(255,255,255,.16)}
.home-latest-flash .home-ferris-spokes{display:none}
.home-latest-flash .home-document-disc-orbit>.home-document-disc-card{display:flex!important;width:clamp(60px,17vw,72px)!important;height:90px!important;min-height:90px!important}
.home-latest-flash .home-document-disc-card>img{height:34px!important}
.home-latest-flash .home-document-disc-card>span:not(.home-post-engagement):not(.home-pinned-thumb-copy){padding:3px!important}
.home-latest-flash .home-document-disc-card small{font-size:.41rem!important}
.home-latest-flash .home-document-disc-card strong{font-size:.53rem!important;line-height:1.16!important}
.home-latest-flash .home-document-disc-card>.home-post-engagement{margin:0 2px 4px!important;gap:1px!important}
.home-latest-flash .home-document-disc-card .home-post-stat{min-height:14px!important;border:0!important;background:rgba(255,250,243,.94)!important}
.home-latest-flash .home-document-disc-card .home-post-stat-icon,.home-latest-flash .home-document-disc-card .home-post-stat b{font-size:5.5px!important}
.home-latest-flash .home-document-disc-center{width:104px!important}
.home-latest-flash .home-document-disc-control{bottom:10px!important;width:40px!important;height:40px!important;font-size:1.55rem!important}
.home-latest-flash .home-document-disc-control.is-prev{left:calc(50% - 48px)!important}.home-latest-flash .home-document-disc-control.is-next{right:calc(50% - 48px)!important}
}
@media(max-width:480px){.home-latest-flash .home-document-disc-card small{display:none!important}.home-latest-flash .home-document-disc-shell{height:472px!important}.home-latest-flash .is-ferris-wheel::before{width:min(calc(100% - 92px),294px);height:354px}.home-latest-flash .home-document-disc-orbit>.home-document-disc-card{width:64px!important;height:86px!important;min-height:86px!important}.home-latest-flash .home-document-disc-center{width:100px!important}.home-latest-flash .home-document-disc-control{bottom:12px!important}}
@media(prefers-reduced-motion:reduce){.home-pinned-controls{display:none}.home-pinned-reports-viewport{overflow:visible}.home-pinned-reports-track{display:grid;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important}.home-pinned-report-card{width:auto!important;height:auto!important;min-height:0!important}.home-pinned-report-card[data-pinned-clone]{display:none!important}.home-latest-flash .home-document-disc-orbit>.home-document-disc-card{width:auto!important;height:auto!important;min-height:0!important}}
@media(max-width:760px){.home-pinned-controls{gap:6px}.home-pinned-arrow{width:44px;height:44px}.home-pinned-dots{gap:2px}.home-pinned-dot{position:relative;width:36px;height:44px;border:0;background:transparent;box-shadow:none}.home-pinned-dot::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border:1px solid rgba(82,106,105,.28);border-radius:999px;background:#fffaf4;transform:translate(-50%,-50%);transition:width .2s ease,background .2s ease}.home-pinned-dot.is-active{width:40px;background:transparent}.home-pinned-dot.is-active::before{width:28px;border-color:#a86b73;background:#b36d75}.home-pinned-progress{order:4;flex-basis:min(360px,86%);margin-top:2px}}

/* bundled source: assets/home-court-poster-20260901.css */
/* 2026-09-02 — four-language homepage court poster */
.home-court-schedule{
  position:relative;
  padding:clamp(58px,7vw,92px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 16%,rgba(168,69,55,.1),transparent 19rem),
    linear-gradient(180deg,#f9f3e8 0%,#f0e8d8 100%);
}
.home-court-schedule::after{
  content:"";
  position:absolute;
  inset:auto -8vw -180px 38%;
  height:360px;
  pointer-events:none;
  background:url("./art/chen-shangjie-hearing-20260916-guohua-bg.png") center 76%/cover no-repeat;
  opacity:.09;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);
  mask-image:linear-gradient(180deg,transparent,#000 45%);
}
.home-court-schedule .container{position:relative;z-index:1}
.home-court-schedule .home-news-stream-head{align-items:center;margin-bottom:26px}
.home-court-schedule .home-news-stream-head h2{
  margin:0;
  color:#263f3d;
  font-family:"Noto Serif TC","PMingLiU",serif;
  font-size:clamp(2rem,4vw,3.3rem);
  letter-spacing:.08em;
}
.home-court-schedule .home-news-stream-head p{margin:.45rem 0 0;color:#66736d;line-height:1.7}
.home-court-schedule .home-news-stream-head>a{
  padding:.72rem 1rem;
  border:1px solid rgba(145,64,52,.28);
  border-radius:999px;
  color:#873b32;
  background:rgba(255,250,241,.72);
  text-decoration:none;
}
.home-court-schedule .home-news-reel{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);
  grid-auto-flow:row;
  grid-auto-columns:auto;
  gap:clamp(18px,3vw,34px);
  overflow:hidden;
  padding:0;
}
.home-court-schedule .home-news-card.is-hearing{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);
  grid-column:1/-1;
  min-height:0;
  border:1px solid rgba(128,100,59,.3)!important;
  border-top:1px solid rgba(128,100,59,.3)!important;
  border-radius:22px;
  background:rgba(255,250,241,.88);
  box-shadow:0 20px 54px rgba(49,66,62,.13),0 2px 0 rgba(157,74,59,.18)!important;
}
.home-court-schedule .home-news-card.is-hearing:hover{transform:translateY(-3px)}
.home-court-schedule .home-news-card.is-hearing .home-news-card-media{
  aspect-ratio:4/5;
  min-height:560px;
  background:#efe5d0;
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  border:0!important;outline:0!important;box-shadow:none!important;
  filter:none;
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-media>span{
  left:18px;top:18px;padding:7px 12px;
  background:#a14538;color:#fff5e6;border-radius:2px 8px 2px 8px;
  box-shadow:3px 3px 0 rgba(111,69,42,.18);
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(30px,5vw,64px);
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-copy small{
  color:#9a4438;font-size:.74rem;letter-spacing:.18em;
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-copy strong{
  margin:.35rem 0 1rem;
  color:#253f3d;
  font-size:clamp(1.9rem,3vw,3.25rem);
  line-height:1.28;
  letter-spacing:.06em;
}
.home-court-schedule .home-news-card.is-hearing .home-news-card-copy>p{
  margin:0 0 1.35rem;
  color:#566762;
  font-size:1rem;
  line-height:1.85;
}
.home-court-details{display:grid;gap:10px;margin:0 0 1.25rem}
.home-court-detail{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;padding:11px 0;border-top:1px solid rgba(113,93,61,.2)}
.home-court-detail span{color:#9a4438;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.home-court-detail b{color:#304946;font-size:.95rem;line-height:1.55}
.home-court-notice{margin:0!important;padding:12px 14px;border-left:3px solid #a14538;background:rgba(233,218,191,.42);color:#5c6863!important;font-size:.82rem!important;line-height:1.7!important}
.home-court-schedule .home-news-card-guide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  min-height:0;
  padding:18px 22px;
  border-radius:14px;
  background:rgba(243,235,219,.76);
}
.home-court-schedule .home-news-card-guide .home-news-guide-icon{margin:0;width:48px;height:48px}
.home-court-schedule .home-news-card-guide .home-news-card-copy{padding:0 18px}
.home-court-schedule .home-news-card-guide .home-news-card-copy p{margin-top:3px}
.home-court-schedule .home-news-card-guide::before{content:"查看案件時間軸 →";grid-column:3;color:#873b32;font-size:.78rem;font-weight:850}

@media(max-width:820px){
  .home-court-schedule .home-news-card.is-hearing{grid-template-columns:1fr}
  .home-court-schedule .home-news-card.is-hearing .home-news-card-media{min-height:0;aspect-ratio:4/5}
  .home-court-schedule .home-news-card.is-hearing .home-news-card-copy{padding:28px 24px 32px}
}
@media(max-width:560px){
  .home-court-schedule{padding:50px 0}
  .home-court-schedule .home-news-stream-head{display:block}
  .home-court-schedule .home-news-stream-head>a{display:inline-flex;margin-top:15px}
  .home-court-schedule .home-news-reel{display:grid;grid-template-columns:1fr;overflow:hidden}
  .home-court-schedule .home-news-card.is-hearing{width:100%}
  .home-court-schedule .home-news-card.is-hearing .home-news-card-copy strong{font-size:1.75rem}
  .home-court-detail{grid-template-columns:64px 1fr}
  .home-court-schedule .home-news-card-guide{grid-template-columns:auto 1fr;padding:15px}
  .home-court-schedule .home-news-card-guide::before{display:none}
}
@media(prefers-reduced-motion:reduce){.home-court-schedule .home-news-card.is-hearing{transition:none}}


/* Apply the shared poster treatment only to the localized court card. */
.home-news-card.is-hearing.is-court-poster{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-column:1/-1;min-height:0;border:1px solid rgba(128,100,59,.3)!important;border-top:1px solid rgba(128,100,59,.3)!important;border-radius:22px;background:rgba(255,250,241,.88);box-shadow:0 20px 54px rgba(49,66,62,.13),0 2px 0 rgba(157,74,59,.18)!important}
.home-news-card.is-hearing.is-court-poster:hover{transform:translateY(-3px)}
.home-news-card.is-hearing.is-court-poster .home-news-card-media{aspect-ratio:4/5;min-height:560px;background:#efe5d0}
.home-news-card.is-hearing.is-court-poster .home-news-card-media img{width:100%;height:100%;object-fit:cover;object-position:center;border:0!important;outline:0!important;box-shadow:none!important;filter:none}
.home-news-card.is-hearing.is-court-poster .home-guohua-poster-title{position:absolute;z-index:2;top:72px;right:24px;width:min(72%,360px);padding:22px 22px 20px;background:rgba(246,235,207,.9);border-top:4px solid #9f3d31;box-shadow:0 12px 28px rgba(24,47,46,.22);transform:rotate(-1.5deg);font-family:"Noto Serif TC","Songti TC",serif;color:#183432}
.home-news-card.is-hearing.is-court-poster .home-guohua-poster-title small{display:block;margin-bottom:12px;color:#6f4139;font-size:.66rem;font-weight:850;letter-spacing:.18em}
.home-news-card.is-hearing.is-court-poster .home-guohua-poster-title strong{display:block;font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.22;letter-spacing:.08em}
.home-news-card.is-hearing.is-court-poster .home-guohua-poster-title em{display:block;margin-top:13px;color:#9a3b30;font-size:.8rem;font-style:normal;font-weight:850;letter-spacing:.08em}
.home-news-card.is-hearing.is-court-poster .home-news-card-media>span{left:18px;top:18px;padding:7px 12px;background:#a14538;color:#fff5e6;border-radius:2px 8px 2px 8px;box-shadow:3px 3px 0 rgba(111,69,42,.18)}
.home-news-card.is-hearing.is-court-poster .home-news-card-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}
.home-news-card.is-hearing.is-court-poster .home-news-card-copy small{color:#9a4438;font-size:.74rem;letter-spacing:.18em}
.home-news-card.is-hearing.is-court-poster .home-news-card-copy strong{margin:.35rem 0 1rem;color:#253f3d;font-size:clamp(1.9rem,3vw,3.25rem);line-height:1.28;letter-spacing:.04em}
.home-news-card.is-hearing.is-court-poster .home-news-card-copy>p{margin:0 0 1.35rem;color:#566762;font-size:1rem;line-height:1.85}
@media(max-width:820px){.home-news-card.is-hearing.is-court-poster{grid-template-columns:1fr}.home-news-card.is-hearing.is-court-poster .home-news-card-media{min-height:0;aspect-ratio:4/5}.home-news-card.is-hearing.is-court-poster .home-news-card-copy{padding:28px 24px 32px}.home-news-card.is-hearing.is-court-poster .home-guohua-poster-title{top:9%;right:6%;width:64%}}
@media(max-width:560px){.home-news-card.is-hearing.is-court-poster{width:100%}.home-news-card.is-hearing.is-court-poster .home-news-card-copy strong{font-size:1.75rem}}

/* bundled source: assets/home-history-static-map-20260824.css */
/* Always-visible fallback for the East Asia case memory map. */
.home-history-static-map{
  position:relative;
  grid-column:1/-1;
  margin:0 0 clamp(18px,3vw,34px);
  overflow:hidden;
  border:1px solid rgba(111,66,51,.18);
  border-radius:26px 14px 30px 16px;
  background:#e97964;
  box-shadow:0 22px 44px rgba(89,48,38,.2),0 6px 0 rgba(145,77,55,.1);
}
.home-history-static-map img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
.home-history-static-map figcaption{
  position:absolute;
  left:clamp(12px,2vw,24px);
  bottom:clamp(12px,2vw,22px);
  max-width:calc(100% - 24px);
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(45,41,40,.72);
  color:#fff;
  font-size:clamp(.75rem,1.6vw,.92rem);
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.4;
  backdrop-filter:blur(8px);
}
@media (max-width:760px){
  .home-history-static-map{border-radius:19px 11px 21px 12px}
  .home-history-static-map img{min-height:220px;aspect-ratio:16/10}
  .home-history-static-map figcaption{border-radius:12px}
}
@media (max-width:390px){.home-history-static-map img{min-height:205px}}

/* 2026-08-24: history image is the reliable first paint; animation only enhances it. */
#home-historical-cases .home-history-static-map{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:clamp(320px,52vw,720px);
  background:#dce9df url("./art/east-asia-case-memory-map-paper-clay-20260824.webp?v=20260824-desktop-map-repair-1") center/cover no-repeat;
}
#home-historical-cases .home-history-static-map img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:inherit;
  object-fit:cover;
}
#home-historical-cases .history-relief-figure{display:none!important}

/* One current hearing record + compact routes. */
.home-hearing-compact-layout .home-hearing-main{margin-bottom:clamp(18px,3vw,32px)}
.home-hearing-compact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 22px;
}
.home-hearing-compact-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  min-height:148px;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(36,59,76,.14);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(37,51,62,.09);
  transition:transform .22s ease,box-shadow .22s ease;
}
.home-hearing-compact-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(37,51,62,.14)}
.home-hearing-compact-card>img{width:100%;height:100%;min-height:148px;object-fit:cover}
.home-hearing-compact-card>span{display:flex;flex-direction:column;align-items:flex-start;padding:14px 13px;min-width:0}
.home-hearing-compact-card time{color:#a4503e;font-size:.72rem;font-weight:900;letter-spacing:.08em}
.home-hearing-compact-card strong{margin-top:5px;color:#20384a;font-size:.98rem;line-height:1.35}
.home-hearing-compact-card small{margin-top:6px;color:#5e6d77;line-height:1.5}
.home-hearing-compact-card b{margin-top:auto;padding-top:8px;color:#a4503e;font-size:.82rem}
@media (max-width:1000px){
  .home-hearing-compact-grid{grid-template-columns:1fr}
  .home-hearing-compact-card{grid-template-columns:150px minmax(0,1fr)}
}
@media (max-width:760px){
  #home-historical-cases .home-history-static-map{
    min-height:0;
    aspect-ratio:16/10;
    margin-inline:0;
    border-radius:18px;
    background-size:cover;
  }
  #home-historical-cases .home-history-static-map img{
    min-height:0;
    height:100%!important;
    aspect-ratio:16/10;
    object-position:center;
  }
  #home-historical-cases .home-history-static-map figcaption{
    left:10px;right:10px;bottom:10px;max-width:none;
    padding:8px 10px;font-size:.72rem;text-align:center;
  }
  .home-hearing-compact-layout .home-hearing-zone-head{align-items:flex-start}
  .home-hearing-compact-card{grid-template-columns:108px minmax(0,1fr);min-height:132px}
  .home-hearing-compact-card>img{min-height:132px}
  .home-hearing-compact-card>span{padding:11px 10px}
  .home-hearing-compact-card strong{font-size:.9rem}
  .home-hearing-compact-card small{font-size:.76rem}
  .home-hearing-compact-layout .home-hearing-zone-stamp{transform:scale(.82);transform-origin:top right}
}
@media (prefers-reduced-motion:reduce){
  .home-hearing-compact-card{transition:none}
}


/* 2026-08-24 mobile hard fallback: image remains visible without JS/GSAP. */
@media (max-width:760px){
  #home-historical-cases,
  #home-historical-cases .container,
  #home-historical-cases .home-historical-grid{
    display:block!important;
    content-visibility:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }
  #home-historical-cases .home-history-static-map{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-height:220px!important;
    aspect-ratio:16/10!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
    background:#dce9df url("./art/east-asia-case-memory-map-paper-clay-20260824.webp?v=20260824-mobile-map-repair-3") center/cover no-repeat!important;
  }
  #home-historical-cases .home-history-static-map img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:220px!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    object-fit:cover!important;
  }
}

/* bundled source: assets/home-history-mobile-visibility-20260824.css */
/* Mobile visibility safeguard for the East Asia case memory map — 2026-08-24 */
@media (max-width:760px){
  #home-historical-cases,
  #home-historical-cases .history-archive-v3,
  #home-historical-cases .history-map-panel,
  #home-historical-cases .history-map-art,
  #home-historical-cases .history-relief-figure,
  #home-historical-cases .history-relief-image,
  #home-historical-cases .history-relief-region-dock,
  #home-historical-cases .history-region-list{
    content-visibility:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }

  #home-historical-cases .history-map-panel,
  #home-historical-cases .history-relief-figure,
  #home-historical-cases .history-relief-image{
    transform:none!important;
  }

  #home-historical-cases .history-map-panel{
    display:block!important;
    width:100%!important;
    min-height:0!important;
  }

  #home-historical-cases .history-relief-map-art{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }

  #home-historical-cases .history-relief-figure{
    display:block!important;
    width:100%!important;
    min-height:220px!important;
    aspect-ratio:16/10!important;
    margin:0!important;
    overflow:hidden!important;
    background:#e97964!important;
  }

  #home-historical-cases .history-relief-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:220px!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:saturate(1.01) contrast(1.02)!important;
  }

  #home-historical-cases .history-relief-region-dock,
  #home-historical-cases .history-relief-pin,
  #home-historical-cases .history-map-copy,
  #home-historical-cases .history-region,
  #home-historical-cases .history-timeline,
  #home-historical-cases .history-paper-file-card,
  #home-historical-cases .home-historical-card{
    visibility:visible!important;
    opacity:1!important;
  }

  /* A no-JavaScript-enhancement fallback: the artwork still appears before the relief module finishes. */
  #home-historical-cases .history-map-art:not(.history-relief-map-art){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  #home-historical-cases .history-map-art:not(.history-relief-map-art)::before{
    content:""!important;
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    display:block!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-height:220px!important;
    aspect-ratio:16/10!important;
    border:1px solid rgba(111,66,51,.18)!important;
    border-radius:19px 11px 21px 12px!important;
    background-color:#e97964!important;
    background-image:url("./art/east-asia-case-memory-map-paper-clay-20260824.webp?v=20260824-paper-clay-map-3")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    box-shadow:0 18px 35px rgba(89,48,38,.22),0 5px 0 rgba(145,77,55,.11)!important;
  }

  #home-historical-cases .history-map-art:not(.history-relief-map-art) .map-dot{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:54px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

@media (min-width:461px) and (max-width:760px){
  #home-historical-cases .history-map-art:not(.history-relief-map-art){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:390px){
  #home-historical-cases .history-relief-figure,
  #home-historical-cases .history-relief-image,
  #home-historical-cases .history-map-art:not(.history-relief-map-art)::before{
    min-height:205px!important;
  }
}


/* Mobile layout repair v3: keep controls below the artwork instead of covering it. */
@media (max-width:760px){
  #home-historical-cases .history-relief-map-art{display:block!important;overflow:visible!important}
  #home-historical-cases .history-relief-figure{display:block!important;position:relative!important;width:100%!important;min-height:0!important;aspect-ratio:16/10!important;overflow:hidden!important}
  #home-historical-cases .history-relief-image{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important}
  #home-historical-cases .history-relief-region-dock{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:10px 0 0!important;padding:0!important;transform:none!important}
  #home-historical-cases .history-relief-pin{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;min-height:54px!important;transform:none!important}
}

/* bundled source: assets/home-history-paper-weather-20260825.css */
/* Museum-quality paper weather for the East Asia case-memory map.
   The map, archive labels and hotspots remain untouched; only independent
   transparent paper artworks move above the relief image. */

#home-historical-cases .home-history-static-map.has-paper-weather-map,
#home-historical-cases .history-relief-figure.has-paper-weather-map {
  isolation: isolate;
}

#home-historical-cases .has-paper-weather-map > img {
  position: relative;
  z-index: 0;
}

#home-historical-cases .home-map-weather {
  --paper-ivory: #fff8dc;
  --paper-cream: #e8ddbb;
  --paper-sage: #aebfac;
  --paper-coral: #cf9078;
  --paper-sea: #447d7d;
  --paper-gold: #b7985f;
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  contain: paint;
  user-select: none;
}

#home-historical-cases .home-map-weather.is-static {
  opacity: 1;
}

#home-historical-cases .home-map-paper-cloud,
#home-historical-cases .home-map-paper-wind,
#home-historical-cases .home-map-paper-current {
  position: absolute;
  display: block;
  transform-origin: 50% 58%;
  will-change: transform, opacity;
}

#home-historical-cases .home-map-paper-cloud img,
#home-historical-cases .home-map-paper-wind img,
#home-historical-cases .home-map-paper-current img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  will-change: transform;
}

/* The wind is no longer an SVG dash. Each line is a photographed, layered
   hand-cut paper sculpture with pierced channels, raised edges and fibres. */
#home-historical-cases .home-map-wind-field {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

#home-historical-cases .home-map-paper-wind {
  filter:
    drop-shadow(0 10px 7px rgba(56, 45, 30, .27))
    drop-shadow(0 2px 1px rgba(255, 252, 229, .45));
}

#home-historical-cases .home-map-paper-wind.is-wind-one {
  top: -2%;
  left: -7%;
  width: clamp(300px, 42%, 620px);
  opacity: .88;
}

#home-historical-cases .home-map-paper-wind.is-wind-two {
  top: 22%;
  left: 24%;
  width: clamp(265px, 35%, 520px);
  opacity: .7;
}

#home-historical-cases .home-map-paper-wind.is-wind-three {
  top: 41%;
  left: 53%;
  width: clamp(215px, 29%, 430px);
  opacity: .56;
}

/* Ocean currents are actual layered wave sculptures, kept over the eastern
   sea by a soft mask so the paper relief land remains readable. */
#home-historical-cases .home-map-current-field {
  position: absolute;
  inset: 31% -8% -11% 39%;
  z-index: 1;
  overflow: hidden;
  opacity: .84;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .3) 12%, #000 31%, #000 96%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .3) 12%, #000 31%, #000 96%, transparent 100%);
}

#home-historical-cases .home-map-paper-current {
  filter:
    drop-shadow(0 10px 7px rgba(20, 57, 60, .3))
    drop-shadow(0 2px 1px rgba(239, 255, 243, .32));
}

#home-historical-cases .home-map-paper-current.is-current-one {
  right: -7%;
  bottom: -4%;
  width: 88%;
  opacity: .92;
}

#home-historical-cases .home-map-paper-current.is-current-two {
  right: 17%;
  bottom: 30%;
  width: 72%;
  opacity: .68;
}

#home-historical-cases .home-map-paper-current.is-current-three {
  right: -1%;
  bottom: 58%;
  width: 61%;
  opacity: .52;
}

#home-historical-cases .home-map-sea-grain {
  position: absolute;
  inset: -20%;
  opacity: .3;
  background:
    repeating-radial-gradient(ellipse at 20% 54%, transparent 0 19px, rgba(245, 255, 245, .38) 20px 22px, transparent 23px 44px),
    repeating-linear-gradient(165deg, transparent 0 31px, rgba(183, 224, 211, .22) 32px 34px, transparent 35px 70px);
  background-size: 142px 66px, 174px 112px;
  transform: rotate(-5deg) translateZ(0);
  mix-blend-mode: screen;
  will-change: background-position, transform;
}

/* Ornate auspicious-cloud banks use real transparent paper artwork. Three
   scales create parallax without turning the map into a flat sticker collage. */
#home-historical-cases .home-map-paper-cloud {
  left: -33%;
  top: 2%;
  width: clamp(210px, 30%, 440px);
  z-index: 4;
  opacity: .94;
  filter:
    drop-shadow(0 14px 9px rgba(55, 44, 31, .32))
    drop-shadow(0 2px 1px rgba(255, 252, 232, .5));
}

#home-historical-cases .home-map-paper-cloud.is-mid {
  top: 20%;
  width: clamp(170px, 24%, 355px);
  opacity: .8;
  filter:
    drop-shadow(0 11px 7px rgba(48, 42, 33, .27))
    drop-shadow(0 2px 1px rgba(255, 252, 232, .42));
}

#home-historical-cases .home-map-paper-cloud.is-mid .home-map-paper-cloud-art {
  transform: scaleX(-1);
}

#home-historical-cases .home-map-paper-cloud.is-far {
  top: 37%;
  width: clamp(135px, 19%, 280px);
  opacity: .66;
  filter: drop-shadow(0 8px 6px rgba(45, 40, 32, .22));
}

/* Museum-quality flying fragments use the same generated rice-paper material
   as the sculpted cloud, wind and ocean artwork. Each piece has a dedicated
   front and muted reverse face so its GSAP turn reads as folded paper. */
#home-historical-cases .home-map-wind-fleck {
  --fleck-size: 58px;
  --fleck-top: 18%;
  position: absolute;
  left: -12%;
  top: var(--fleck-top);
  width: var(--fleck-size);
  aspect-ratio: 1.3 / 1;
  z-index: 5;
  opacity: .94;
  transform-style: preserve-3d;
  backface-visibility: visible;
  filter:
    drop-shadow(0 8px 6px rgba(34, 47, 43, .3))
    drop-shadow(0 2px 1px rgba(255, 248, 218, .28));
  will-change: transform, opacity;
}

#home-historical-cases .home-map-wind-fleck img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

#home-historical-cases .home-map-wind-fleck-face {
  transform: translateZ(1.5px);
}

#home-historical-cases .home-map-wind-fleck-back {
  opacity: .9;
  transform: rotateY(180deg) translateZ(1.5px);
  filter: sepia(.08) saturate(.78) brightness(.92);
}

#home-historical-cases .home-map-paper-fibres {
  position: absolute;
  inset: 0;
  z-index: 6;
  opacity: .13;
  background:
    repeating-linear-gradient(93deg, transparent 0 18px, rgba(255, 255, 245, .2) 19px 20px, transparent 21px 45px),
    repeating-linear-gradient(8deg, transparent 0 31px, rgba(72, 62, 49, .08) 32px 33px, transparent 34px 68px);
  mix-blend-mode: soft-light;
  will-change: background-position;
}

#home-historical-cases .home-map-weather-vignette {
  position: absolute;
  inset: 0;
  z-index: 7;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255, 250, 228, .4),
    inset 0 0 28px rgba(255, 247, 220, .07),
    inset 0 -24px 42px rgba(24, 68, 72, .1);
}

#home-historical-cases .has-paper-weather-map > figcaption,
#home-historical-cases .has-paper-weather-map > .history-relief-caption {
  z-index: 8;
}

#home-historical-cases .has-paper-weather-map .history-map-hotspot-layer,
#home-historical-cases .has-paper-weather-map + .history-map-hotspot-layer {
  z-index: 12;
}

#home-historical-cases .home-map-weather.is-static .home-map-paper-cloud.is-near {
  left: 10%;
}

#home-historical-cases .home-map-weather.is-static .home-map-paper-cloud.is-mid {
  left: 55%;
}

#home-historical-cases .home-map-weather.is-static .home-map-paper-cloud.is-far {
  left: 75%;
}

#home-historical-cases .home-map-weather.is-static .home-map-wind-fleck {
  display: none;
}

@media (max-width: 760px) {
  #home-historical-cases .home-map-paper-wind.is-wind-one {
    top: 0;
    left: -10%;
    width: 52%;
  }

  #home-historical-cases .home-map-paper-wind.is-wind-two {
    top: 27%;
    left: 33%;
    width: 44%;
    opacity: .72;
  }

  #home-historical-cases .home-map-current-field {
    inset: 33% -12% -13% 34%;
    opacity: .78;
  }

  #home-historical-cases .home-map-paper-current.is-current-one {
    width: 98%;
  }

  #home-historical-cases .home-map-paper-current.is-current-two {
    right: 11%;
    bottom: 35%;
    width: 82%;
  }

  #home-historical-cases .home-map-paper-cloud {
    top: 2%;
    width: 42%;
  }

  #home-historical-cases .home-map-paper-cloud.is-mid {
    top: 24%;
    width: 33%;
  }

  #home-historical-cases .home-map-wind-fleck {
    width: clamp(30px, 10vw, 44px);
  }

  #home-historical-cases .home-map-paper-fibres {
    opacity: .09;
  }
}

@media (prefers-reduced-motion: reduce) {
  #home-historical-cases .home-map-weather {
    opacity: .82 !important;
  }

  #home-historical-cases .home-map-paper-cloud,
  #home-historical-cases .home-map-paper-wind,
  #home-historical-cases .home-map-paper-current {
    transform: none !important;
  }

  #home-historical-cases .home-map-paper-cloud.is-near {
    left: 9% !important;
  }

  #home-historical-cases .home-map-paper-cloud.is-mid {
    left: 61% !important;
  }

  #home-historical-cases .home-map-paper-cloud.is-far,
  #home-historical-cases .home-map-wind-fleck {
    display: none !important;
  }
}

/* bundled source: assets/global-protection-home.css */
.home-protection-wall{position:relative;padding:clamp(54px,8vw,104px) 0;overflow:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,188,202,.56),transparent 28rem),radial-gradient(circle at 92% 25%,rgba(166,219,218,.52),transparent 30rem),linear-gradient(180deg,#fff5ee 0%,#f9dfe0 48%,#d9ebe6 100%)}
.home-protection-wall::before{content:"";position:absolute;inset:auto 0 0;height:92px;background:linear-gradient(176deg,transparent 0 34%,rgba(116,190,195,.34) 35% 52%,rgba(255,255,255,.72) 53% 58%,rgba(245,215,172,.72) 59%);pointer-events:none}
.home-protection-wall::after{content:"SUMMER · CARE · HOPE";position:absolute;right:-.02em;top:.08em;color:rgba(107,131,134,.055);font:900 clamp(4rem,11vw,10rem)/1 system-ui,sans-serif;letter-spacing:.05em;white-space:nowrap;pointer-events:none}
.home-protection-wall-card{position:relative;display:block;min-height:clamp(470px,52vw,690px);overflow:hidden;border:5px solid rgba(255,255,255,.72);border-radius:clamp(28px,4vw,46px);background:#8bc9cb;box-shadow:0 32px 78px rgba(97,74,74,.18),inset 0 1px rgba(255,255,255,.7);color:#fff;text-decoration:none;isolation:isolate;transform:translateZ(0)}
.home-protection-wall-visual,.home-protection-wall-visual img{position:absolute;inset:0;display:block;width:100%;height:100%}.home-protection-wall-visual img{object-fit:cover;object-position:50% 50%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}
.home-protection-wall-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(91,88,105,.72) 0%,rgba(105,102,119,.43) 37%,rgba(255,255,255,.03) 72%),linear-gradient(0deg,rgba(74,112,119,.62),transparent 52%);pointer-events:none}
.home-protection-wall-mark{position:absolute;top:clamp(20px,3vw,36px);right:clamp(20px,3vw,38px);z-index:5;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:2px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,244,241,.3);backdrop-filter:blur(12px);color:#fff!important;font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.14em;box-shadow:0 9px 24px rgba(85,71,72,.12)}
.home-protection-wall-mark::before{width:9px;height:9px;border-radius:50%;background:#ffbdc2;box-shadow:0 0 0 5px rgba(255,235,211,.25);content:""}
.home-protection-wall-copy{position:absolute;inset:auto auto clamp(34px,6vw,72px) clamp(28px,6vw,76px);z-index:5;width:min(630px,calc(100% - 56px))}
.home-protection-wall-eyebrow{display:block;margin-bottom:12px;color:#fff3d8!important;font:850 11px/1.4 system-ui,sans-serif;letter-spacing:.16em}
.home-protection-wall-copy h2{margin:0;color:#fffdf8!important;font:900 clamp(36px,5vw,66px)/1.08 "Noto Serif TC","Songti TC",serif;letter-spacing:-.03em;text-shadow:0 5px 22px rgba(75,70,84,.28)}
.home-protection-wall-copy p{max-width:600px;margin:18px 0 0;color:rgba(255,253,249,.98)!important;font:650 clamp(15px,1.7vw,19px)/1.75 system-ui,sans-serif;text-shadow:0 3px 15px rgba(70,74,84,.32)}
.home-protection-wall-cta{display:inline-flex;align-items:center;gap:11px;min-height:49px;margin-top:24px;padding:13px 20px;border:2px solid rgba(255,255,255,.68);border-radius:999px;background:linear-gradient(135deg,rgba(238,142,151,.88),rgba(116,181,188,.84));backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(74,77,88,.2),inset 0 1px rgba(255,255,255,.28);color:#fff!important;font:850 15px/1.2 system-ui,sans-serif;transition:transform .25s ease,filter .25s ease}
.home-protection-wall-cta span{font-size:19px;transition:transform .25s ease}
.home-beach-sun{position:absolute;right:18%;top:11%;z-index:2;width:clamp(72px,10vw,135px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8d6 0 38%,#ffd4b8 60%,rgba(248,167,171,.32));box-shadow:0 0 44px rgba(255,226,181,.54);pointer-events:none;mix-blend-mode:screen}
.home-beach-wave{position:absolute;left:-8%;z-index:3;width:116%;height:34px;border-radius:50%;border-top:6px solid rgba(255,255,255,.65);pointer-events:none}.home-beach-wave.wave-one{bottom:29%}.home-beach-wave.wave-two{bottom:22%;left:-3%;opacity:.55}
.home-beach-note{position:absolute;z-index:4;max-width:180px;padding:9px 13px;border:2px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,247,241,.72);color:#816e75;font:800 11px/1.45 system-ui,sans-serif;box-shadow:0 12px 28px rgba(84,73,75,.13);backdrop-filter:blur(8px);pointer-events:none}.home-beach-note.note-one{right:5%;top:24%;transform:rotate(4deg)}.home-beach-note.note-two{right:14%;bottom:18%;transform:rotate(-3deg);background:rgba(229,249,245,.75)}
.home-beach-shell{position:absolute;z-index:4;color:#fff0e3;text-shadow:0 5px 15px rgba(115,87,80,.2);pointer-events:none}.home-beach-shell.shell-one{right:5%;bottom:7%;font-size:44px;transform:rotate(-16deg)}.home-beach-shell.shell-two{right:29%;bottom:8%;font-size:28px}
.home-protection-wall-card:hover .home-protection-wall-visual img{transform:scale(1.035);filter:saturate(1.07) brightness(1.02)}.home-protection-wall-card:hover .home-protection-wall-cta{transform:translateY(-3px);filter:saturate(1.1)}.home-protection-wall-card:hover .home-protection-wall-cta span{transform:translate(3px,-2px)}.home-protection-wall-card:focus-visible{outline:4px solid #ef9da5;outline-offset:6px}
@media(max-width:760px){.home-protection-wall{padding:42px 0 52px}.home-protection-wall-card{min-height:min(720px,142vw);border-radius:27px}.home-protection-wall-card::after{background:linear-gradient(0deg,rgba(75,91,104,.9) 0%,rgba(88,100,114,.6) 43%,rgba(255,255,255,.02) 78%)}.home-protection-wall-visual img{object-position:64% 50%}.home-protection-wall-copy{inset:auto 22px 27px;width:calc(100% - 44px)}.home-protection-wall-copy h2{font-size:clamp(34px,11vw,50px)}.home-protection-wall-mark{top:16px;right:16px;padding:8px 11px;font-size:9px}.home-beach-note{font-size:9px;max-width:135px}.home-beach-note.note-one{right:5%;top:21%}.home-beach-note.note-two{right:7%;bottom:37%}.home-beach-sun{right:17%;top:10%}.home-beach-wave.wave-one{bottom:37%}.home-beach-wave.wave-two{bottom:31%}}
@media(max-width:420px){.home-protection-wall-card{min-height:610px}.home-protection-wall-copy p{font-size:14px;line-height:1.65}.home-protection-wall-cta{width:100%;justify-content:center}.home-beach-note.note-two{display:none}}
@media(prefers-reduced-motion:reduce){.home-protection-wall-visual img,.home-protection-wall-cta,.home-protection-wall-cta span{transition:none!important}.home-beach-sun,.home-beach-wave,.home-beach-note,.home-beach-shell{transform:none!important}}

/* First-screen visitor submission launch and GSAP reminder. */
.home-visitor-launch{position:relative;z-index:12;padding:clamp(16px,2vw,24px) 0;background:linear-gradient(180deg,#fbf7ef,#f7e9e5)}
.home-visitor-launch-link{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:21px 24px;border:2px solid rgba(255,255,255,.74);border-radius:31px 15px 33px 18px;color:#385a5b;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.82),transparent 25%),linear-gradient(135deg,#f3d9d5 0%,#fbefdf 46%,#d6e9e3 100%);box-shadow:0 8px 0 rgba(190,142,125,.18),0 23px 46px rgba(67,82,78,.14),inset 5px 6px 13px rgba(255,255,255,.43);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.home-visitor-launch-link:hover,.home-visitor-launch-link:focus-visible{transform:translateY(-3px);outline:4px solid rgba(76,119,113,.2);outline-offset:4px;box-shadow:0 10px 0 rgba(190,142,125,.17),0 29px 54px rgba(67,82,78,.18),inset 5px 6px 13px rgba(255,255,255,.43)}
.home-visitor-launch-mark{width:72px;height:72px;display:grid;place-items:center;border:3px solid rgba(255,248,231,.58);border-radius:50% 46% 53% 47%;color:#fff8e9;background:linear-gradient(145deg,#72938a,#3f6868);box-shadow:0 7px 0 #345859,0 14px 24px rgba(49,83,83,.2),inset 5px 5px 9px rgba(255,255,255,.2);font:31px Georgia,serif;transform:rotate(-4deg)}
.home-visitor-launch-copy{min-width:0;display:grid;gap:4px}.home-visitor-launch-copy small{color:#ad744d;font:900 11px/1.5 system-ui,sans-serif;letter-spacing:.15em}.home-visitor-launch-copy strong{color:#34575a;font:900 clamp(27px,3vw,42px)/1.3 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:.01em}.home-visitor-launch-copy span{max-width:780px;color:#667672;font:650 15px/1.75 system-ui,sans-serif}.home-visitor-launch-cta{min-width:215px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:0 20px;border-radius:999px;color:#fffaf0;background:#466f6f;box-shadow:0 6px 0 #31595a,0 13px 23px rgba(49,89,90,.18);font:900 15px/1.35 system-ui,sans-serif}.home-visitor-launch-cta i{font:22px Georgia,serif}
.visitor-submit-dialog{position:fixed;z-index:9999;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#385658;background:rgba(32,50,52,.7);backdrop-filter:blur(12px);overflow:auto}.visitor-submit-dialog::backdrop{background:transparent}.visitor-submit-dialog:not([open]){display:none}.visitor-submit-dialog-stage{min-height:100%;display:grid;place-items:center;padding:24px}.visitor-submit-dialog-card{position:relative;width:min(620px,100%);overflow:hidden;padding:clamp(38px,6vw,62px);border:5px solid rgba(255,255,255,.58);border-radius:38px 18px 41px 22px;color:#385658;background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#f8ded9 0%,#fff4e5 48%,#d9ebe4 100%);box-shadow:0 42px 110px rgba(16,31,33,.38),inset 7px 8px 18px rgba(255,255,255,.42);text-align:center}.visitor-submit-dialog-card::before{content:"";position:absolute;left:8%;right:9%;top:17px;height:21px;border-radius:4px;background:rgba(238,205,169,.7);box-shadow:0 5px 11px rgba(97,69,52,.09);transform:rotate(-1.4deg)}
.visitor-submit-dialog-close{position:absolute;z-index:3;right:17px;top:16px;width:44px;height:44px;border:1px solid rgba(64,93,89,.17);border-radius:50%;color:#4c6c68;background:rgba(255,255,255,.69);cursor:pointer;font-size:27px;line-height:1}.visitor-submit-dialog-close:hover,.visitor-submit-dialog-close:focus-visible{outline:3px solid rgba(70,111,105,.23);outline-offset:2px}.visitor-submit-dialog-accent{display:flex;justify-content:center;gap:12px;margin:0 auto 22px}.visitor-submit-dialog-accent i{width:54px;height:54px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.64);border-radius:50% 45% 54% 46%;color:#fff8e9;background:#6a8b84;box-shadow:0 5px 0 rgba(61,89,86,.24),0 10px 18px rgba(54,76,74,.12);font:22px Georgia,serif;font-style:normal}.visitor-submit-dialog-accent i:nth-child(1){color:#865e57;background:#edc9c5;transform:rotate(-7deg)}.visitor-submit-dialog-accent i:nth-child(3){color:#846639;background:#f2d7a4;transform:rotate(7deg)}
.visitor-submit-dialog-copy>p{margin:0;color:#b4774d;font:900 11px/1.4 system-ui,sans-serif;letter-spacing:.17em}.visitor-submit-dialog-copy h2{margin:11px auto 16px;color:#355658;font:900 clamp(34px,5.3vw,52px)/1.3 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:-.025em}.visitor-submit-dialog-copy>span{display:block;max-width:500px;margin:auto;color:#687571;font:650 16px/1.85 system-ui,sans-serif}.visitor-submit-dialog-actions{display:flex;justify-content:center;gap:11px;margin-top:28px}.visitor-submit-dialog-actions a,.visitor-submit-dialog-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;cursor:pointer;text-decoration:none;font:900 14px/1.35 system-ui,sans-serif}.visitor-submit-dialog-primary{gap:13px;border:1px solid #426b6b;color:#fff!important;background:#426b6b;box-shadow:0 6px 0 #315758,0 13px 22px rgba(49,87,88,.18)}.visitor-submit-dialog-primary span{font-size:20px}.visitor-submit-dialog-later{border:1px solid rgba(67,100,96,.18);color:#536c68;background:rgba(255,255,255,.65)}.visitor-submit-dialog-actions a:focus-visible,.visitor-submit-dialog-actions button:focus-visible{outline:4px solid rgba(69,111,105,.22);outline-offset:3px}.visitor-submit-dialog-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;color:#68746f;font:700 12px/1.5 system-ui,sans-serif}.visitor-submit-dialog-note span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#66867f}
@media(max-width:820px){.home-visitor-launch-link{grid-template-columns:64px minmax(0,1fr);padding:20px}.home-visitor-launch-mark{width:60px;height:60px;font-size:26px}.home-visitor-launch-cta{grid-column:1/-1;width:100%}}
@media(max-width:560px){.home-visitor-launch{padding:12px 0}.home-visitor-launch>.container{width:calc(100% - 20px)}.home-visitor-launch-link{grid-template-columns:49px minmax(0,1fr);gap:13px;padding:17px 14px;border-radius:25px 11px 27px 14px}.home-visitor-launch-mark{width:47px;height:47px;border-width:2px;font-size:21px}.home-visitor-launch-copy small{font-size:9px;letter-spacing:.1em}.home-visitor-launch-copy strong{font-size:25px}.home-visitor-launch-copy span{font-size:13px;line-height:1.65}.home-visitor-launch-cta{min-width:0;min-height:50px;font-size:14px}.visitor-submit-dialog-stage{padding:13px}.visitor-submit-dialog-card{padding:42px 18px 28px;border-width:3px;border-radius:29px 13px 31px 16px}.visitor-submit-dialog-close{right:10px;top:10px;width:39px;height:39px}.visitor-submit-dialog-accent{gap:8px;margin-bottom:18px}.visitor-submit-dialog-accent i{width:44px;height:44px;font-size:18px}.visitor-submit-dialog-copy h2{font-size:32px}.visitor-submit-dialog-copy>span{font-size:14px;line-height:1.75}.visitor-submit-dialog-actions{align-items:stretch;flex-direction:column}.visitor-submit-dialog-actions a,.visitor-submit-dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-visitor-launch-link{transition:none!important}}

/* Prominent general-member message and article submission entry. */
.home-member-submission{position:relative;z-index:7;margin:clamp(22px,3vw,34px) auto 0;padding:clamp(28px,4vw,46px);overflow:hidden;border:1px solid rgba(78,104,99,.2);border-radius:30px 15px 32px 17px;background:radial-gradient(circle at 94% 0,rgba(255,255,255,.9),transparent 27%),linear-gradient(135deg,rgba(248,222,216,.97),rgba(255,247,233,.98) 47%,rgba(218,235,228,.98));box-shadow:0 28px 64px rgba(87,69,67,.16),inset 0 0 0 6px rgba(255,255,255,.3);color:#315052}
.home-member-submission::after{content:"✎";position:absolute;right:clamp(18px,3vw,35px);top:clamp(18px,3vw,32px);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:#fff7e9;background:linear-gradient(145deg,#78978f,#3e6664);box-shadow:0 12px 28px rgba(48,83,80,.22);font:30px Georgia,serif;transform:rotate(5deg)}
.home-member-submission-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-right:86px}.home-member-submission-head small{display:block;margin-bottom:9px;color:#a77349;font:850 11px/1.4 system-ui,sans-serif;letter-spacing:.16em}.home-member-submission-head h3{margin:0;color:#315052;font:900 clamp(29px,3.7vw,46px)/1.25 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:-.02em}.home-member-submission-head p{max-width:820px;margin:13px 0 0;color:#5d6d69;font:600 16px/1.8 system-ui,sans-serif}.home-member-submission-head>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 13px;border:1px solid rgba(74,107,98,.16);border-radius:999px;color:#456a61;background:rgba(255,255,255,.7);font:800 12px/1.35 system-ui,sans-serif;white-space:nowrap}.home-member-submission-head>span i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#64867d;font-style:normal}
.home-member-submission-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none}.home-member-submission-steps li{display:grid;grid-template-columns:37px 1fr;gap:10px;min-height:150px;padding:20px 16px;border:1px solid rgba(76,104,97,.13);border-radius:16px 8px 18px 10px;background:rgba(255,253,247,.78);box-shadow:0 11px 25px rgba(71,62,54,.06)}.home-member-submission-steps li>b{color:#b07a50;font:19px/1.3 Georgia,serif}.home-member-submission-steps li div{display:flex;flex-direction:column;gap:8px}.home-member-submission-steps strong{color:#365957;font:800 18px/1.35 "Noto Serif TC","Songti TC",Georgia,serif}.home-member-submission-steps small{color:#697571;font:600 12px/1.7 system-ui,sans-serif}
.home-member-submission-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:25px}.home-member-submission-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:11px 18px;border-radius:11px;text-decoration:none;font:850 14px/1.3 system-ui,sans-serif;transition:transform .22s ease,box-shadow .22s ease}.home-member-submission-actions a:hover,.home-member-submission-actions a:focus-visible{transform:translateY(-2px);outline:3px solid rgba(76,112,104,.24);outline-offset:3px}.home-member-submit-primary{gap:12px;color:#fff!important;background:#3f6866;box-shadow:0 12px 27px rgba(55,91,88,.2)}.home-member-submit-primary span{font-size:18px}.home-member-submit-secondary{border:1px solid rgba(61,100,96,.18);color:#3d6661!important;background:rgba(255,255,255,.72)}.home-member-submit-guest{margin-left:auto;padding-inline:3px!important;border-bottom:1px solid rgba(77,108,101,.38);border-radius:0!important;color:#506f68!important}.home-member-submission-note{display:flex;align-items:flex-start;gap:9px;margin:20px 0 0;padding:12px 14px;border-left:5px solid #b38355;border-radius:7px 11px 8px 6px;color:#665f57;background:rgba(255,255,255,.5);font:600 12px/1.7 system-ui,sans-serif}.home-member-submission-note span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#b38355;font:italic 13px Georgia,serif}
@media(max-width:980px){.home-member-submission-head{grid-template-columns:1fr;align-items:start}.home-member-submission-head>span{width:max-content}.home-member-submission-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-member-submit-guest{margin-left:0}}
@media(max-width:620px){.home-member-submission{padding:27px 15px 22px;border-radius:24px 11px 26px 13px}.home-member-submission::after{right:13px;top:14px;width:50px;height:50px;font-size:23px}.home-member-submission-head{padding-right:47px;gap:16px}.home-member-submission-head h3{font-size:29px}.home-member-submission-head p{font-size:14px}.home-member-submission-head>span{min-height:37px;max-width:100%;white-space:normal}.home-member-submission-steps{grid-template-columns:1fr;gap:9px;margin-top:22px}.home-member-submission-steps li{min-height:0;padding:17px 14px}.home-member-submission-steps strong{font-size:17px}.home-member-submission-steps small{font-size:13px}.home-member-submission-actions{align-items:stretch;flex-direction:column}.home-member-submission-actions a{width:100%;margin:0}.home-member-submission-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-member-submission-actions a{transition:none!important}}


/* Refined sea-art finish */
.home-protection-wall-card{box-shadow:0 34px 82px rgba(88,72,78,.19),0 0 0 1px rgba(255,255,255,.78),inset 0 1px rgba(255,255,255,.86)}
.home-protection-wall-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 72% 72%,rgba(255,255,255,.22),transparent 18%),repeating-radial-gradient(ellipse at 73% 63%,transparent 0 24px,rgba(255,255,255,.12) 25px 27px,transparent 28px 45px);mix-blend-mode:screen}
.home-beach-wave{box-shadow:0 -5px 12px rgba(255,255,255,.14)}.home-beach-shell{filter:drop-shadow(0 8px 10px rgba(94,75,78,.13))}

/* bundled source: assets/home-guest-message.css */
.home-guest-message-section{padding:18px 0 26px;background:linear-gradient(180deg,#f7eee8,#f3e8df)}
.home-guest-message-details{border:1px solid rgba(119,77,62,.18);border-radius:24px;background:rgba(255,255,255,.78);overflow:hidden;box-shadow:0 14px 38px rgba(87,58,48,.08)}
.home-guest-message-details summary{cursor:pointer;list-style:none;padding:22px 26px;color:#49382f}.home-guest-message-details summary::-webkit-details-marker{display:none}.home-guest-message-details summary span{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center}.home-guest-message-details summary small{grid-column:1/-1;color:#9b6555;font-weight:800;letter-spacing:.08em}.home-guest-message-details summary strong{font-size:clamp(1.35rem,3vw,2rem)}.home-guest-message-details summary em{font-style:normal;font-weight:800;color:#8a594b}.home-guest-message-details[open] summary em{font-size:0}.home-guest-message-details[open] summary em:after{content:'收合表單 ↑';font-size:.9rem}.home-guest-message-panel{padding:0 26px 26px;border-top:1px solid rgba(119,77,62,.12)}.home-guest-message-panel>p{max-width:760px;color:#66564d}.home-guest-message-form{display:grid;gap:16px;margin-top:18px}.home-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-guest-message-form label{display:grid;gap:7px;font-weight:800;color:#4e4038}.home-guest-message-form input[type=text],.home-guest-message-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(105,75,62,.22);border-radius:14px;padding:13px 14px;background:#fffdfb;color:#342b27;font:inherit}.home-guest-message-form textarea{resize:vertical;min-height:150px}.home-guest-photo{padding:13px 14px;border-radius:14px;background:#f7f0eb}.home-guest-photo small,.home-guest-safety{font-weight:500;color:#78675e}.home-guest-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.home-guest-actions button,.home-guest-actions a{border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.home-guest-actions button{background:#7c4d41;color:#fff}.home-guest-actions a{background:#efe2da;color:#68463c}.guest-message-nav-link{background:linear-gradient(135deg,#fff1e8,#f1cfc2)!important;color:#603f35!important;border-color:rgba(121,70,55,.25)!important}.guest-message-nav-link .guardian-wall-nav-mark{color:#a55348}
@media(max-width:760px){.home-guest-message-section{padding:12px 0 20px}.home-guest-message-details{border-radius:18px}.home-guest-message-details summary{padding:18px}.home-guest-message-details summary span{grid-template-columns:1fr}.home-guest-message-details summary em{justify-self:start}.home-guest-message-panel{padding:0 18px 20px}.home-guest-grid{grid-template-columns:1fr}.home-guest-actions{align-items:stretch}.home-guest-actions button,.home-guest-actions a{text-align:center;width:100%;box-sizing:border-box}}

/* bundled source: assets/home-first-round-optimization.css */
/* Homepage first-round optimization — 2026-08-21 */
.home-priority-strip{padding:18px 0 10px;background:linear-gradient(180deg,#fffaf6 0%,#f7eee8 100%);position:relative;z-index:2}
.home-priority-shell{display:grid;gap:14px}.home-priority-shell>header{display:flex;align-items:center;gap:12px;color:#3f342e}.home-priority-shell>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#823f39;color:#fff;font-weight:950;box-shadow:0 8px 22px rgba(89,47,42,.18)}.home-priority-shell>header small{display:block;color:#9d6254;font-size:.72rem;font-weight:900;letter-spacing:.12em}.home-priority-shell>header h2{margin:2px 0 0;font-size:clamp(1.18rem,2.2vw,1.62rem);line-height:1.25;color:#3d302a}
.home-priority-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-priority-links>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:92px;padding:15px 16px;border:1px solid rgba(103,70,57,.14);border-radius:18px;background:rgba(255,255,255,.9);color:#44352f;text-decoration:none;box-shadow:0 10px 28px rgba(72,48,40,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-priority-links>a:hover,.home-priority-links>a:focus-visible{transform:translateY(-2px);border-color:rgba(135,70,59,.35);box-shadow:0 14px 32px rgba(72,48,40,.12);outline:3px solid rgba(157,92,78,.18);outline-offset:2px}.home-priority-links time,.home-priority-icon{display:grid;place-items:center;min-width:52px;height:52px;border-radius:15px;background:#efe1d9;color:#7a453c;font-weight:950;font-size:.95rem}.home-priority-links .is-hearing time{background:#803e39;color:#fff}.home-priority-links .is-guest .home-priority-icon{background:#f6dcd4;color:#a34f48;font-size:1.2rem}.home-priority-links small,.home-priority-links strong,.home-priority-links em{display:block}.home-priority-links small{color:#936052;font-size:.68rem;font-weight:900;letter-spacing:.06em}.home-priority-links strong{margin-top:2px;font-size:.96rem;line-height:1.35}.home-priority-links em{margin-top:3px;color:#77675f;font-size:.76rem;font-style:normal;line-height:1.4}.home-priority-links>a>b{font-size:1.15rem;color:#9c5c50}
.home-guard-actions{padding:22px 0 28px;background:linear-gradient(180deg,#f7eee8,#eee6df)}.home-guard-actions-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px}.home-guard-actions-head small{color:#9a6354;font-weight:900;letter-spacing:.1em}.home-guard-actions-head h2{margin:.15rem 0;color:#4f3c34;font-size:clamp(1.55rem,3vw,2.25rem)}.home-guard-actions-head p{max-width:680px;margin:0;color:#74645c}.home-guard-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-guard-action-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;min-height:118px;padding:20px;border:1px solid rgba(111,73,60,.16);border-radius:24px;background:rgba(255,255,255,.82);color:#4a3932;text-decoration:none;box-shadow:0 14px 34px rgba(78,54,45,.08);transition:transform .2s ease,box-shadow .2s ease}.home-guard-action-card:hover,.home-guard-action-card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 42px rgba(78,54,45,.14);outline:3px solid rgba(165,83,72,.2);outline-offset:2px}.home-guard-action-card.is-guest{background:linear-gradient(135deg,#fff7f2,#f8e0d5)}.home-guard-action-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f0d9cf;color:#985649;font-size:1.45rem;font-weight:900}.home-guard-action-card strong{display:block;font-size:1.08rem}.home-guard-action-card em{display:block;margin-top:5px;color:#76665e;font-size:.82rem;font-style:normal;line-height:1.5}.home-guard-action-card b{color:#95584b;font-size:1.1rem}.home-guard-safety{margin-top:12px;border:1px solid rgba(111,73,60,.13);border-radius:18px;background:rgba(255,255,255,.66);overflow:hidden}.home-guard-safety summary{padding:13px 17px;color:#654b40;font-weight:850;cursor:pointer}.home-guard-safety p{margin:0;padding:0 17px 16px;color:#75655e;font-size:.85rem;line-height:1.65}
.home-hearing-archive-links{display:grid;grid-template-columns:minmax(180px,1.15fr) repeat(5,minmax(142px,1fr)) minmax(142px,auto);gap:10px;align-items:stretch;margin:18px 0 28px;padding:14px;border:1px solid rgba(72,84,101,.13);border-radius:20px;background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(239,244,248,.96));box-shadow:0 12px 30px rgba(22,42,61,.07);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.home-hearing-archive-links>div{padding:10px 12px}.home-hearing-archive-links>div small{display:block;color:#7a5960;font-size:.68rem;font-weight:900;letter-spacing:.08em}.home-hearing-archive-links>div strong{display:block;margin-top:3px;color:#20394d;font-size:1rem}.home-hearing-archive-links>div span{display:block;margin-top:4px;color:#657583;font-size:.76rem;line-height:1.45}.home-hearing-archive-links>a{display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 10px;min-height:78px;padding:12px 14px;border:1px solid rgba(51,79,101,.12);border-radius:14px;background:#fff;color:#253f53;text-decoration:none;scroll-snap-align:start}.home-hearing-archive-links>a:hover,.home-hearing-archive-links>a:focus-visible{border-color:rgba(126,71,66,.35);background:#fff9f5;outline:3px solid rgba(139,76,69,.14);outline-offset:2px}.home-hearing-archive-links>a>span{grid-column:1;color:#9a6255;font-size:.66rem;font-weight:950;letter-spacing:.08em}.home-hearing-archive-links>a>strong{font-size:.88rem}.home-hearing-archive-links>a>small{grid-column:1;color:#70808c;font-size:.69rem;line-height:1.35}.home-hearing-archive-links>a>b{grid-column:2;grid-row:1/4;align-self:center}.home-hearing-archive-links .is-all{grid-template-columns:auto 1fr auto;min-width:142px}.home-hearing-archive-links .is-all>span,.home-hearing-archive-links .is-all>strong,.home-hearing-archive-links .is-all>b{grid-column:auto;grid-row:auto;align-self:center}
.home-disc-motion-control{position:absolute;top:16px;right:16px;z-index:12;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:min(70%,290px);margin:0;padding:9px 13px;border:1px solid rgba(35,67,86,.18);border-radius:999px;background:rgba(255,255,255,.9);color:#25485e;font:inherit;font-size:.74rem;font-weight:900;line-height:1.3;box-shadow:0 7px 20px rgba(23,48,65,.11);backdrop-filter:blur(8px)}button.home-disc-motion-control{cursor:pointer}.home-disc-motion-control:hover,.home-disc-motion-control:focus-visible{background:#fff;outline:3px solid rgba(42,94,124,.18);outline-offset:2px}
#guest-message-home,#news-flash{scroll-margin-top:100px}.home-art-footer,.belief-footer-section,.social-preview-section,.primary-brand-section{content-visibility:auto;contain-intrinsic-size:900px}
@media (min-width:801px) and (max-width:1400px){.art-header .container.nav{gap:8px}.art-header .container.nav>nav{gap:5px;font-size:.75rem}.art-header .container.nav>nav>a,.art-header .social-case-nav-toggle,.art-header .guardian-action-nav>summary{padding:.43rem .54rem}.art-header .site-qr-trigger span,.art-header .pwa-nav-install .pwa-install-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.art-header .site-qr-trigger{padding:.24rem}.art-header .pwa-nav-install{min-width:42px;padding:.48rem}}
@media(max-width:980px){.home-priority-links{grid-template-columns:1fr}.home-priority-links>a{min-height:78px}.home-hearing-archive-links{grid-template-columns:190px repeat(5,170px) 150px}.home-guard-actions-head{display:block}.home-guard-actions-head p{margin-top:5px}}
@media(max-width:760px){.home-priority-strip{padding:12px 0 6px}.home-priority-shell>header{align-items:flex-start}.home-priority-links>a{padding:13px;min-height:76px}.home-priority-links time,.home-priority-icon{min-width:46px;height:46px}.home-hearing-archive-links{grid-template-columns:180px repeat(5,166px) 148px;padding:10px;border-radius:16px}.home-disc-motion-control{top:10px;right:10px;min-height:40px;max-width:72%;font-size:.68rem}.home-document-disc-control{min-width:44px;min-height:44px}.home-guard-actions-grid{grid-template-columns:1fr}.home-guard-action-card{grid-template-columns:48px 1fr auto;padding:17px}.home-guard-action-icon{width:48px;height:48px}}

.home-hearing-ten-day-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0 26px}.home-hearing-ten-day-grid>a{display:block;overflow:hidden;border:1px solid rgba(51,79,101,.14);border-radius:16px;background:#fff;color:#253f53;text-decoration:none;box-shadow:0 10px 24px rgba(22,42,61,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-hearing-ten-day-grid>a:hover,.home-hearing-ten-day-grid>a:focus-visible{transform:translateY(-3px);border-color:rgba(126,71,66,.36);box-shadow:0 16px 32px rgba(22,42,61,.14);outline:3px solid rgba(139,76,69,.13);outline-offset:2px}.home-hearing-ten-day-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#e8edf0}.home-hearing-ten-day-grid span{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:12px 13px}.home-hearing-ten-day-grid small{grid-column:1/-1;color:#9a6255;font-size:.68rem;font-weight:950;letter-spacing:.09em}.home-hearing-ten-day-grid strong{font-size:.9rem;line-height:1.35}.home-hearing-ten-day-grid b{align-self:center;color:#a4503e;font-size:.75rem;white-space:nowrap}@media(max-width:1100px){.home-hearing-ten-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.home-hearing-ten-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-hearing-ten-day-grid span{display:block;padding:10px}.home-hearing-ten-day-grid strong,.home-hearing-ten-day-grid b{display:block}.home-hearing-ten-day-grid strong{margin-top:4px;font-size:.84rem}.home-hearing-ten-day-grid b{margin-top:7px;font-size:.7rem}}@media(max-width:390px){.home-hearing-ten-day-grid{grid-template-columns:1fr 1fr}.home-hearing-ten-day-grid img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.home-priority-links>a,.home-guard-action-card{transition:none}.home-priority-links>a:hover,.home-priority-links>a:focus-visible,.home-guard-action-card:hover,.home-guard-action-card:focus-visible{transform:none}.home-document-disc-shell{height:auto!important;min-height:0!important;padding:14px 0 4px;touch-action:auto}.home-document-disc-shell::before,.home-document-disc-shell::after,.home-document-disc-shell .home-document-disc-center,.home-document-disc-shell .home-ferris-stand,.home-document-disc-shell .home-ferris-spokes,.home-document-disc-shell .home-sea-art,.home-document-disc-shell .home-ferris-cloud,.home-document-disc-shell .home-ferris-bubbles,.home-document-disc-shell .home-document-disc-control{display:none!important}.home-document-disc-shell .home-document-disc-orbit{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transform:none!important}.home-document-disc-shell .home-document-disc-card{position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:0!important;transform:none!important;border-radius:20px;transition:none!important}.home-document-disc-shell .home-document-disc-card img{height:130px}.home-disc-motion-control{position:static;max-width:100%;margin:10px auto}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.home-document-disc-shell .home-document-disc-orbit{grid-template-columns:1fr}}

/* 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}}

/* bundled source: assets/home-desktop-nav-fix-20260902.css */
/*
 * Homepage header navigation repair — 2026-09-02
 * Restores the layered dropdown behavior that was lost from the split site stylesheet.
 */

.art-header .social-case-nav{
  position:relative;
  align-items:center;
}

.art-header .social-case-nav-menu{
  display:none!important;
}

.art-header .social-case-nav.is-open > .social-case-nav-menu{
  display:grid!important;
}

.art-header .social-case-tier-toggle,
.art-header .historical-region-root-toggle{
  appearance:none;
  position:relative;
  display:grid;
  width:100%;
  min-height:0;
  padding:10px 12px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#193951;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.art-header .social-case-tier-toggle:hover,
.art-header .social-case-tier-toggle:focus-visible,
.art-header .historical-region-root-toggle:hover,
.art-header .historical-region-root-toggle:focus-visible,
.art-header .social-case-tier.is-expanded > .social-case-tier-toggle,
.art-header .historical-case-nav .social-case-menu-column.is-expanded > .historical-region-root-toggle{
  background:#fff4dc;
}

.art-header .social-case-tier-toggle small,
.art-header .historical-region-root-toggle small{
  display:block;
  color:#a4751d;
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
}

.art-header .social-case-tier-toggle strong,
.art-header .historical-region-root-toggle strong{
  display:block;
  margin:2px 0;
  color:#0b3150;
  font-size:18px;
}

.art-header .social-case-tier-toggle span,
.art-header .historical-region-root-toggle span{
  display:block;
  color:#768087;
  font-size:11px;
  line-height:1.55;
}

.art-header .social-case-tier-toggle > i,
.art-header .historical-region-root-toggle > i{
  position:absolute;
  top:50%;
  right:12px;
  font-style:normal;
  transform:translateY(-50%);
}

.art-header .social-case-tier-children,
.art-header .historical-region-list,
.art-header .historical-region-children{
  display:none;
}

.art-header .social-case-tier.is-expanded > .social-case-tier-children{
  display:block;
}

.art-header .historical-case-nav .social-case-menu-column.is-expanded > .historical-region-list{
  display:grid;
  gap:6px;
}

.art-header .historical-case-nav .social-case-menu-column.is-expanded > .historical-region-note{
  display:block;
}

.art-header .historical-region-group.is-expanded > .historical-region-children{
  display:block;
}

.art-header .historical-region-group{
  position:relative;
}

.art-header .historical-region-static,
.art-header .historical-region-toggle{
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:1px solid #e9decd;
  border-radius:12px;
  background:#fff;
  color:#385565;
  font:800 13px/1.3 inherit;
  text-align:left;
}

.art-header .historical-region-toggle{
  appearance:none;
  justify-content:space-between;
  border-color:#d8c59e;
  background:#fff9ea;
  cursor:pointer;
}

.art-header .historical-region-toggle:hover,
.art-header .historical-region-toggle:focus-visible,
.art-header .historical-region-group.is-expanded > .historical-region-toggle{
  color:#8c6024;
  border-color:#c8a86a;
  background:#fff3d5;
}

.art-header .historical-region-children{
  padding:6px 0 2px 13px;
}

.art-header .historical-region-note{
  display:none;
  padding:8px 10px 2px;
  color:#918a7f;
  font-size:10px;
  line-height:1.5;
}

@media (min-width:801px){
  .art-header .social-case-nav{
    display:flex!important;
    width:auto!important;
  }

  .art-header .social-case-nav-menu{
    position:absolute!important;
    z-index:1400!important;
    top:calc(100% + 10px)!important;
    left:50%!important;
    width:min(680px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    margin:0!important;
    padding:12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    border:1px solid #e4d6bd!important;
    border-radius:22px!important;
    background:rgba(255,253,248,.99)!important;
    box-shadow:0 24px 60px rgba(8,35,63,.20)!important;
    transform:translateX(-50%)!important;
    backdrop-filter:blur(14px);
  }

  .art-header .social-case-nav-menu::before{
    display:block!important;
    content:"";
    position:absolute;
    top:-7px;
    left:50%;
    width:14px;
    height:14px;
    border-top:1px solid #e4d6bd;
    border-left:1px solid #e4d6bd;
    background:#fffdf8;
    transform:translateX(-50%) rotate(45deg);
  }

  .art-header .historical-case-nav > .social-case-nav-menu{
    width:min(480px,calc(100vw - 32px))!important;
    grid-template-columns:1fr!important;
  }

  .art-header .social-case-tier:hover > .social-case-tier-children,
  .art-header .social-case-tier:focus-within > .social-case-tier-children{
    display:block;
  }

  .art-header .historical-case-nav .social-case-menu-column:hover > .historical-region-list,
  .art-header .historical-case-nav .social-case-menu-column:focus-within > .historical-region-list{
    display:grid;
    gap:6px;
  }

  .art-header .historical-region-group:hover > .historical-region-children,
  .art-header .historical-region-group:focus-within > .historical-region-children{
    display:block;
  }
}

@media (min-width:801px) and (max-width:1440px){
  .art-header .social-case-nav{
    display:block!important;
    width:100%!important;
  }

  .art-header .social-case-nav-menu{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:5px 0 7px!important;
    grid-template-columns:1fr!important;
    border-radius:14px!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .art-header .social-case-nav-menu::before{
    display:none!important;
  }
}

@media (max-width:800px){
  .art-header .social-case-nav-menu{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin:5px 0 7px!important;
    grid-template-columns:1fr!important;
    border-radius:14px!important;
    box-shadow:none!important;
    transform:none!important;
  }
}

/* bundled source: assets/home-pinned-directory-toolbar-20260903.css */
.pinned-directory-toolbar{
  position:relative;
  z-index:14;
  overflow:hidden;
  border-bottom:1px solid rgba(75,58,57,.17);
  background:
    radial-gradient(circle at 13% 20%,rgba(255,255,255,.68),transparent 16rem),
    linear-gradient(105deg,#d9c4c2 0 25%,#c7d1d4 25% 50%,#d1d5c7 50% 75%,#decbbd 75%);
  box-shadow:0 12px 28px rgba(65,50,48,.08);
}
.pinned-directory-toolbar .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:62px;
  padding-top:.55rem;
  padding-bottom:.55rem;
}
.pinned-directory-toolbar-copy{
  display:flex;
  align-items:center;
  gap:.78rem;
  min-width:0;
  color:#433b3d;
}
.pinned-directory-toolbar-mark{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(78,60,59,.18);
  border-radius:11px 15px 12px 16px;
  background:rgba(255,253,249,.72);
  box-shadow:0 5px 12px rgba(70,53,52,.12),inset 0 0 0 3px rgba(255,255,255,.33);
  color:#795e64;
  font-size:1rem;
  transform:rotate(-3deg);
}
.pinned-directory-toolbar-copy span:last-child{
  display:grid;
  gap:.05rem;
}
.pinned-directory-toolbar-copy strong{
  color:#302b2d;
  font-size:.92rem;
  letter-spacing:.045em;
  line-height:1.25;
}
.pinned-directory-toolbar-copy small{
  color:#655b5d;
  font-size:.72rem;
  line-height:1.35;
}
.pinned-directory-toolbar-link{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:.55rem;
  min-height:40px;
  padding:.55rem 1rem;
  border:1px solid rgba(72,55,55,.2);
  border-radius:999px;
  color:#fffdf9;
  background:#69595e;
  box-shadow:0 7px 15px rgba(68,51,52,.16);
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease;
}
.pinned-directory-toolbar-link:hover,
.pinned-directory-toolbar-link:focus-visible{
  background:#55474b;
  transform:translateY(-2px);
}
@media(max-width:680px){
  .pinned-directory-toolbar .container{min-height:58px;padding-inline:.85rem}
  .pinned-directory-toolbar-copy small{display:none}
  .pinned-directory-toolbar-copy strong{font-size:.82rem}
  .pinned-directory-toolbar-link{min-height:38px;padding:.5rem .78rem;font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
  .pinned-directory-toolbar-link{transition:none}
}
.pinned-directory-toolbar{display:none!important}
/* Morandi and traditional Chinese craft art direction */
.visitor-submit-dialog{display:none!important}
body{--morandi-rose:#d8b8ba;--morandi-blue:#9eafb4;--morandi-green:#aeb9aa;--china-cinnabar:#b45d54;--china-indigo:#405f6a;--china-jade:#769087;--china-gold:#bd9555;background:linear-gradient(135deg,#f8eee9 0 48%,#edf1eb 52% 100%)}
.premium-home-hero,.home-priority-strip,.home-latest-flash,.home-policy-news,.home-activity-stream,.home-hearing-zone,.home-feature-stream{position:relative;isolation:isolate}
.premium-home-hero{background-image:url('./art/gu-embroidery-ending-20260831.webp'),linear-gradient(120deg,rgba(216,184,186,.38),rgba(248,238,228,.88) 50%,rgba(64,95,106,.2));background-position:right center,center;background-size:min(48vw,680px) auto,auto;background-repeat:no-repeat}
.home-priority-strip,.home-latest-flash,.home-policy-news{background-image:url('./images/news-desk-paper-clay-hero-20260905.webp'),linear-gradient(135deg,rgba(216,184,186,.2),rgba(250,240,232,.78) 50%,rgba(118,144,135,.16));background-position:right top,center;background-size:min(36vw,420px) auto,auto;background-repeat:no-repeat}
.home-activity-stream,.home-hearing-zone,.home-feature-stream{background-image:url('./art/tian-tian-ink-paper-documentary-20260815.webp'),linear-gradient(135deg,rgba(158,175,180,.18),rgba(250,241,231,.82) 50%,rgba(174,185,170,.17));background-position:left center,center;background-size:min(34vw,430px) auto,auto;background-repeat:no-repeat}
.home-pinned-report-card,.home-policy-card,.home-priority-links>a{border-color:rgba(189,149,85,.26)!important;box-shadow:0 8px 0 rgba(180,93,84,.07),0 23px 48px rgba(64,95,106,.11)!important}
@media(max-width:700px){.premium-home-hero{background-size:125% auto,auto;background-position:130% bottom,center}.home-priority-strip,.home-latest-flash,.home-policy-news,.home-activity-stream,.home-hearing-zone,.home-feature-stream{background-size:180px auto,auto;background-position:right top,center}}

/* bundled source: assets/home-news-policy-20260904.css */
.home-policy-news{padding:clamp(.75rem,2vw,1.4rem) 0;background:transparent}
.home-policy-news .container{width:min(1180px,calc(100% - 2rem));margin:auto}
.home-policy-news.is-integrated{margin-top:clamp(1rem,2.4vw,2rem);padding:clamp(1rem,2vw,1.4rem) 0 0;border-top:1px solid rgba(67,91,91,.16)}
.home-policy-news.is-integrated .container{width:100%}
.home-news-hub .home-policy-news.is-integrated,.home-latest-flash .home-policy-news.is-integrated{background:transparent}
.home-policy-card{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);overflow:hidden;border:1px solid rgba(43,55,52,.18);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(29,45,48,.1);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.home-policy-card:hover,.home-policy-card:focus-visible{transform:translateY(-2px);box-shadow:0 20px 44px rgba(29,45,48,.15)}
.home-policy-media{position:relative;display:block;min-height:230px;overflow:hidden;background:#e7dfcf}
.home-policy-card img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;object-position:center}
.home-news-topic-badge{position:absolute;top:14px;left:14px;padding:.38rem .68rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(24,53,72,.9);color:#fff;font:800 .72rem/1.2 system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 5px 16px rgba(15,33,45,.2)}
.home-policy-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.25rem,3vw,2.2rem);color:#172b38}
.home-policy-copy time{color:#9f3f31;font:800 .75rem/1.4 system-ui,sans-serif;letter-spacing:.1em}
.home-policy-copy strong{margin:.55rem 0;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.2}
.home-policy-copy p{margin:.15rem 0 .85rem;line-height:1.7}
.home-policy-copy em{color:#52756d;font-style:normal;font-weight:800}
@media(max-width:760px){.home-policy-news{padding:.55rem 0 1rem}.home-policy-news.is-integrated{margin-top:.75rem;padding:.8rem 0 0}.home-policy-card{grid-template-columns:112px minmax(0,1fr);border-radius:16px}.home-policy-media,.home-policy-card img{min-height:100%;height:100%}.home-news-topic-badge{top:9px;left:9px;padding:.3rem .5rem;font-size:.63rem}.home-policy-copy{padding:1rem}.home-policy-copy strong{font-size:1.08rem}.home-policy-copy p{display:none}.home-policy-copy time{font-size:.65rem}.home-policy-copy em{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.home-policy-card{transition:none}}

/* bundled source: assets/mobile-shell-20260904.css */
/* Mobile shell consolidation: one header, one language control, one install entry. */
@media (max-width: 820px) {
  #cpa-four-language-toolbar {
    display: none !important;
  }

  html body {
    padding-top: 0 !important;
  }

  .art-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147482000 !important;
  }

  .art-header .container.nav,
  .art-header.is-toolbar-compact .container.nav {
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 5px max(10px, env(safe-area-inset-right)) 5px max(10px, env(safe-area-inset-left)) !important;
    gap: 8px !important;
  }

  .art-header .nav > .home-brand-safe {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 2px 4px !important;
  }

  .art-header .nav > .home-brand-safe > img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .art-header .nav > .home-brand-safe > span {
    overflow: hidden;
    color: #173f52 !important;
    font-size: clamp(14px, 4.1vw, 17px) !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .art-header .nav > .home-brand-safe .brand-title-line {
    display: inline !important;
  }

  .art-header .nav > .home-brand-safe .brand-title-line + .brand-title-line::before {
    content: "";
  }

  .art-header .nav > .home-brand-safe small,
  .art-header .site-qr-trigger,
  .art-header .pwa-mobile-header-install,
  .pwa-install-launcher,
  .home-footer-install {
    display: none !important;
  }

  .art-header .nav > nav > .pwa-nav-install:not([hidden]) {
    order: 95 !important;
    display: inline-flex !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 2px 0 !important;
    padding: 9px 12px !important;
    justify-content: flex-start !important;
    border-radius: 12px !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;
  }

  .art-header .nav > nav {
    top: calc(58px + env(safe-area-inset-top, 0px)) !important;
    max-height: calc(100dvh - 58px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom)) !important;
  }

  .art-header nav > .language-switcher {
    order: 100 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .cpa-legal-notice {
    max-width: calc(100% - 20px) !important;
    margin: 8px auto !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .cpa-legal-notice summary {
    min-height: 44px;
    padding: 10px 12px !important;
    font-size: 13px;
    line-height: 1.35;
  }

  .premium-home-hero,
  .hero,
  main > section:first-of-type {
    scroll-margin-top: 66px;
  }
}

@media (max-width: 380px) {
  .art-header .nav > .home-brand-safe {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .art-header .nav > .home-brand-safe > img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
}


/*
 * Hong Kong mirror homepage layout polish — 2026-09-06
 * Loaded after the bundled homepage stylesheet so the change remains isolated.
 */
:root{--home-shell:min(1180px,calc(100% - 32px))}
.art-header .container.nav{width:var(--home-shell)}
.premium-home-hero{min-height:auto;padding:clamp(34px,4.4vw,64px) 0}
.premium-home-hero .premium-hero-grid{width:var(--home-shell);grid-template-columns:minmax(0,1.05fr) minmax(300px,.82fr);gap:clamp(28px,4vw,58px);align-items:center}
.premium-home-hero .premium-hero-copy{padding:clamp(24px,3.2vw,42px)}
.premium-home-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;margin-bottom:16px}
.premium-home-hero .premium-hero-lead{max-width:650px;margin-bottom:18px;font-size:clamp(16px,1.45vw,19px);line-height:1.75}
.premium-home-hero .premium-hero-actions{gap:10px;margin-top:16px}
.premium-home-hero .premium-hero-actions a{min-height:48px;padding:11px 18px}
.premium-home-hero .premium-hero-art{max-width:470px;justify-self:end}
.home-priority-strip{padding:clamp(18px,2.6vw,32px) 0}
.home-priority-strip .container,.home-latest-flash>.container{width:var(--home-shell)}
.home-priority-shell>header{margin-bottom:14px}
.home-priority-shell>header h2{font-size:clamp(24px,3vw,34px)}
.home-priority-links{gap:12px}
.home-priority-links>a{min-height:112px;padding:16px}
.home-latest-flash{padding-top:clamp(38px,5vw,66px)}
.home-news-stream-head{margin-bottom:22px}
.home-news-stream-head h2{font-size:clamp(30px,4vw,44px)}
.home-pinned-reports{border-radius:24px}
.home-pinned-report-card{border-radius:18px}
.home-pinned-report-card img{aspect-ratio:16/10;object-fit:cover}
@media(max-width:980px){
  .premium-home-hero .premium-hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:24px}
  .premium-home-hero h1{font-size:clamp(38px,6vw,55px)}
  .home-priority-links{grid-template-columns:1fr 1fr}
  .home-priority-links>a.is-guest{grid-column:1/-1}
}
@media(max-width:760px){
  :root{--home-shell:calc(100% - 20px)}
  .premium-home-hero{padding:18px 0 24px;background-size:112% auto,auto;background-position:145% bottom,center}
  .premium-home-hero .premium-hero-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .premium-home-hero .premium-hero-copy{padding:22px 18px;border-radius:20px;background:rgba(255,252,246,.88);backdrop-filter:blur(8px)}
  .premium-home-hero .premium-kicker,.premium-home-hero .art-eyebrow{font-size:10px;letter-spacing:.1em}
  .premium-home-hero h1{font-size:clamp(34px,10.6vw,46px);line-height:1.12;margin:9px 0 12px}
  .premium-home-hero .premium-hero-lead{margin:0 0 14px;font-size:15px;line-height:1.65}
  .premium-home-hero .premium-hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  .premium-home-hero .premium-hero-actions a{min-width:0;min-height:46px;padding:9px 5px;font-size:13px;text-align:center}
  .premium-home-hero .premium-hero-art{width:min(76vw,330px);margin:-4px auto 0;justify-self:center}
  .premium-home-hero .premium-hero-proof{margin-top:12px}
  .home-priority-strip{padding:16px 0}
  .home-priority-shell>header{align-items:center}
  .home-priority-shell>header h2{font-size:23px;line-height:1.25}
  .home-priority-links{grid-template-columns:1fr;gap:9px}
  .home-priority-links>a,.home-priority-links>a.is-guest{grid-column:auto;min-height:82px;padding:12px 13px}
  .home-priority-links>a em{display:block;font-size:12px;line-height:1.45}
  .home-latest-flash{padding-top:30px}
  .home-news-stream-head{display:grid;gap:10px;margin-bottom:16px}
  .home-news-stream-head p{margin-bottom:0;font-size:14px;line-height:1.6}
  .home-news-stream-head>a{justify-self:start;min-height:42px}
  .home-pinned-reports{padding:12px;border-radius:18px}
  .home-pinned-reports>header{padding:4px 2px 10px}
  .home-pinned-reports-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .home-pinned-reports-track{gap:10px}
  .home-pinned-report-card{scroll-snap-align:start;flex-basis:min(82vw,310px)}
  .home-pinned-report-card img{aspect-ratio:16/9}
}
@media(max-width:380px){
  .premium-home-hero .premium-hero-actions{grid-template-columns:1fr}
  .premium-home-hero .premium-hero-actions a{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.home-pinned-reports-viewport{scroll-behavior:auto}}