@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";
:root{--paper:#fbfaf6;--white:#fffefa;--ink:#173e3b;--green:#155b52;--muted:#6a7771;--line:#dce2d9;--coral:#bc6a55;--pale:#edf2e9;--radius:12px;--shadow:0 12px 40px #183c3509;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans TC,sans-serif;font-size:16px;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:.01em;font-family:Noto Serif TC,serif;font-weight:500;line-height:1.5}h1{font-size:clamp(2.25rem,4vw,4rem);line-height:1.45}h2{font-size:clamp(1.7rem,2.8vw,2.65rem)}h3{font-size:1.35rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:hover{color:var(--green)}p{color:var(--muted)}small{font-size:.8125rem}svg{flex-shrink:0}label{font-size:.9rem;font-weight:500}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;min-height:46px;padding:11px 14px}textarea{resize:vertical;min-height:105px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--green)}button{border:0}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);padding:15px 16px;font-size:.9rem}th{color:var(--muted);background:#f4f5ef;font-weight:500}td a,strong{font-weight:600}.container{max-width:1200px;margin:0 auto;padding-left:30px;padding-right:30px}.site-header{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:20px;padding:22px 4%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:1.5rem;font-style:italic;display:grid}.brand strong{letter-spacing:.1em;display:block}.brand small{letter-spacing:.09em;color:var(--muted);font-size:.7rem;display:block}.site-header nav{gap:30px;font-size:.9rem;display:flex}.site-header .active{color:var(--green)}.header-invite{border:1px solid var(--green);border-radius:5px;align-items:center;gap:12px;padding:8px 15px;font-size:.875rem;display:flex}.subnav{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:13px 30px;font-size:.8125rem;display:flex}.subnav>div{gap:26px;display:flex}.subnav a{align-items:center;gap:4px;display:flex}.subnav>span{color:var(--muted)}.eyebrow{letter-spacing:.16em;color:var(--coral);margin-bottom:18px;font-size:.75rem;font-weight:600}.tiny-line{background:var(--coral);vertical-align:middle;width:28px;height:1px;margin-right:8px;display:inline-block}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;padding-top:65px;padding-bottom:65px;display:grid}.hero h1 span{color:var(--green)}.hero .lead{color:var(--ink);margin-bottom:10px;font-size:1.15rem}.hero-copy>p{font-size:.95rem}.actions{align-items:center;gap:25px;margin:28px 0;display:flex}.button{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:6px;justify-content:center;align-items:center;gap:15px;padding:13px 23px;font-size:.9rem;transition:all .15s;display:inline-flex}.button:hover{color:#fff;background:#0b453e}.button.secondary{color:var(--green);background:0 0}.button.light{background:var(--white);border-color:var(--white);color:var(--green)}.button.small{padding:7px 13px;font-size:.85rem}.text-link{align-items:center;gap:12px;font-size:.875rem;font-weight:500;display:inline-flex}.hero-note{color:var(--muted);margin-top:36px;font-size:.75rem}.dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.portrait-frame{background:#e1e8df;border-radius:160px 160px 10px 10px;height:425px;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:center 26%}.image-label{color:#fff;text-shadow:0 1px 5px #000;font-family:Noto Serif TC,serif;position:absolute;bottom:20px;left:22px}.portrait-caption{grid-template-columns:1fr auto;gap:1px;margin-top:18px;display:grid}.portrait-caption small{color:var(--muted);grid-column:1}.handwritten{color:var(--coral);grid-area:1/2/3;align-self:center;font-family:Georgia,serif;font-size:.95rem;font-style:italic}.topic-ribbon{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-evenly;padding:23px 30px;display:flex}.topic-ribbon>span{align-items:center;gap:14px;font-family:Georgia,serif;font-size:1.3rem;display:flex}.topic-ribbon small{color:var(--muted);font-family:Noto Sans TC,sans-serif;font-size:.8rem}.section{padding-top:78px;padding-bottom:78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){font-size:.9rem}.topic-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.topic-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:30px;transition:box-shadow .2s,border-color .2s;display:flex}.topic-card:hover{box-shadow:var(--shadow);border-color:#9aafa4}.card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-top .eyebrow{color:var(--green);letter-spacing:.06em;margin:0}.card-top>svg{color:#96aaa0}.topic-card h3{margin-bottom:15px;font-size:1.5rem}.topic-card p{flex:1;font-size:.9rem}.card-meta{border-top:1px solid var(--line);gap:9px;margin-bottom:20px;padding-top:18px;display:grid}.card-meta span{color:var(--muted);align-items:flex-start;gap:8px;font-size:.8125rem;display:flex}.card-meta svg{margin-top:4px}.topic-card .text-link{color:var(--green);justify-content:space-between}.student-strip{background:var(--green);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:25px;padding:36px 42px;display:flex}.student-strip p{color:#cfddd1;margin-bottom:0;font-size:.9rem}.student-strip .eyebrow{color:#dbbd94;margin-bottom:12px}.student-strip h2{margin-bottom:12px;font-size:1.8rem}.student-strip .button{flex-shrink:0}.steps{grid-template-columns:repeat(3,1fr);gap:50px;display:grid}.steps>div{border-top:1px solid var(--line);padding-top:25px}.steps svg{color:var(--green);margin-bottom:24px;display:block}.steps span{color:var(--coral);font-size:.8rem}.steps h3{margin-top:10px}.steps p{font-size:.9rem}.closing{text-align:center;background:#edf1e9;padding:70px 20px}.closing h2{margin-bottom:30px}.closing>.text-link{justify-content:center;margin-top:20px;display:flex}.site-footer{justify-content:space-between;gap:30px;max-width:1200px;margin:auto;padding:48px 30px;display:flex}.site-footer p{margin:15px 0;font-size:.875rem}.site-footer small{color:var(--muted)}.site-footer>div:last-child{flex-direction:column;gap:12px;font-size:.875rem;display:flex}.site-footer a{align-items:center;gap:8px;display:inline-flex}.footer-links{color:var(--muted);gap:20px;margin-top:14px;display:flex}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.page-intro{padding-top:55px;padding-bottom:32px}.page-intro h1{margin-bottom:16px;font-size:2.7rem}.page-intro p{max-width:700px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:30px;padding:8px 17px;font-size:.875rem}.chip.selected{background:var(--green);color:#fff;border-color:var(--green)}.search-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.search-row input{max-width:340px}.result-count{color:var(--muted);font-size:.875rem}.breadcrumb{color:var(--muted);margin-bottom:28px;font-size:.8rem}.detail-layout{grid-template-columns:1fr 300px;gap:50px;padding-bottom:60px;display:grid}.detail-layout h1{font-size:2.8rem}.detail-layout h2{margin-top:38px;font-size:1.6rem}.detail-layout ul{color:var(--muted);padding-left:24px}.side-card{background:var(--pale);border-radius:10px;height:fit-content;padding:28px;position:sticky;top:30px}.side-card h3{font-size:1.2rem}.side-card .button{width:100%}.side-card p{font-size:.875rem}.notice{color:#756339;background:#f9f5e8;border:1px solid #dfd8bf;border-radius:8px;margin:20px 0;padding:15px 20px;font-size:.875rem}.notice.success{color:var(--green);background:#edf5eb;border-color:#bed2ba}.notice.error{color:#903e2c;background:#fff0eb;border-color:#eccabd}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:10px;padding:50px 20px}.form-layout{grid-template-columns:minmax(0,1fr) 300px;gap:45px;padding-bottom:65px;display:grid}.form-panel{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:32px}.form-steps{justify-content:space-between;gap:10px;margin-bottom:30px;display:flex}.form-step{color:var(--muted);align-items:center;gap:9px;font-size:.875rem;display:flex}.form-step b{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:400;display:grid}.form-step.current{color:var(--green)}.form-step.current b{background:var(--green);color:#fff}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{gap:7px;margin-bottom:18px;display:grid}.field.full{grid-column:1/-1}.field-hint{color:var(--muted);font-size:.8rem}.checks{flex-wrap:wrap;gap:12px 20px;display:flex}.check{align-items:center;gap:9px;font-size:.875rem;font-weight:400;display:flex}.form-actions{border-top:1px solid var(--line);justify-content:space-between;margin-top:25px;padding-top:24px;display:flex}.form-aside h3{font-size:1.2rem}.form-aside{padding-top:12px}.form-aside p{font-size:.875rem}.form-aside>div{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:16px}.honey{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.calendar-toolbar h2{margin:0;font-size:1.6rem}.icon-button{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:9px;display:inline-flex}.calendar-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.weekday{text-align:center;background:var(--pale);padding:12px;font-size:.85rem}.day{background:var(--white);flex-direction:column;gap:14px;min-height:110px;padding:13px;display:flex}.day.blank{background:#f4f3ee}.day>strong{font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.day small{color:var(--muted);font-size:.75rem}.day.busy{background:#fcf2e9}.day.unavailable{background:#f1f0ed}.day.today>strong{color:#fff;background:var(--green);text-align:center;border-radius:50%;width:30px;height:30px}.legend{color:var(--muted);gap:20px;margin:25px 0;font-size:.8rem;display:flex}.calendar-content{max-width:960px;padding-bottom:60px}.login-wrap{max-width:560px;margin:auto;padding:70px 25px}.login-card{background:var(--white);border:1px solid var(--line);text-align:center;border-radius:12px;padding:38px}.login-card h1{font-size:2rem}.login-card p{font-size:.9rem}.admin-shell{grid-template-columns:235px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce7df;background:#133e38;height:100vh;padding:30px 22px;position:sticky;top:0}.sidebar .brand-mark{background:#fff2}.sidebar .brand small{color:#b3c6ba}.sidebar nav{gap:6px;margin-top:35px;display:grid}.sidebar nav a{border-radius:5px;align-items:center;gap:12px;padding:11px;font-size:.875rem;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff13}.sidebar-footer{color:#a9c0b4;margin-top:45px;font-size:.75rem}.admin-main{min-width:0;padding:30px 40px}.admin-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px;padding-bottom:20px;display:flex}.admin-topbar input{background:var(--white);width:280px}.admin-heading{justify-content:space-between;align-items:center;margin:25px 0;display:flex}.admin-heading h1{margin:0;font-size:2rem}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.stat{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:20px}.stat span{color:var(--muted);font-size:.85rem}.stat strong{color:var(--green);margin-top:5px;font-family:Georgia,serif;font-size:2.2rem;display:block}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:26px}.panel h2{font-size:1.3rem}.panel p{font-size:.9rem}.table-wrap{border:1px solid var(--line);border-radius:8px;margin-bottom:26px;overflow:auto}.badge{background:var(--pale);color:var(--green);white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:.75rem;display:inline-block}.badge.warn{color:#89582e;background:#f8e8d8}.badge.muted{color:var(--muted);background:#eeefeb}.admin-two{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.record-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.record-grid dt{color:var(--muted);font-size:.8rem}.record-grid dd{white-space:pre-wrap;word-break:break-word;margin:4px 0 12px}.inline-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline-form .field{flex:1;min-width:140px}.inline-form button{margin-bottom:18px}.checklist{gap:10px;display:grid}.checklist form{align-items:center;gap:12px;display:flex}.checklist button{background:var(--pale);color:var(--green);border-radius:5px;padding:7px;font-size:.85rem}.prose{max-width:780px;margin:auto;padding:50px 25px}.prose h1{font-size:2.4rem}.prose h2{margin-top:30px;font-size:1.4rem}@media (max-width:1000px){.hero{gap:35px}.site-header nav{gap:15px}.hero h1{font-size:2.7rem}.portrait-frame{height:370px}.subnav>span{display:none}.admin-shell{grid-template-columns:190px 1fr}.admin-main{padding:25px}.admin-two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media (max-width:760px){.site-header{padding:16px 20px}.site-header nav{display:none}.brand small{font-size:.65rem}.subnav{padding:12px 20px;overflow:auto}.subnav>div{white-space:nowrap;gap:22px}.container{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:38px}.hero h1{font-size:2.55rem}.hero-portrait{width:100%;max-width:390px;margin:auto}.portrait-frame{height:370px}.hero-note{margin-top:25px}.hero .actions{flex-wrap:wrap;gap:20px}.topic-ribbon{grid-template-columns:1fr 1fr;gap:15px;padding:22px;display:grid}.topic-ribbon>span{gap:10px;font-size:1.1rem}.topic-ribbon small{font-size:.7rem}.section{padding-top:45px;padding-bottom:45px}.section-heading{flex-direction:column;align-items:start;gap:18px}.section-heading h2{font-size:1.85rem}.topic-grid{grid-template-columns:1fr;gap:18px}.topic-card{padding:24px}.topic-card h3{font-size:1.35rem}.student-strip{border-radius:0;flex-direction:column;align-items:start;padding:30px 22px}.steps{grid-template-columns:1fr;gap:25px}.steps svg{margin-bottom:15px}.closing{padding:45px 22px}.site-footer{flex-direction:column;padding:35px 22px}.page-intro{padding-top:35px}.page-intro h1{font-size:2rem}.detail-layout{grid-template-columns:1fr;gap:24px}.detail-layout h1{font-size:2rem}.side-card{position:static}.form-layout{grid-template-columns:1fr;gap:20px}.form-panel{padding:22px}.field-grid{grid-template-columns:1fr;gap:0}.form-steps{gap:6px}.form-step{gap:5px;font-size:.75rem}.form-step b{width:25px;height:25px}.search-row{flex-direction:column;align-items:start}.calendar-grid .day{gap:10px;min-height:78px;padding:6px}.day small{font-size:.65rem;line-height:1.4}.weekday{padding:10px 0;font-size:.75rem}.legend{flex-wrap:wrap;gap:10px}.admin-shell{display:block}.sidebar{height:auto;padding:18px;position:static}.sidebar nav{gap:4px;margin-top:15px;display:flex;overflow:auto}.sidebar nav a{white-space:nowrap;padding:8px;font-size:.8rem}.sidebar-footer{display:none}.admin-main{padding:20px 16px}.admin-topbar{flex-wrap:wrap}.admin-topbar input,.admin-topbar form{width:100%}.stats{gap:10px}.stat{padding:15px}.record-grid{grid-template-columns:1fr}.admin-heading{align-items:start;gap:15px}.admin-heading h1{font-size:1.6rem}.panel{padding:20px}.button{padding:11px 18px}.desktop{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width:400px){.hero h1{font-size:2.15rem}.site-header .button{white-space:nowrap;padding:10px;font-size:13px}.brand{font-size:16px}}.header-invite{white-space:nowrap;flex-shrink:0}.inbox-count{color:#542a08;font-variant-numeric:tabular-nums;background:#ffcc80;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:25px;height:25px;margin-left:auto;padding:0 7px;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.stat.stat-inbox{background:#fff4e5;border-color:#e8bf90}.stat.stat-inbox strong{color:#a04413}.task-row{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.quote-document h3{margin-top:24px}.sidebar{overflow-y:auto}@media print{.sidebar,.admin-topbar,.no-print,form{display:none!important}.admin-shell{display:block}.admin-main{padding:0}.panel{break-inside:avoid}.quote-document{color:#111;background:#fff}.prose{max-width:none}}