@import "https://fonts.googleapis.com/css2?family=Fustat:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Noto+Serif+TC:wght@500;600;700;900&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap";:root{--blue-deep:#0a1f3d;--blue-mid:#1a3a5c;--blue-light:#d0e2f0;--blue-pale:#eaf3fa;--white:#fff;--silver:#f4f6f9;--silver-dark:#e2e6ec;--gray-light:#c4c8ce;--gray-mid:#8c9096;--gray-dark:#4a4d52;--near-black:#0e1311;--gold:#c9a96e;--gold-light:#e0d0aa;--text-primary:#0e1311;--text-secondary:#505050;--text-muted:#8c9096;--border-color:#dde1e7;--shadow:0 2px 12px #0a1f3d14;--shadow-lg:0 4px 24px #0a1f3d1f;--radius:6px;--radius-lg:12px;--radius-xl:18px;--font-display:"Fustat","Noto Sans TC",sans-serif;--font-ui:"Schibsted Grotesk","Inter",sans-serif;--font-body:"Inter","Noto Sans TC",sans-serif;--font-serif:"Noto Serif TC","Times New Roman",serif;--max-width:1700px;--header-height:72px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--silver);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--blue-mid);text-decoration:none;transition:color .3s}a:hover{color:var(--blue-deep)}img,video{max-width:100%;height:auto;display:block}.page-section{content-visibility:auto;contain-intrinsic-size:auto 500px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;transform:none!important}}.video-bg{z-index:0;background:var(--blue-deep);position:fixed;inset:0;overflow:hidden}.video-bg video{object-fit:cover;object-position:top center;width:115%;height:115%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay{z-index:1;background:#0a1f3db8;position:absolute;inset:0}.site-header{z-index:100;will-change:background;justify-content:space-between;align-items:center;padding:16px 120px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000000f}.header-inner{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:var(--font-ui);letter-spacing:-.8px;color:var(--white);white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:600;transition:color .4s;display:flex}.site-header.scrolled .brand{color:var(--near-black)}.brand-emblem{flex-shrink:0;width:32px;height:32px}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-sub{letter-spacing:.08em;opacity:.85;font-size:14px;font-weight:500;font-family:var(--font-body)}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a,.nav-links button{font-family:var(--font-ui);letter-spacing:-.2px;color:#ffffffd9;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:500;transition:all .3s;display:block}.site-header.scrolled .nav-links a,.site-header.scrolled .nav-links button{color:var(--text-secondary)}.nav-links a:hover,.nav-links button:hover{color:var(--white);background:#ffffff1a}.site-header.scrolled .nav-links a:hover,.site-header.scrolled .nav-links button:hover{color:var(--near-black);background:#0000000a}.nav-cta-signup{text-align:center;min-width:82px;border-radius:var(--radius)!important;background:0 0!important;border:1px solid #ffffff4d!important;padding:8px 20px!important}.nav-cta-login{text-align:center;min-width:101px;border-radius:var(--radius)!important;background:var(--white)!important;color:var(--near-black)!important;padding:8px 20px!important;font-weight:600!important}.site-header.scrolled .nav-cta-signup{color:var(--near-black)!important;border-color:#0003!important}.site-header.scrolled .nav-cta-login{background:var(--near-black)!important;color:var(--white)!important}.mobile-nav-toggle{cursor:pointer;color:var(--white);background:0 0;border:none;padding:8px;font-size:1.5rem;display:none}.hero{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:120px;display:flex;position:relative}.hero-inner{text-align:center;width:100%;max-width:900px}.hero-badge-group{justify-content:center;align-items:center;gap:10px;margin-bottom:34px;display:flex}.hero-badge-dark{background:var(--near-black);color:var(--white);font-family:var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge-light{background:var(--white);color:var(--near-black);font-family:var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #00000014}.hero-headline{font-family:var(--font-display);letter-spacing:-4.8px;color:var(--white);will-change:transform,opacity;margin-bottom:34px;font-size:clamp(48px,7vw,80px);font-weight:800;line-height:.95}.hero-headline .char{display:inline-block}.hero-subtitle{font-family:var(--font-display);letter-spacing:-.4px;color:#ffffffb3;max-width:736px;margin:0 auto 44px;font-size:20px;font-weight:500;line-height:1.5}.hero-search{max-width:728px;margin:0 auto}.hero-search-outer{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#0000003d;border:1px solid #ffffff1a;padding:12px}.hero-search-meta{font-family:var(--font-ui);color:#ffffffb3;justify-content:space-between;align-items:center;padding:0 8px 8px;font-size:12px;font-weight:500;display:flex}.hero-search-upgrade{color:var(--near-black);background:#5ae14ce3;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.hero-search-powered{opacity:.8;align-items:center;gap:4px;display:flex}.hero-search-input-row{background:var(--white);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 2px 16px #00000014}.hero-search-input-row input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.hero-search-input-row input::placeholder{color:#0006}.hero-search-submit{background:var(--near-black);cursor:pointer;width:36px;height:36px;color:var(--white);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.hero-search-submit:hover{transform:scale(1.05)}.hero-search-actions{justify-content:space-between;align-items:center;padding:8px 8px 0;display:flex}.hero-search-actions-left{gap:8px;display:flex}.hero-search-action-btn{color:#fffc;font-family:var(--font-ui);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .2s;display:flex}.hero-search-action-btn:hover{background:#ffffff26}.hero-search-count{font-family:var(--font-ui);color:#ffffff80;font-size:12px}.page-section{z-index:2;padding:var(--space-4xl) 0;background:var(--silver);position:relative}.page-section.dark{background:var(--blue-deep);color:var(--white)}.page-section.white{background:var(--white)}.section-inner{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-md);font-size:12px;font-weight:600}.section-headline{font-family:var(--font-display);letter-spacing:-3px;color:var(--near-black);margin-bottom:var(--space-lg);font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.page-section.dark .section-headline{color:var(--white)}.section-headline .reveal-line{display:block;overflow:hidden}.section-headline .reveal-line span{transition:transform 1.2s cubic-bezier(.19,1,.22,1);display:block;transform:translateY(110%)}.section-headline.visible .reveal-line span{transform:translateY(0)}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:box-shadow .4s,transform .4s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-title{font-family:var(--font-display);color:var(--near-black);margin-bottom:var(--space-sm);font-size:1.2rem;font-weight:700}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.quick-links{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.quick-link{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;align-items:center;gap:var(--space-md);color:var(--text-primary);flex-direction:column;transition:all .4s;display:flex}.quick-link:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-lg);color:var(--blue-deep);transform:translateY(-4px)}.quick-link-icon{width:44px;height:44px;color:var(--blue-mid);transition:transform .4s}.quick-link:hover .quick-link-icon{transform:scale(1.1)}.quick-link h3{font-family:var(--font-display);color:var(--near-black);font-size:1.1rem;font-weight:700}.quick-link p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.chip-group{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.chip{padding:var(--space-xs) var(--space-lg);border:1px solid var(--border-color);background:var(--white);font-family:var(--font-ui);cursor:pointer;border-radius:999px;font-size:.8rem;font-weight:500;transition:all .3s}.chip:hover{border-color:var(--blue-mid)}.chip.active{background:var(--near-black);color:var(--white);border-color:var(--near-black)}.member-card{gap:var(--space-xl);padding:var(--space-xl);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .4s;display:flex}.member-card:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.member-avatar{background:var(--blue-deep);width:64px;height:64px;color:var(--white);font-family:var(--font-ui);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.member-info{flex:1;min-width:0}.member-name{font-family:var(--font-display);color:var(--near-black);align-items:center;gap:var(--space-sm);font-size:1.2rem;font-weight:700;display:flex}.member-detail{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.82rem}.member-party{margin-top:var(--space-xs);font-size:.72rem;font-weight:600;font-family:var(--font-ui);border-radius:999px;padding:3px 10px;display:inline-block}.party-frp{color:#1a56b0;background:#e8f0fe}.party-dp{color:#b05a1a;background:#fef3e8}.pm-badge{background:var(--gold);color:var(--white);font-size:.65rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.05em;border-radius:999px;padding:2px 10px;display:inline-block}.law-card{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:var(--white);border-bottom:1px solid var(--border-color);flex-wrap:wrap;transition:background .3s;display:flex}.law-card:hover{background:var(--blue-pale)}.law-number{color:var(--gray-mid);white-space:nowrap;min-width:140px;font-family:SF Mono,IBM Plex Mono,monospace;font-size:.78rem}.law-title{font-family:var(--font-display);color:var(--near-black);flex:1;min-width:200px;font-weight:600}.law-status{font-size:.72rem;font-weight:600;font-family:var(--font-ui);white-space:nowrap;border-radius:999px;padding:4px 14px}.status-passed{color:#137333;background:#e6f4ea}.status-review{color:#b05a1a;background:#fef3e8}.status-proposed{background:var(--blue-pale);color:var(--blue-mid)}.news-card{padding:var(--space-xl)}.news-card:hover{transform:translateY(-2px)}.news-date{font-family:var(--font-ui);color:var(--gray-mid);margin-bottom:var(--space-xs);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.news-title{font-family:var(--font-display);color:var(--near-black);margin-bottom:var(--space-sm);font-size:1.15rem;font-weight:700;line-height:1.3}.news-summary{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.news-category{font-size:.68rem;font-weight:600;font-family:var(--font-ui);background:var(--blue-pale);color:var(--blue-mid);margin-bottom:var(--space-sm);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;display:inline-block}.page-header{padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-2xl);background:var(--blue-deep);color:var(--white);z-index:2;position:relative}.page-header-inner{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.page-header h1{font-family:var(--font-display);letter-spacing:-3px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.timeline{padding-left:var(--space-3xl);position:relative}.timeline:before{content:"";background:var(--blue-light);width:2px;position:absolute;top:8px;bottom:8px;left:14px}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--space-3xl) + 9px);background:var(--blue-mid);border:2px solid var(--white);border-radius:50%;width:12px;height:12px;position:absolute;top:4px}.timeline-year{font-family:var(--font-display);color:var(--near-black);margin-bottom:var(--space-xs);font-size:1.3rem;font-weight:700}.timeline-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.six-powers{gap:var(--space-md);grid-template-columns:repeat(6,1fr);display:grid}.power-node{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;transition:transform .4s,box-shadow .4s}.power-node:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.power-nb{font-family:var(--font-display);color:var(--blue-light);letter-spacing:-1px;font-size:2rem;font-weight:800}.power-title{font-family:var(--font-display);color:var(--near-black);margin:var(--space-sm) 0;font-size:1rem;font-weight:700}.power-desc{color:var(--text-muted);font-size:.75rem;line-height:1.5}.site-footer{background:var(--near-black);color:var(--white);padding:var(--space-4xl) 0 var(--space-xl);z-index:2;position:relative}.footer-inner{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.footer-grid{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-desc{color:#ffffff80;margin-top:var(--space-md);font-size:.85rem;line-height:1.8}.footer-col h4{font-family:var(--font-display);margin-bottom:var(--space-md);color:#ffffffe6;font-size:.95rem;font-weight:700}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{color:#ffffff80;font-size:.85rem;transition:color .3s}.footer-col a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-xl);font-family:var(--font-ui);color:#ffffff59;letter-spacing:.04em;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.search-bar{gap:var(--space-sm);max-width:500px;display:flex}.search-bar input{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9rem;font-family:var(--font-body);outline:none;flex:1;transition:border-color .3s,box-shadow .3s}.search-bar input:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #1a3a5c14}.committee-card{border-left:4px solid var(--blue-deep);padding:var(--space-xl)}.committee-chair{font-family:var(--font-ui);color:var(--gray-mid);margin-top:var(--space-sm);font-size:.82rem}.member-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.party-other{background:var(--silver-dark);color:var(--gray-dark);border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.empty-state{text-align:center;padding:var(--space-4xl);color:var(--text-muted)}.petition-field{margin-bottom:var(--space-lg)}.petition-field label{font-family:var(--font-ui);color:var(--text-secondary);margin-bottom:var(--space-xs);letter-spacing:.02em;font-size:.8rem;font-weight:600;display:block}.petition-field input,.petition-field textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);font-family:var(--font-body);resize:vertical;outline:none;font-size:.9rem;transition:border-color .3s,box-shadow .3s}.petition-field input:focus,.petition-field textarea:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #1a3a5c14}.field-error{color:#c0392b;margin-top:var(--space-xs);font-size:.75rem;display:block}.petition-submit-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-xl);background:var(--near-black);color:var(--white);border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;border:none;font-size:.9rem;font-weight:600;transition:background .3s,transform .3s;display:flex}.petition-submit-btn:hover{background:var(--blue-deep);transform:translateY(-1px)}.btn-outline,.btn-primary{padding:var(--space-sm) var(--space-2xl);border-radius:var(--radius);font-family:var(--font-ui);align-items:center;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--near-black);color:var(--white);border:none}.btn-primary:hover{background:var(--blue-deep);color:var(--white)}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--near-black);color:var(--near-black)}.petition-success-icon{background:var(--blue-pale);width:96px;height:96px;color:var(--blue-mid);border-radius:50%;justify-content:center;align-items:center;animation:.6s cubic-bezier(.19,1,.22,1) successPop;display:inline-flex}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}[data-reveal].revealed{opacity:1;transform:none!important}.reveal-up{transform:translateY(60px)}.reveal-up.revealed{transform:translateY(0)}.reveal-scale{transform:scale(.92)}.reveal-scale.revealed{transform:scale(1)}.line-mask{display:block;overflow:hidden}.line-mask span{display:block}@media (width<=1200px){.member-grid{grid-template-columns:repeat(2,1fr)}.site-header{padding:16px 40px}.hero{padding:120px 40px}.grid-4,.quick-links{grid-template-columns:repeat(2,1fr)}.six-powers{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-search{max-width:100%}}@media (width<=768px){.member-grid{grid-template-columns:1fr}.site-header{padding:12px 20px}.hero{padding:100px 20px}.hero-headline{letter-spacing:-2px;font-size:clamp(36px,10vw,56px)}.hero-subtitle{font-size:16px}.grid-2,.grid-3,.quick-links,.six-powers,.footer-grid{grid-template-columns:1fr}.nav-links{top:var(--header-height);background:var(--white);padding:var(--space-lg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:absolute;left:0;right:0}.nav-links.open{display:flex}.nav-links.open a,.nav-links.open button{color:var(--text-primary)!important}.nav-links.open a:hover,.nav-links.open button:hover{color:var(--near-black)!important;background:#0000000a!important}.site-header.scrolled .nav-links a{color:var(--text-primary)}.mobile-nav-toggle{display:block}.hero-search-outer{padding:8px}.hero-search-meta{flex-wrap:wrap;gap:4px;font-size:10px}.hero-search-actions-left{flex-wrap:wrap}}