:root{--ink:#0a0a0c;--deep:#0d1218;--paper:#ececef;--ivory:#fff;--copper:#1a8aff;--sage:#2cb7b3;--line:rgba(0,0,0,.09);--muted:#5f6069;--gold:#2cb7b3;--shadow:0 22px 65px rgba(20,40,80,.1)}
body{font-family:"Inter Tight","Noto Sans TC",sans-serif;font-size:17px;line-height:1.58;background:var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 1px 1px,rgba(15,15,20,.045) 1px,transparent 1.4px) 0 0/22px 22px}body:after{content:"";position:absolute;top:80px;right:-12vw;width:60vw;height:60vw;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(44,183,179,.35),rgba(26,138,255,.2) 36%,transparent 68%);filter:blur(55px)}
.site-header{top:18px;margin:0 auto;width:min(1320px,calc(100% - 40px));height:76px;padding:10px 14px 10px 18px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 8px 28px rgba(20,40,80,.08),inset 0 1px white}.brand-mark{border:0;border-radius:11px;background:#0a0a0c;color:white}.brand b{font-family:"Inter Tight","Noto Sans TC";font-size:17px;font-weight:800}.brand small{font-size:10px}nav{gap:4px}nav a{padding:11px 17px;border-radius:999px;font-size:16px;font-weight:600}nav a:hover{background:rgba(0,0,0,.06)}nav a:after{display:none}.smart-life{padding:12px 20px;border:0;background:white;font-size:15px;font-weight:650;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.hero{min-height:760px;padding-top:150px;grid-template-columns:1.2fr .8fr}.hero:before{width:720px;height:720px;border-color:rgba(10,10,12,.07);left:-270px;top:-260px}.hero:after{content:"COMMUNITY";position:absolute;right:-2vw;top:20%;font-family:"Archivo Black";font-size:clamp(100px,15vw,250px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(15,15,25,.07);z-index:-1}.eyebrow{font-size:13px;letter-spacing:.09em;color:#2b2b30}.hero h1,.section h2,.smart-life-section h2{font-family:"Inter Tight","Noto Sans TC";font-weight:900;letter-spacing:-.045em}.hero h1{font-size:clamp(58px,6.2vw,104px);line-height:.98}.hero h1 em{color:#1687f4}.hero-lead{font-size:20px;color:#42444c}.button{min-height:54px;padding:0 27px;border-radius:999px;font-size:16px}.button.primary{background:#0a0a0c}.text-link{font-size:16px}
.today-card,.featured-notice,.calendar-wrap,.guide-grid a,.document-stack a{border:1px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:inset 0 1px white,0 12px 36px rgba(20,40,80,.08),0 30px 65px rgba(20,40,80,.05);backdrop-filter:blur(18px)}.today-card{padding:34px}.today-card:before{display:none}.today-head span{font-family:"Inter Tight","Noto Sans TC";font-weight:800;font-size:23px}.today-head time,.today-item small{font-size:14px}.today-item b{font-size:17px}.today-card>a{font-size:15px}
.quick-strip{margin:0 auto;width:min(1320px,calc(100% - 40px));padding:0;border-radius:24px;background:rgba(10,10,12,.95);overflow:hidden}.quick-strip>div,.quick-strip>a{padding:30px 36px}.quick-strip small,.quick-strip span{font-size:14px}.quick-strip strong{font-family:"Inter Tight","Noto Sans TC";font-size:36px;font-weight:800}
.section{padding-top:125px;padding-bottom:125px}.section h2{font-size:clamp(46px,5vw,72px)}.notice-layout{gap:34px}.featured-notice{overflow:hidden}.notice-body time,.notice-tag{font-size:13px}.notice-body h3,.project-card h3{font-family:"Inter Tight","Noto Sans TC";font-size:29px;font-weight:800}.notice-body p,.notice-row p,.project-card p{font-size:16px}.notice-body a,.project-card a{font-size:15px}.notice-row{padding:28px 20px;border-radius:18px}.notice-row:hover{background:rgba(255,255,255,.65)}.notice-row h3{font-family:"Inter Tight","Noto Sans TC";font-size:21px;font-weight:750}.notice-row time{font-size:12px}.notice-row time b{font-family:"Inter Tight";font-size:32px}
.project-section{background:linear-gradient(145deg,#0b1014,#10252a 68%,#123a3b)}.project-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:32px}.project-card:hover{background:rgba(255,255,255,.12)}.status,.project-top>span:last-child,.project-meta small{font-size:13px}.project-meta span,.project-filter button{font-size:15px}.progress{height:5px;border-radius:5px;overflow:hidden}.progress span{background:linear-gradient(90deg,#1a8aff,#2cb7b3)}
.calendar{font-size:17px}.calendar .week{font-size:13px}.day-agenda{background:linear-gradient(145deg,#f7f7fa,#e5f4f3)}.day-agenda h3{font-family:"Inter Tight","Noto Sans TC";font-size:36px}.day-agenda b{font-size:16px}.day-agenda small,.day-agenda time,.day-agenda>a{font-size:14px}.guide-section{background:#e4e4e8}.guide-grid{gap:14px;background:transparent;border:0}.guide-grid a{min-height:270px;padding:38px}.guide-grid h3{font-family:"Inter Tight","Noto Sans TC";font-size:25px;font-weight:800}.guide-grid p{font-size:16px}.guide-grid b{font-size:14px}.line-icon{width:50px;height:50px;border:0;background:linear-gradient(145deg,#1a8aff,#2cb7b3);color:white}.committee-section h2{font-size:56px}.committee-section>div>p:not(.eyebrow){font-size:18px}.document-stack{display:grid;gap:12px}.document-stack a{border:0;padding:28px}.document-stack span,.document-stack small{font-size:13px}.document-stack b{font-family:"Inter Tight","Noto Sans TC";font-size:18px}.smart-life-section{margin:0 20px 20px;border-radius:28px;background:linear-gradient(120deg,#1687f4,#2cb7b3)}.smart-life-section h2{font-size:48px}.smart-life-section p:not(.eyebrow){font-size:17px}footer{background:#0a0a0c}footer p,footer>a{font-size:14px}
@media(max-width:620px){body{font-size:16px}.site-header{width:calc(100% - 20px);height:66px}.hero{padding-top:100px;min-height:auto}.hero h1{font-size:50px}.hero-lead{font-size:18px}.quick-strip{width:calc(100% - 20px)}.section{padding-top:85px;padding-bottom:85px}.section h2{font-size:42px}.smart-life-section{margin:0 10px 10px}}