@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700;900&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{--color-primary: #0F766E;--color-secondary: #14B8A6;--color-cta: #0369A1;--color-background: #F0FDFA;--color-surface: #FFFFFF;--color-text: #134E4A;--color-text-muted: #475569;--color-border: #E2E8F0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--font-heading-en: "Cinzel", serif;--font-heading-zh: "Noto Serif TC", serif;--font-body: "Noto Sans TC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-zh);font-weight:700;line-height:1.2}h1 .en,h2 .en{font-family:var(--font-heading-en)}a{text-decoration:none;color:inherit;cursor:pointer}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.bg-surface{background-color:var(--color-surface)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;font-family:var(--font-body);transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--color-cta);color:#fff}.btn-primary:hover{background:#025785;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.card{background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.section-padding{padding:var(--space-4xl) 0}.massive-title{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.02em;margin-bottom:var(--space-lg)}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-link{font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:var(--font-body)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f766e1a}.menu-toggle{display:none;cursor:pointer;color:var(--color-primary)}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:absolute;top:80px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--space-md);box-shadow:var(--shadow-md);transform:translateY(-150%);opacity:0;transition:all .3s ease;visibility:hidden}.nav-links.nav-active{transform:translateY(0);opacity:1;visibility:visible}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.split-portal{flex-direction:column;gap:var(--space-md)!important}.timeline-item,.timeline-item:nth-child(2n){justify-content:flex-end!important;padding-right:0!important;padding-left:30px!important}.timeline:before{left:10px!important}.timeline-item:after,.timeline-item:nth-child(2n):after{left:0!important}.container.grid{grid-template-columns:1fr!important}}.nav-user-info{display:flex;align-items:center;gap:var(--space-sm)}.nav-user-name{font-weight:500;color:var(--color-text);font-size:.9rem}.nav-role-badge{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600}.btn-logout{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:var(--font-body)}.btn-logout:hover{border-color:#dc2626;color:#dc2626}