:root{color-scheme:light;--bg: #f6f8fb;--bg-alt: #eaf0f8;--surface: #ffffff;--surface-solid: #ffffff;--navy: #04356b;--navy-deep: #052b57;--brand: #0a4aa0;--brand-light: #0a4aa0;--brand-dark: #04356b;--brand-soft: #e8f0fb;--ev: #0fb98a;--ev-dark: #087a5b;--ev-soft: #e1f5ee;--cyan: #0e9ab8;--accent: #e08a00;--ink: #0e1b33;--text: #1c2a44;--text-muted: #51607a;--border: #d7deea;--border-strong: #b9c5d8;--radius: 6px;--radius-lg: 10px;--maxw: 1200px;--shadow-card: 0 1px 2px rgb(4 53 107 / 6%), 0 10px 28px -14px rgb(4 53 107 / 22%);--shadow-pop: 0 2px 4px rgb(4 53 107 / 8%), 0 18px 40px -16px rgb(4 53 107 / 30%);--serif: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PMingLiU", "MingLiU", serif;--sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6l1-8z'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[id]{scroll-margin-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.8;-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}a{color:var(--brand);text-underline-offset:.2em}a:hover{color:var(--navy)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1rem}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--navy);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}h1,h2,h3{line-height:1.4;color:var(--navy)}h1,h2{font-family:var(--serif);font-weight:700}h1{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:.01em}h2{font-size:clamp(1.45rem,3vw,1.95rem)}h3{font-size:1.15rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ev-dark);margin:0 0 .35rem}.eyebrow:before{content:"";width:.8em;height:1.1em;background:var(--ev);-webkit-mask:var(--bolt) center / contain no-repeat;mask:var(--bolt) center / contain no-repeat}.text-gradient{background:linear-gradient(90deg,#0a4aa0,#0e8a8a 60%,#087a5b);-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding-block:3.5rem}.section--alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__head{margin-bottom:1.75rem}.section__head h1,.section__head h2{margin-bottom:.4rem}.section__head p{color:var(--text-muted);margin:.25rem 0 0}.section__head:after{content:"";display:block;width:7.5rem;height:6px;margin-top:.9rem;border-radius:3px;background:repeating-linear-gradient(90deg,var(--ev) 0 1.1rem,transparent 1.1rem 1.5rem)}.grid{display:grid;gap:1.25rem}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--navy);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.4rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover{border-top-color:var(--ev);box-shadow:var(--shadow-pop)}@media(prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-2px)}}.card h3{margin-top:0}.card p{color:var(--text-muted)}.card a{font-weight:600}.card ul{margin-bottom:0}.prose ul,.card ul{list-style:none;padding-left:0}.prose ul li,.card ul li{position:relative;padding-left:1.4rem}.prose ul li:before,.card ul li:before{content:"";position:absolute;left:.15rem;top:.62em;width:.62em;height:.9em;background:var(--ev);-webkit-mask:var(--bolt) center / contain no-repeat;mask:var(--bolt) center / contain no-repeat}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--radius);background:var(--navy);color:#fff;text-decoration:none;font-weight:600;border:2px solid var(--navy);box-shadow:0 6px 16px -8px #04356b8c;transition:background .2s ease,border-color .2s ease}.btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.btn--ghost{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:none}.btn--ghost:hover{background:var(--brand-soft);border-color:var(--navy);color:var(--navy)}.tag{display:inline-block;font-size:.85rem;padding:.1rem .7rem;border-radius:999px;background:var(--cat-bg, var(--brand-soft));border:1px solid var(--cat-bd, #c7d8f1);color:var(--cat-fg, var(--navy))}[data-cat=科務公告]{--cat-bg: #e3ecf9;--cat-bd: #a9c1e6;--cat-fg: #04356b;--cat-dot: #0a4aa0}[data-cat=課程公告]{--cat-bg: #ece6f8;--cat-bd: #c4b4e6;--cat-fg: #4b2a8a;--cat-dot: #6f45c2}[data-cat=證照]{--cat-bg: #dff5ea;--cat-bd: #9fd9bd;--cat-fg: #0b5c40;--cat-dot: #0fb98a}[data-cat=升學]{--cat-bg: #fdecd2;--cat-bd: #f0c58a;--cat-fg: #7a4300;--cat-dot: #e08a00}[data-cat=競賽]{--cat-bg: #fde4e4;--cat-bd: #f1aaaa;--cat-fg: #9b1c1c;--cat-dot: #d93a3a}[data-cat=活動]{--cat-bg: #dcf3f8;--cat-bd: #9ad3e1;--cat-fg: #0b5a6d;--cat-dot: #0e9ab8}.notice{border-left:4px solid var(--accent);background:#fff6e5;color:#5c3a00;padding:.9rem 1.1rem;border-radius:0 var(--radius) var(--radius) 0}.prose{max-width:46rem}.prose li{margin-bottom:.35rem}.breadcrumb{font-size:.9rem;color:var(--text-muted);padding:1rem 0 0}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.breadcrumb li:after{content:"／";margin-left:.4rem;color:var(--border-strong)}.breadcrumb li:last-child:after{content:""}.breadcrumb__en{font-family:var(--mono);font-weight:700;letter-spacing:.06em;color:var(--ink)}.breadcrumb+main>.section:first-child{padding-top:.5rem}.breadcrumb+main>.section:first-child .section__head h1{margin-top:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}