:root{--ink:#17362f;--deep:#102d27;--paper:#f5f1e8;--ivory:#fffdf8;--copper:#a7633d;--sage:#789184;--line:#d9d3c7;--muted:#66756f;--gold:#c7a568;--shadow:0 18px 50px rgba(24,50,43,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{height:88px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(245,241,232,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,54,47,.1)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-family:"Noto Serif TC"}.brand b,.brand small{display:block}.brand b{font-family:"Noto Serif TC";letter-spacing:.16em}.brand small{font-size:9px;letter-spacing:.15em;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--copper);transition:.25s}nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.smart-life{padding:10px 16px;border:1px solid var(--ink);border-radius:30px;font-size:13px}.menu-button{display:none;border:0;background:none}.hero{min-height:680px;padding:100px clamp(24px,8vw,130px) 80px;display:grid;grid-template-columns:1.45fr .72fr;align-items:center;gap:clamp(50px,9vw,150px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(167,99,61,.18);border-radius:50%;left:-220px;top:-220px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--copper);margin:0 0 16px}.hero h1,.section h2,.smart-life-section h2{font-family:"Noto Serif TC";font-size:clamp(42px,5.3vw,78px);line-height:1.22;margin:0;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--copper)}.hero-lead{max-width:600px;font-size:18px;color:var(--muted);margin:30px 0}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:3px;font-weight:600;font-size:14px;transition:.2s}.button.primary{background:var(--ink);color:white}.button:hover{transform:translateY(-2px)}.text-link{font-size:14px;font-weight:600}.text-link span{margin-left:8px}.today-card{background:var(--ivory);padding:30px;border-radius:2px;box-shadow:var(--shadow);position:relative}.today-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(167,99,61,.24);pointer-events:none}.today-head,.weather-line,.today-item{display:flex;align-items:center}.today-head{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.today-head span{font-family:"Noto Serif TC";font-size:20px}.today-head time{font-size:12px;color:var(--muted)}.weather-line{gap:12px;padding:28px 0}.weather-icon{font-size:28px;color:var(--gold)}.weather-line strong{font-size:34px}.weather-line>span:last-child{font-size:13px;color:var(--muted)}.today-item{gap:14px;padding:16px 0;border-top:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.amber{background:#c47f3c}.green{background:#4f846f}.blue{background:#527e9f}.rust{background:#a8503c}.today-item b,.today-item small{display:block}.today-item b{font-size:14px}.today-item small{font-size:12px;color:var(--muted)}.today-card>a{font-size:13px;display:block;margin-top:20px}.quick-strip{background:var(--deep);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,8vw,130px)}.quick-strip>div,.quick-strip>a{padding:28px 34px;border-right:1px solid rgba(255,255,255,.15)}.quick-strip small,.quick-strip span{display:block;color:#b5c5be;font-size:12px}.quick-strip strong{font-family:"Noto Serif TC";font-size:30px}.quick-strip div span{display:inline;margin-left:5px}.section{padding:110px clamp(24px,8vw,130px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section h2{font-size:clamp(34px,4vw,54px)}.notice-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:60px}.featured-notice{background:var(--ivory);box-shadow:var(--shadow)}.notice-image{height:300px;background:linear-gradient(135deg,rgba(16,45,39,.2),rgba(167,99,61,.08)),radial-gradient(circle at 60% 40%,#b9c6be 0 12%,#7c9588 13% 28%,#36594f 29% 54%,#17362f 55%);position:relative}.notice-tag{font-size:11px;padding:4px 9px;border-radius:20px;display:inline-block}.notice-image .notice-tag{position:absolute;left:24px;top:24px}.notice-tag.urgent{background:#9a402f;color:white}.notice-tag.maintenance{background:#dce8df;color:#315c4b}.notice-tag.construction{background:#f0e0d4;color:#8b4f2f}.notice-tag.general{background:#e5e5df;color:#565e59}.notice-body{padding:34px}.notice-body time{font-size:11px;color:var(--muted)}.notice-body h3,.notice-row h3,.project-card h3{font-family:"Noto Serif TC";font-size:24px;margin:8px 0}.notice-body p,.notice-row p,.project-card p{color:var(--muted);font-size:14px}.notice-body a,.project-card a{font-size:13px;font-weight:700}.notice-row{display:grid;grid-template-columns:58px 1fr 20px;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.notice-row time{text-align:center;color:var(--muted);font-size:10px}.notice-row time b{display:block;font-size:28px;color:var(--ink);font-family:"Noto Serif TC"}.notice-row h3{font-size:18px;margin:8px 0 2px}.notice-row p{margin:0}.project-section{background:var(--deep);color:white}.section-heading.light p{color:#b5c5be}.project-filter{display:flex;gap:8px}.project-filter button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#c7d2cd;padding:8px 14px;border-radius:30px;cursor:pointer}.project-filter button.active{background:white;color:var(--deep)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#193b34;padding:28px;border-top:2px solid var(--copper);transition:.25s}.project-card:hover{transform:translateY(-5px);background:#20483f}.project-top,.project-meta{display:flex;justify-content:space-between}.project-top>span:last-child{font-size:11px;color:#91a79e}.status{font-size:11px;border-radius:20px;padding:4px 9px}.status.working{background:#d5e9df;color:#245541}.status.delayed{background:#f1dfc5;color:#795128}.status.decision{background:#edd9d1;color:#7e3d31}.project-card p{color:#b8c7c1;min-height:48px}.progress{height:3px;background:#34554e;margin:28px 0}.progress span{display:block;height:100%;background:var(--gold)}.project-meta{gap:15px;margin-bottom:24px}.project-meta span{font-size:13px}.project-meta small{display:block;color:#8da199;font-size:10px}.project-card a{color:#e9dfc7}.outline-light{border:1px solid rgba(255,255,255,.4);margin-top:32px;color:white}.month-nav{display:flex;align-items:center;gap:18px}.month-nav button{border:0;background:transparent;font-size:20px;cursor:pointer}.calendar-wrap{display:grid;grid-template-columns:1.4fr .6fr;background:var(--ivory);box-shadow:var(--shadow)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);padding:26px}.calendar>*{min-height:65px;display:grid;place-items:center;position:relative}.calendar .week{min-height:40px;font-size:11px;color:var(--muted)}.calendar button{border:0;background:transparent;cursor:pointer;border-radius:50%;width:52px;height:52px;margin:auto}.calendar button:hover,.calendar button.selected{background:var(--ink);color:white}.calendar .muted{color:#b7b9b5}.event-dot{position:absolute;width:5px;height:5px;border-radius:50%;bottom:8px;left:23px}.event-dot.second{left:31px}.day-agenda{background:#e9e2d6;padding:38px}.day-agenda h3{font-family:"Noto Serif TC";font-size:30px;margin:0 0 30px}.day-agenda>div{display:grid;grid-template-columns:45px 2px 1fr;gap:14px;margin:22px 0}.day-agenda time{font-size:11px}.agenda-line{width:2px;height:42px}.day-agenda p{margin:0}.day-agenda b,.day-agenda small{display:block}.day-agenda small{color:var(--muted);font-size:11px}.day-agenda>a{display:block;margin-top:30px;font-size:13px;font-weight:600}.guide-section{background:#e8e2d7}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfc8bc;border:1px solid #cfc8bc}.guide-grid a{background:var(--paper);padding:34px;min-height:240px;transition:.2s}.guide-grid a:hover{background:var(--ivory)}.line-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--copper);border-radius:50%;color:var(--copper);font-family:serif;font-size:20px}.guide-grid h3{font-family:"Noto Serif TC";font-size:21px;margin:32px 0 4px}.guide-grid p{font-size:13px;color:var(--muted)}.guide-grid b{font-size:12px}.committee-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.committee-section h2{font-size:46px}.committee-section>div>p:not(.eyebrow){color:var(--muted);margin:24px 0 30px}.document-stack a{display:grid;grid-template-columns:110px 1fr auto;align-items:center;padding:24px;border-bottom:1px solid var(--line);transition:.2s}.document-stack a:hover{background:var(--ivory);padding-left:30px}.document-stack span{font-size:11px;color:var(--copper)}.document-stack b{font-family:"Noto Serif TC"}.document-stack small{font-size:11px;color:var(--muted)}.smart-life-section{background:var(--copper);color:white;padding:70px clamp(24px,8vw,130px);display:flex;align-items:center;justify-content:space-between}.smart-life-section h2{font-size:40px}.smart-life-section p:not(.eyebrow){margin:10px 0 0;color:#f0ded1}.smart-life-section .eyebrow{color:#f5d7c5}.button.ivory{background:var(--ivory);color:var(--copper);min-width:170px}footer{padding:45px clamp(24px,8vw,130px);display:flex;justify-content:space-between;align-items:center;background:#0c231f;color:white}footer p,footer>a{font-size:12px;color:#a9bab3}.reveal{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:980px){nav{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.quick-strip{grid-template-columns:repeat(2,1fr)}.notice-layout,.committee-section{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}.calendar-wrap{grid-template-columns:1fr}.committee-section{gap:50px}}@media(max-width:620px){.site-header{height:72px;padding:0 18px}.brand small,.smart-life{display:none}.hero{padding:56px 20px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column}.quick-strip{padding:0}.quick-strip>div,.quick-strip>a{padding:20px}.section{padding:72px 20px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.notice-layout{gap:26px}.notice-image{height:220px}.project-filter{overflow:auto}.calendar{padding:10px}.calendar>*{min-height:48px}.calendar button{width:40px;height:40px}.event-dot{left:17px;bottom:3px}.event-dot.second{left:24px}.guide-grid{grid-template-columns:1fr}.committee-section{gap:34px}.committee-section h2{font-size:36px}.document-stack a{grid-template-columns:1fr;gap:5px}.smart-life-section{padding:55px 20px;align-items:flex-start;flex-direction:column;gap:28px}.smart-life-section h2{font-size:32px}footer{align-items:flex-start;flex-direction:column;gap:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}