:root{--canvas:#f4f1ea;--canvas-light:#fbfaf7;--ink:#191814;--muted:#706c63;--gold:#a87d34;--gold-deep:#795821;--gold-light:#e5d3a7;--line:rgba(125,99,48,.2);--glass:rgba(255,255,255,.72);--shadow:0 28px 80px rgba(55,46,30,.1),0 8px 24px rgba(55,46,30,.06)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(circle at 92% 2%,rgba(211,182,117,.2),transparent 29rem),radial-gradient(circle at 4% 42%,rgba(182,199,183,.14),transparent 27rem),linear-gradient(145deg,var(--canvas-light) 0%,var(--canvas) 52%,#f8f6f1 100%);font-family:'Inter','Noto Sans TC',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.wrap{width:min(920px,calc(100% - 40px));margin:0 auto;padding:24px 0 96px}
header.top{position:relative;overflow:hidden;margin:0 0 42px;padding:30px 34px 34px;border:1px solid rgba(168,125,52,.25);border-bottom-color:rgba(168,125,52,.42);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.62));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(26px) saturate(125%);animation:legalReveal .8s cubic-bezier(.16,1,.3,1) both,legalBreath 10s 1s ease-in-out infinite}
header.top::after{content:'';position:absolute;width:62%;height:170%;top:-74%;left:-35%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(16px);transform:rotate(-8deg);animation:legalSheen 12s ease-in-out infinite}
.brand{position:relative;z-index:1;display:inline-block;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.13em;text-decoration:none}
h1{position:relative;z-index:1;margin:54px 0 13px;color:var(--ink);font-size:clamp(38px,6vw,62px);font-weight:610;letter-spacing:-.045em;line-height:1.08}
h1 span{color:var(--gold-deep)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.15em;text-transform:uppercase}
.meta{position:relative;z-index:1;margin:0;color:var(--muted);font-size:11px;letter-spacing:.04em}
.wrap>p,.wrap>ul,.wrap>ol,.wrap>table,.wrap>.box,.wrap>h2,.wrap>h3{margin-left:clamp(8px,4vw,34px);margin-right:clamp(8px,4vw,34px)}
h2{margin-top:58px!important;margin-bottom:16px!important;padding:0 0 11px;color:var(--ink);border:0;border-bottom:1px solid rgba(168,125,52,.23);font-size:23px;font-weight:620;letter-spacing:-.02em}
h2::before{content:'SECTION';display:block;margin-bottom:6px;color:var(--gold-deep);font-size:8px;font-weight:780;letter-spacing:.16em}
h3{margin-top:31px!important;margin-bottom:9px!important;color:var(--gold-deep);font-size:16px;font-weight:680}
p,li{color:#4f4b43;font-size:14px}
ul,ol{padding-left:24px}
li{margin:7px 0;padding-left:3px}
li::marker{color:var(--gold)}
a{color:var(--gold-deep);text-underline-offset:3px}
table{width:calc(100% - clamp(16px,8vw,68px));border-collapse:separate;border-spacing:0;overflow:hidden;margin-top:20px!important;margin-bottom:24px!important;border:1px solid rgba(168,125,52,.2);border-radius:16px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #fff,0 14px 35px rgba(55,46,30,.06);font-size:12px;backdrop-filter:blur(18px)}
th,td{padding:13px 15px;border:0;border-bottom:1px solid rgba(168,125,52,.13);text-align:left;vertical-align:top}
tr:last-child th,tr:last-child td{border-bottom:0}
th{width:155px;background:rgba(229,211,167,.2);color:var(--gold-deep);font-weight:700;white-space:nowrap}
td{color:#4f4b43}
.box{margin-top:28px!important;margin-bottom:30px!important;padding:21px 23px;border:1px solid rgba(168,125,52,.28);border-bottom-color:rgba(168,125,52,.44);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(249,246,239,.62));box-shadow:inset 0 1px 0 #fff,0 18px 42px rgba(63,50,28,.07);backdrop-filter:blur(22px)}
.box p:last-child,.box ul:last-child,.box ol:last-child{margin-bottom:0}
.box p:first-child,.box ul:first-child,.box ol:first-child{margin-top:0}
footer.btm{margin-top:76px;padding:27px 34px 0;border-top:1px solid rgba(168,125,52,.2);color:var(--muted);font-size:11px}
footer.btm a{display:inline-flex;margin:0 19px 8px 0;color:var(--gold-deep);font-weight:680;text-decoration:none}
footer.btm p{margin:15px 0 0;color:#8b857a;font-size:9px;letter-spacing:.04em}
@keyframes legalReveal{0%{opacity:0;transform:translateY(22px);filter:blur(7px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes legalBreath{0%,100%{box-shadow:0 24px 70px rgba(59,48,28,.08),0 7px 20px rgba(59,48,28,.05)}50%{box-shadow:0 34px 92px rgba(59,48,28,.13),0 12px 28px rgba(168,125,52,.07)}}
@keyframes legalSheen{0%,100%{transform:translate3d(-8%,-4%,0) rotate(-8deg);opacity:.2}50%{transform:translate3d(14%,6%,0) rotate(-5deg);opacity:.48}}
@media(max-width:640px){.wrap{width:calc(100% - 24px);padding-top:12px}header.top{padding:24px 20px 27px;border-radius:21px}h1{margin-top:43px;font-size:40px}.wrap>p,.wrap>ul,.wrap>ol,.wrap>table,.wrap>.box,.wrap>h2,.wrap>h3{margin-left:8px;margin-right:8px}p,li{font-size:13px}table{display:block;width:calc(100% - 16px);overflow-x:auto;border-radius:14px}th,td{min-width:155px;padding:11px 12px}.box{padding:18px 17px}footer.btm{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
