:root{--ink:#294a52;--deep:#3f626b;--sage:#819d96;--rose:#b97868;--gold:#c5a46d;--paper:#faf3ea;--mist:#edf4f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--paper),var(--mist) 38%,#f5eaf0 70%,#faf4eb);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;min-height:74px;padding:10px clamp(16px,4vw,56px);background:rgba(63,98,107,.95);box-shadow:0 8px 24px #294a5220}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;white-space:nowrap}.brand img{width:46px;height:46px;border-radius:50%}.brand small{display:block;font-size:.62rem;opacity:.75}.top nav{display:flex;gap:18px;margin-left:auto}.top nav a{color:#f8f1e8;text-decoration:none;font-size:.86rem;font-weight:800}.top button{display:none}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:44px;align-items:center;min-height:calc(100vh - 74px);padding:clamp(54px,8vw,110px) max(5vw,24px);background:radial-gradient(circle at 12% 12%,#e9c1b033,transparent 28%),radial-gradient(circle at 86% 15%,#c8b7d755,transparent 28%)}.hero h1{margin:.2em 0;color:var(--deep);font:900 clamp(3rem,7vw,6.5rem)/.98 "Noto Serif TC",serif;letter-spacing:-.05em}.hero-art{position:relative;margin:0;padding:12px;border-radius:30px;background:#ffffffaa;box-shadow:0 28px 70px #294a5230;overflow:hidden}.hero-art img{display:block;width:100%;border-radius:22px}.hero-art figcaption{padding:12px 5px 3px;text-align:center;font-size:.76rem;font-weight:900}.art-copy{position:absolute;left:clamp(24px,4vw,54px);top:clamp(24px,4vw,48px);z-index:2;max-width:56%;padding:18px 20px;border-left:5px solid #b97868;border-radius:0 18px 18px 0;background:rgba(255,251,245,.9);box-shadow:0 12px 32px #294a5224;backdrop-filter:blur(8px)}.art-copy small,.art-copy strong,.art-copy span{display:block}.art-copy small{color:#9c5c4f;font-size:.67rem;font-weight:900;letter-spacing:.1em}.art-copy strong{margin:.28rem 0;color:#31565f;font:900 clamp(1.2rem,2.5vw,2.15rem)/1.2 "Noto Serif TC",serif}.art-copy span{color:#6d5549;font-weight:900}.art-copy p{margin:.55rem 0 0;color:#536d73;font-size:.82rem;line-height:1.6}.kicker{color:var(--rose);font-weight:900;letter-spacing:.12em}.badges{display:flex;flex-wrap:wrap;gap:8px}.badges span{padding:.42rem .7rem;border-radius:999px;background:#fff;color:var(--deep);font-size:.74rem;font-weight:900}.date{font-weight:800}.hero blockquote{margin:26px 0;padding-left:18px;border-left:5px solid var(--rose);font:700 clamp(1.05rem,2vw,1.35rem)/1.8 "Noto Serif TC",serif}.actions,.tools{display:flex;flex-wrap:wrap;gap:10px}.actions a,.tools a,.tools button{padding:.72rem 1rem;border:0;border-radius:999px;background:var(--deep);color:#fff;text-decoration:none;font:800 .86rem/1 system-ui;cursor:pointer}.actions .ghost{border:1px solid #3f626b44;background:#fff;color:var(--deep)}.notice{max-width:1180px;margin:24px auto;padding:22px 26px;border-left:6px solid var(--gold);border-radius:0 20px 20px 0;background:#fffaf0}.notice p{line-height:1.8}.section{padding:clamp(64px,9vw,110px) max(5vw,24px)}.section>header{max-width:920px;margin:0 auto 34px;text-align:center}.section>header small{color:var(--rose);font-weight:900;letter-spacing:.12em}.section h2{margin:.25em 0;color:var(--deep);font:900 clamp(2rem,4vw,3.5rem)/1.15 "Noto Serif TC",serif}.section>header p{color:#5a7279;line-height:1.8}.soft{background:linear-gradient(145deg,#f9eee7,#edf4f2 55%,#f3eaf3)}.facts,.cards,.source-grid{display:grid;gap:18px;max-width:1160px;margin:auto}.facts{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(5,1fr)}.facts article,.cards article,.source-grid article,.support-grid article{padding:24px;border:1px solid #3f626b20;border-radius:22px;background:#fffdf9dd;box-shadow:0 14px 36px #294a5212}.facts span,.facts small{display:block}.facts strong{display:block;margin:.4rem 0;color:var(--deep);font-size:1.35rem}.cards b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--rose);color:#fff}.cards h3,.layers h3,.support-grid h3,.source-grid h3{color:var(--deep);font-family:"Noto Serif TC",serif}.cards p,.layers p,.support-grid p,.source-grid p{line-height:1.76}.quote{max-width:900px;margin:28px auto 0;padding:20px 24px;border-left:5px solid var(--sage);background:#e5f0ed;border-radius:0 18px 18px 0}.chain{background:linear-gradient(155deg,#f9f0e6,#eaf2ef 52%,#f4e8e4)}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1160px;margin:0 auto 28px}.layers article{padding:32px;border:1px solid #ffffff99;background:#fffdf8ee;box-shadow:0 18px 42px #294a5214}.layers article:first-child{border-radius:28px 0 0 28px}.layers article:last-child{border-radius:0 28px 28px 0}.layers span{display:inline-block;padding:.45rem .72rem;border-radius:999px;background:var(--sage);color:#fff;font-size:.74rem;font-weight:900}.layers article:nth-child(2) span{background:var(--gold)}.layers article:nth-child(3) span{background:var(--rose)}.layers small{color:#6c7e82}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1160px;margin:auto}.support-grid .limit{border-left:6px solid #7c6c88;background:#f0e9f3}.full object{display:block;width:min(1160px,100%);height:78vh;margin:24px auto;border:1px solid #3f626b33;border-radius:20px;background:#fff}.tools{justify-content:center}.full pre{overflow:auto;max-width:1160px;max-height:75vh;margin:24px auto;padding:24px;border-radius:20px;background:#233e47;color:#eff6f4;white-space:pre-wrap;line-height:1.65}.source{background:linear-gradient(135deg,#aebfbd,#dfe8e6)}.source-grid{grid-template-columns:repeat(3,1fr)}.source-grid a{color:#24505a;font-weight:900}footer{padding:46px 24px;background:#284b54;color:#fff;text-align:center}footer a{color:#fff}@media(max-width:1000px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:repeat(2,1fr)}.top nav{display:none}.top button{display:block;margin-left:auto;padding:.55rem .7rem;border:0;border-radius:999px}.top.open nav{position:absolute;top:74px;left:0;right:0;display:grid;gap:0;padding:12px;background:#3f626b}.top.open nav a{padding:12px}}@media(max-width:720px){.hero{padding-top:54px}.hero h1{font-size:clamp(2.8rem,15vw,4.8rem)}.facts,.cards,.layers,.support-grid,.source-grid{grid-template-columns:1fr}.layers{gap:14px}.layers article,.layers article:first-child,.layers article:last-child{border-radius:22px}.art-copy{position:relative;left:auto;top:auto;max-width:none;margin:-18px 8px 0;border-radius:16px}.full object{height:62vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}