:root{--red:#e63329;--yellow:#f6c700;--blue:#1a4cc4;--ink:#171717;--paper:#f4ede1;--paper-2:#ede3d2;--white:#fbf7ef;--line:3px;--line-bold:5px;--shadow:8px 8px 0 var(--ink);--shadow-sm:5px 5px 0 var(--ink);--shadow-lg:12px 12px 0 var(--ink);--font-display:"Anton", "Archivo Black", "Noto Sans TC", system-ui, sans-serif;--font-body:"Noto Sans TC", "Inter", "PingFang TC", system-ui, sans-serif;--font-mono:"Space Mono", "DM Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#17171709 1px,#0000 1px),linear-gradient(90deg,#17171709 1px,#0000 1px);background-size:28px 28px;line-height:1.55;overflow-x:hidden}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.bg-red{background:var(--red)}.bg-yellow{background:var(--yellow)}.bg-blue{background:var(--blue)}.bg-ink{background:var(--ink)}.c-on-red,.c-on-blue,.c-on-ink{color:var(--white)}.c-on-yellow{color:var(--ink)}.btn{border:var(--line) solid var(--ink);font-family:var(--font-display);letter-spacing:.04em;background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm);text-transform:uppercase;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn-red{background:var(--red);color:var(--white)}.btn-blue{background:var(--blue);color:var(--white)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-line{color:var(--white);background:#06c755}.btn-sm{box-shadow:4px 4px 0 var(--ink);padding:9px 15px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;background:var(--ink);color:var(--white);padding:5px 12px;font-size:12px;display:inline-block}.h-sec{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:14px 0 6px;font-size:clamp(30px,5.2vw,58px);line-height:.98}section{position:relative}.sec{padding:64px 0 12px}.sec-head{margin-bottom:30px}.sec-head p{max-width:560px;margin-top:10px;font-size:15px}.sr{position:absolute;left:-9999px}.nav{z-index:50;background:var(--paper);border-bottom:var(--line-bold) solid var(--ink);position:sticky;top:0}.nav-in{align-items:center;gap:20px;height:66px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{grid-template-rows:14px 14px;grid-template-columns:14px 14px;gap:2px;display:grid;transform:rotate(0)}.brand-mark .bm{border:2px solid var(--ink);width:14px;height:14px}.brand-mark .bm:nth-child(3){border-radius:50%}.brand-txt{font-family:var(--font-display);letter-spacing:.04em;font-size:18px;line-height:1}.brand-txt small{font-family:var(--font-mono);letter-spacing:.28em;opacity:.7;margin-top:3px;font-size:9px;display:block}.nav-links{gap:6px;margin-left:auto;display:flex}.nav-links a{border:2px solid #0000;padding:8px 12px;font-size:15px;font-weight:700}.nav-links a:hover{border-color:var(--ink);background:var(--yellow)}.hero{border-bottom:var(--line-bold) solid var(--ink);background:var(--paper)}.hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:60px 22px 66px;display:grid}.hero-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:18px 0 22px;font-size:clamp(52px,9.5vw,116px);line-height:1.04}.ht-line{display:block}.hl-red{color:var(--red);text-shadow:5px 5px 0 var(--ink)}.hero-sub{max-width:460px;font-size:clamp(15px,2.1vw,19px);font-weight:500}.hero-cta{flex-wrap:wrap;gap:14px;margin:26px 0 24px;display:flex}.hero-chips{flex-direction:column;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.hero-chips li{align-items:center;gap:10px;display:flex}.dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px}.hero-art{position:relative}.art-grid{aspect-ratio:1;border:var(--line-bold) solid var(--ink);width:100%;max-width:430px;box-shadow:var(--shadow-lg);grid-template:"a b c"1fr"d e f"1fr/1fr 1fr 1fr;margin-left:auto;display:grid}.art-cell{border:var(--line) solid var(--ink);margin:-1.5px}.bg-paper{background:var(--white)}.flex-c{place-items:center;display:grid}.art-num{font-family:var(--font-display);color:var(--ink);font-size:90px}.art-float{position:absolute;bottom:-18px;right:-18px;transform:rotate(12deg)}.shape{display:block}.band{grid-template-columns:repeat(4,1fr);height:22px;display:grid}.band-cell{border-right:var(--line) solid var(--ink)}.band-cell:last-child{border-right:none}.note{font-family:var(--font-mono);opacity:.7;margin:22px 0 6px;font-size:12px}.subj-list{gap:22px;display:grid}.subj{background:var(--white);border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow);padding:22px 24px;position:relative;overflow:hidden}.subj:before{content:"";width:12px;position:absolute;top:0;bottom:0;left:0}.subj-red:before{background:var(--red)}.subj-blue:before{background:var(--blue)}.subj-yellow:before{background:var(--yellow)}.subj-black:before{background:var(--ink)}.subj-top{align-items:center;gap:18px;padding-left:8px;display:flex}.subj-badge{border:var(--line) solid var(--ink);background:var(--paper);flex:none;place-items:center;width:66px;height:66px;display:grid}.subj-id{flex:1;min-width:0}.subj-en{font-family:var(--font-mono);letter-spacing:.24em;opacity:.65;font-size:11px}.subj-id h3{font-family:var(--font-display);margin:3px 0 8px;font-size:clamp(22px,3vw,30px);line-height:1}.feat-row{flex-wrap:wrap;gap:7px;display:flex}.feat{border:2px solid var(--ink);background:var(--paper);padding:3px 9px;font-size:12px;font-weight:600}.subj-toggle{flex:none;align-self:flex-start}.subj-picked{font-family:var(--font-mono);background:var(--yellow);border:2px solid var(--ink);margin:12px 0 0 20px;padding:3px 10px;font-size:12px;display:inline-block}.sched{border-top:var(--line) solid var(--ink);margin-top:18px;padding-top:14px;padding-left:8px}.cls-group{margin-bottom:16px}.cls-group:last-child{margin-bottom:0}.cls-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cls-teacher{font-family:var(--font-display);font-size:21px}.cls-name{background:var(--yellow);border:2px solid var(--ink);padding:2px 10px;font-size:14px;font-weight:700}.cls-empty{color:var(--red);border:2px dashed var(--ink);background:var(--paper);padding:10px 12px;font-size:13px;font-weight:600}.row{background:var(--paper);border:var(--line) solid var(--ink);text-align:left;align-items:center;gap:14px;width:100%;margin-bottom:9px;padding:12px 14px;transition:transform 80ms,box-shadow 80ms,background .1s;display:flex}.row:last-child{margin-bottom:0}.row:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.row.sel{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.ck{border:var(--line) solid var(--ink);background:var(--white);width:26px;height:26px;font-family:var(--font-display);flex:none;place-items:center;font-size:16px;line-height:1;display:grid}.row.sel .ck{background:var(--red);color:var(--white)}.row-main{flex:1;min-width:0}.row-main b{font-size:16.5px;font-weight:900;display:block}.row-main small{opacity:.75;margin-top:2px;font-size:12.5px;display:block}.row-tag{font-family:var(--font-mono);border:2px solid var(--ink);background:var(--white);white-space:nowrap;padding:3px 8px;font-size:12px;font-weight:700}.row-date{text-align:right;flex:none;margin-left:auto}.row-date b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.row-date small{font-family:var(--font-mono);font-size:13px;display:block}.fac-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.fac{background:var(--white);border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow);padding:24px;position:relative}.fac-bar{height:12px;position:absolute;top:0;left:0;right:0}.fac-red .fac-bar{background:var(--red)}.fac-blue .fac-bar{background:var(--blue)}.fac-yellow .fac-bar{background:var(--yellow)}.fac-black .fac-bar{background:var(--ink)}.fac-en{font-family:var(--font-mono);letter-spacing:.22em;opacity:.6;margin-top:8px;font-size:11px}.fac h4{font-family:var(--font-display);margin:4px 0 10px;font-size:24px}.fac p{font-size:14px}.fac-teachers{margin-top:12px;font-size:13px}.fac-teachers b{font-family:var(--font-mono);font-size:12px}.contact{border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow);background:var(--white);grid-template-columns:1.2fr .8fr;gap:0;display:grid}.c-col{padding:28px}.c-info{border-right:var(--line) solid var(--ink)}.c-item{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.c-item:last-child{margin-bottom:0}.c-ico{border:var(--line) solid var(--ink);width:44px;height:44px;font-family:var(--font-display);flex:none;place-items:center;font-size:18px;display:grid}.c-item b{font-family:var(--font-display);font-size:16px;display:block}.c-item span{font-size:14px}.c-line{background:var(--paper);flex-direction:column;justify-content:center;gap:16px;display:flex}.c-line p{font-size:14px;font-weight:500}.bar{z-index:60;background:var(--white);border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow);white-space:nowrap;opacity:0;pointer-events:none;align-items:center;gap:16px;padding:12px 14px 12px 22px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(140px)}.bar.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.bar-cnt{font-family:var(--font-display);font-size:16px}.bar-cnt b{color:var(--red);font-variant-numeric:tabular-nums;margin:0 3px;font-size:22px}.form-view{padding:40px 0 120px}.back-links{gap:20px;max-width:660px;margin:0 auto 20px;display:flex}.back-links a{cursor:pointer;border-bottom:2px solid #0000;font-weight:700}.back-links a:hover{border-color:var(--ink)}.form-card{background:var(--white);border:var(--line-bold) solid var(--ink);max-width:660px;box-shadow:var(--shadow-lg);margin:0 auto;padding:34px 32px}.form-lead{margin:8px 0 22px;font-size:14px}.sel-list{border:var(--line) solid var(--ink);background:var(--paper);margin-bottom:26px;padding:6px 14px}.sel-empty{opacity:.6;padding:14px 0;font-size:14px}.sel-item{border-bottom:2px solid #17171726;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.sel-item:last-child{border-bottom:none}.sel-tag{font-family:var(--font-mono);border:2px solid var(--ink);background:var(--yellow);flex:none;padding:3px 8px;font-size:11px;font-weight:700}.sel-txt{flex:1;min-width:0}.sel-rm{border:2px solid var(--ink);background:var(--white);flex:none;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:grid}.sel-rm:hover{background:var(--red);color:var(--white)}.f-group{margin-bottom:18px}.f-group label{font-family:var(--font-display);margin-bottom:8px;font-size:15px;display:block}.f-group label em{color:var(--red);font-style:normal}.f-group input,.f-group select,.f-group textarea{background:var(--paper);border:var(--line) solid var(--ink);width:100%;color:var(--ink);appearance:none;border-radius:0;padding:13px 14px;font-family:inherit;font-size:15px}.f-group textarea{resize:vertical}.f-group input:focus,.f-group select:focus,.f-group textarea:focus{background:var(--white);box-shadow:4px 4px 0 var(--ink);outline:none;transform:translate(-1px,-1px)}.f-group.err input,.f-group.err select{border-color:var(--red);background:#fbe9e7}.f-err{color:var(--red);margin-top:6px;font-size:12.5px;font-weight:700}.form-submit{width:100%;margin-top:8px;padding:17px;font-size:18px}.send-err{border:var(--line) solid var(--red);color:var(--red);background:#fbe9e7;margin-bottom:14px;padding:11px 14px;font-size:13.5px;font-weight:700}.form-hint{font-family:var(--font-mono);text-align:center;opacity:.7;margin-top:12px;font-size:11.5px}.modal{z-index:100;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.scrim{background:#1717178c;position:absolute;inset:0}.modal-box{background:var(--white);border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:430px;padding:36px 30px;animation:.28s cubic-bezier(.22,1,.36,1) pop;position:relative}.modal-box:before{content:"";height:12px;position:absolute;top:0;left:0;right:0}.modal-yellow:before{background:var(--yellow)}.modal-red:before{background:var(--red)}@keyframes pop{0%{opacity:0;transform:translateY(20px)}}.modal-x{background:0 0;border:none;font-size:26px;line-height:1;position:absolute;top:10px;right:12px}.modal-ico{place-items:center;margin:8px auto 4px;display:grid}.modal-box h3{font-family:var(--font-display);margin:12px 0 10px;font-size:24px}.modal-box p{margin-bottom:20px;font-size:14.5px}.modal-box .btn{width:100%}.modal-box .btn+.btn{margin-top:10px}.footer{border-top:var(--line-bold) solid var(--ink);background:var(--paper);margin-top:70px;padding:30px 0 120px}.footer-in{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-shapes{align-items:center;gap:10px;display:flex}.footer-in span{font-family:var(--font-mono);opacity:.8;font-size:12px}@media (width<=900px){.hero-in{grid-template-columns:1fr;gap:30px}.hero-art{order:-1}.art-grid{margin:0 auto}.fac-grid,.contact{grid-template-columns:1fr}.c-info{border-right:none;border-bottom:var(--line) solid var(--ink)}}@media (width<=560px){.nav-links{display:none}.subj-top{flex-wrap:wrap}.subj-toggle{width:100%}.hero-title{font-size:clamp(48px,17vw,90px)}.row{flex-wrap:wrap}.row-date{margin-left:0}}.dash-login{place-items:center;min-height:100dvh;padding:22px;display:grid}.dash-card{background:var(--white);border:var(--line-bold) solid var(--ink);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:34px 30px}.dash-card h1{margin-bottom:18px}.dash-back{text-align:center;margin-top:16px;font-size:13.5px;font-weight:700;display:block}.dash-back:hover{text-decoration:underline}.dash{max-width:1280px;margin:0 auto;padding:34px 22px 80px}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.dash-actions{gap:10px;display:flex}.dash-note{font-family:var(--font-mono);margin-bottom:14px;font-size:13px}.dash-table-wrap{border:var(--line-bold) solid var(--ink);box-shadow:var(--shadow);background:var(--white);overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13.5px}.dash-table th{font-family:var(--font-display);letter-spacing:.06em;background:var(--ink);color:var(--white);text-align:left;white-space:nowrap;padding:10px 12px;font-size:13px}.dash-table td{vertical-align:top;border-bottom:2px solid #1717171f;padding:10px 12px}.dash-table tr:nth-child(2n) td{background:var(--paper)}.dash-table .mono{font-family:var(--font-mono);white-space:nowrap;font-size:12.5px}.dash-table .courses div{margin-bottom:4px}.dash-table .courses div:last-child{margin-bottom:0}.dash-table .note-cell{max-width:200px}