:root{--ink:#344452;--slate:#758896;--mist:#dce5e6;--cream:#f5f0e8;--clay:#b97b69;--sage:#aeb8a5;--notice-art:url("../../../assets/art/liangping-naimilk-jiajia-hearing-20261007-paperclay.webp")}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(135deg,#e8eded,#f6f1e9 52%,#d8e1de);font-family:"Noto Serif TC","PingFang TC",serif}.notice-bg{position:fixed;inset:0;background:var(--notice-art) center/cover;opacity:.18;filter:saturate(.76) contrast(.96);pointer-events:none;z-index:-1}.topbar{padding:16px 7vw;display:flex;justify-content:space-between;background:rgba(245,240,232,.76);border-bottom:1px solid rgba(52,68,82,.15);backdrop-filter:blur(12px)}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:0 24px}.hero{min-height:580px;display:grid;align-items:center;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:var(--notice-art) center/cover;opacity:.92}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,232,.93) 0%,rgba(245,240,232,.64) 44%,rgba(245,240,232,.08) 79%)}.hero-copy{position:relative;width:min(660px,100%);padding:80px 0}.kicker{letter-spacing:.13em;font-size:.78rem;font-weight:700;color:#6d584e}.hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.08;margin:16px 0;color:#273946}.hero p{font-size:1.16rem;line-height:1.75;max-width:38rem}.tag{display:inline-block;background:rgba(185,123,105,.17);border:1px solid rgba(185,123,105,.38);border-radius:999px;padding:8px 14px;margin-top:8px}.content{padding:52px 24px 80px}.content>section,.content>.note{position:relative;z-index:0}.content>section::before{content:"";position:absolute;z-index:-1;inset:-18px -22px;border-radius:24px;background:rgba(250,248,242,.40);backdrop-filter:blur(2px)}.intro{font-size:1.15rem;line-height:1.9;max-width:760px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.card{background:rgba(255,255,255,.66);border:1px solid rgba(52,68,82,.14);border-radius:20px;padding:26px;box-shadow:0 15px 36px rgba(70,79,82,.09);backdrop-filter:blur(10px)}.card small{display:block;color:#6f7d84;letter-spacing:.09em}.card strong{font-size:1.45rem;display:block;margin-top:10px}.reminder{border-left:4px solid var(--clay);padding:18px 22px;background:rgba(245,240,232,.8);border-radius:0 16px 16px 0;line-height:1.8}.note{font-size:.9rem;color:#5f6870}.footer{padding:30px 7vw;background:#344452;color:#f4efe7}@media(max-width:720px){.notice-bg{opacity:.13;background-position:62% center}.topbar{font-size:.9rem}.hero{min-height:540px}.hero-image{background-position:34% center}.hero-copy{padding:180px 0 42px}.hero h1{font-size:2.5rem}.info-grid{grid-template-columns:1fr}.content{padding:36px 20px 64px}.shell{padding:0 20px}.content>section::before{inset:-14px -12px;border-radius:18px}}.hero{min-height:510px}.hero-image{opacity:.82}.hero-image:after{background:linear-gradient(90deg,rgba(247,244,237,.96) 0%,rgba(247,244,237,.84) 42%,rgba(247,244,237,.18) 74%,rgba(247,244,237,.04) 100%)}.hero-copy{padding:44px 32px;background:rgba(255,252,246,.72);border:1px solid rgba(52,68,82,.17);border-radius:28px;box-shadow:0 22px 62px rgba(38,55,65,.16);backdrop-filter:blur(12px)}.hero h1{color:#1f3543;text-shadow:none}.hero p{color:#314a57;font-weight:600}.hero-facts{display:grid;gap:6px;margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(31,53,67,.92);color:#fff;box-shadow:0 10px 24px rgba(31,53,67,.18)}.hero-facts span{font-size:1rem;letter-spacing:.01em}.hero-facts b{color:#f3d7a8;margin-right:8px}.hero-facts small{font-size:.82rem;color:#e8edf0}.timeline{display:grid;gap:14px;padding:0;list-style:none;counter-reset:reports}.timeline li{position:relative;padding:20px 22px 18px 58px;border:1px solid rgba(52,68,82,.15);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(70,79,82,.08);backdrop-filter:blur(8px);counter-increment:reports}.timeline li::before{content:counter(reports);position:absolute;left:18px;top:19px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#344452;color:#fff;font-weight:700;font-size:.85rem}.timeline a{font-weight:800;color:#264b5a;text-decoration-thickness:2px;text-underline-offset:3px}.timeline p{margin:.65rem 0 0;line-height:1.75}.reminder{box-shadow:0 8px 22px rgba(70,79,82,.07)}@media(max-width:720px){.hero{min-height:0;padding:24px 0 34px}.hero-image{background-position:38% center;opacity:.58}.hero-copy{padding:28px 20px;border-radius:20px}.hero h1{font-size:2.35rem}.hero p{font-size:1rem}.hero-facts{margin-top:14px;padding:13px}.timeline li{padding:18px 16px 16px 52px}}

/* Hearing-page depth, staged entry, and scroll reveal — 2026-09-29 */
.hero{isolation:isolate}.hero-image{transform-origin:62% 48%;will-change:transform,filter}.hero-copy>*{will-change:transform,opacity}.content>section,.info-grid .card,.timeline li{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.hero-image,.hero-copy>*,.content>section,.info-grid .card,.timeline li{will-change:auto}.hero-image{transform:none!important;filter:none!important}}


/* Case explanation and verified-public-information timeline — 2026-09-29 */
.case-detail{margin-top:36px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.detail-grid article{padding:22px;border:1px solid rgba(52,68,82,.14);border-radius:18px;background:rgba(255,255,255,.64);box-shadow:0 10px 26px rgba(70,79,82,.07);backdrop-filter:blur(8px)}.detail-grid h3{margin:0 0 10px;font-size:1.05rem;color:#294350}.detail-grid p{margin:0;line-height:1.78}.case-timeline{margin:46px 0}.case-timeline ol{position:relative;display:grid;gap:14px;margin:22px 0 0;padding:0;list-style:none}.case-timeline ol:before{content:"";position:absolute;left:105px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--clay),rgba(185,123,105,.16))}.case-timeline li{display:grid;grid-template-columns:88px 1fr;gap:22px;position:relative}.case-timeline time{padding-top:5px;font-size:.86rem;font-weight:800;color:#6d584e;text-align:right}.case-timeline li>div{position:relative;padding:17px 20px;border-radius:16px;background:rgba(255,255,255,.67);border:1px solid rgba(52,68,82,.12);box-shadow:0 8px 22px rgba(70,79,82,.06)}.case-timeline li>div:before{content:"";position:absolute;left:-30px;top:22px;width:14px;height:14px;border:3px solid #f5f0e8;border-radius:50%;background:var(--clay);box-shadow:0 0 0 1px rgba(185,123,105,.45)}.case-timeline strong{color:#294350}.case-timeline p{margin:.45rem 0 0;line-height:1.75}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.case-timeline ol:before{left:12px}.case-timeline li{grid-template-columns:1fr;gap:6px;padding-left:30px}.case-timeline time{text-align:left;padding:0;font-size:.82rem}.case-timeline li>div:before{left:-25px;top:20px}}


/* GSAP depth and progressive reveal enhancement — 2026-09-30 */
.hero{perspective:1200px;perspective-origin:58% 48%}
.hero-image{inset:-5% -3%;transform-origin:62% 48%;backface-visibility:hidden}
.hero-copy{transform-style:preserve-3d;backface-visibility:hidden}
.hero-copy .kicker,.hero-copy h1,.hero-copy>p,.hero-copy .tag,.hero-facts,.hero-facts>*{backface-visibility:hidden}
.hero-facts{transform-style:preserve-3d}
.info-grid,.detail-grid,.case-timeline ol,.timeline{perspective:900px}
.info-grid .card,.detail-grid article,.case-timeline li>div,.timeline li,.reminder{backface-visibility:hidden;transform-style:preserve-3d}
@media(min-width:721px){.hero-copy{box-shadow:0 28px 72px rgba(38,55,65,.18)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .hero-image,.hero-copy,.hero-copy>*,.hero-facts,.hero-facts>*,.content>section,.content>.note,.info-grid .card,.detail-grid article,.case-timeline li,.case-timeline li>div,.timeline li,.reminder{
    animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;will-change:auto!important
  }
}
:root{--notice-art:url("../../../assets/art/jiajia-hearing-reminder-20261006.jpg")}

/* Jiajia hearing page visual and timeline refinement — 2026-10-06 */
:root{--jiajia-paperclay-bg:url("../../../assets/art/jiajia-paperclay-background-20261006.jpg")}
.notice-bg{background:var(--jiajia-paperclay-bg) center/cover;opacity:.24;filter:saturate(.82) contrast(.98)}
.hero-image{background-position:center 36%;opacity:.94}
.hero-image:after{background:linear-gradient(90deg,rgba(247,244,237,.97) 0%,rgba(247,244,237,.88) 39%,rgba(247,244,237,.38) 70%,rgba(247,244,237,.12) 100%)}
.case-timeline{margin:54px 0}.case-timeline ol{gap:20px}.case-timeline ol:before{left:122px;top:15px;bottom:15px;background:linear-gradient(#a8644e,rgba(168,100,78,.14))}.case-timeline li{grid-template-columns:104px minmax(0,1fr);gap:30px}.case-timeline time{font-size:.9rem;line-height:1.5;color:#6b4739}.case-timeline li>div{padding:22px 24px;border:1px solid rgba(102,65,47,.18);background:rgba(255,253,248,.82);box-shadow:0 14px 30px rgba(70,53,42,.09)}.case-timeline li>div:before{left:-38px;top:24px;width:16px;height:16px;background:#aa624c;box-shadow:0 0 0 4px #f7f1e8,0 0 0 5px rgba(168,100,78,.38)}.case-timeline strong{font-size:1.08rem}.case-timeline p{font-size:1rem;line-height:1.85}
@media(max-width:720px){.notice-bg{opacity:.17;background-position:70% center}.hero-image{background-position:60% center}.hero-image:after{background:linear-gradient(180deg,rgba(247,244,237,.18) 0%,rgba(247,244,237,.80) 48%,rgba(247,244,237,.97) 100%)}.case-timeline{margin:42px 0}.case-timeline ol{gap:16px}.case-timeline ol:before{left:13px}.case-timeline li{grid-template-columns:1fr;gap:7px;padding-left:35px}.case-timeline li>div{padding:18px 18px}.case-timeline li>div:before{left:-30px;top:19px}.case-timeline time{font-size:.84rem}}


/* Desktop timeline: give each content card the full readable width. */
@media(min-width:721px){
  .case-timeline ol:before{left:16px}
  .case-timeline li{display:block;padding-left:44px}
  .case-timeline time{display:block;padding:0 0 9px;text-align:left;font-size:.9rem;letter-spacing:.03em}
  .case-timeline li>div{width:100%;padding:24px 28px}
  .case-timeline li>div:before{left:-36px;top:27px}
}