@charset "UTF-8";
:root{--paper:#fbf6eb;--cream:#f2e6ce;--ink:#49382e;--muted:#766457;--rose:#984761;--line:#d7c6ac;--card:#fffaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 "Microsoft JhengHei","PingFang TC",sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #705497;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--paper);z-index:9}.skip:focus{top:10px}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;gap:32px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:26px/1.2 Georgia,serif;letter-spacing:3px}.brand small{display:block;font:11px/1.8 "Microsoft JhengHei",sans-serif;letter-spacing:3px}.seal{font:32px Georgia;border:1px solid #b29363;border-radius:50% 50% 42% 42%;padding:7px 12px;color:#8c663e}.site-header nav{display:flex;gap:27px;margin-left:auto;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-size:14px;padding:8px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--rose);box-shadow:0 1px var(--rose)}.state,.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 13px;font-size:12px;white-space:nowrap}.state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#8f6b30;margin-right:8px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:45px;padding:66px 0 52px}.eyebrow,.number{font:11px/1.7 sans-serif;letter-spacing:2.8px;color:#806843}.hero-copy .eyebrow{margin-bottom:22px}.wordmark{font:100px/.9 Georgia,serif;letter-spacing:-5px;margin:0 0 28px;color:#6b4a33}.wordmark span{display:block;font:13px/2.8 "Microsoft JhengHei",sans-serif;letter-spacing:9px;margin:12px 0 0 6px}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU",serif;font-weight:600;line-height:1.5}h1{font-size:clamp(32px,3.1vw,47px);letter-spacing:2px;margin:18px 0}h2{font-size:29px;margin:10px 0 18px}h3{font-size:24px}.lead{color:var(--muted);line-height:2;font-size:16px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--rose);color:#fffaf3;border:0;border-radius:8px;text-decoration:none;font-size:15px;padding:13px 23px;min-height:48px}.button:hover{background:#7f344d}.text-link{font-size:14px;text-decoration:none}.quiet{font-size:13px;color:var(--muted)}.hero-copy>.quiet{margin-top:22px}.hero-art{margin:0;position:relative}.hero-art img{width:100%;height:580px;object-fit:cover;object-position:53% center;display:block;border-radius:160px 160px 14px 14px;border:7px solid #eee0c6;box-shadow:0 16px 50px #8667461a}.hero-art figcaption{font-size:10px;letter-spacing:1px;color:var(--muted);text-align:right;margin-top:12px}.notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:28px;font-size:14px}.notice>span{color:var(--rose);white-space:nowrap}.notice p{margin:0;flex:1}.notice a{white-space:nowrap;font-size:13px}.section{padding:65px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{display:block;text-decoration:none;padding:32px;background:#eee7d9;border:1px solid #dfd3bd;border-radius:14px}.feature.rose{background:#f3e3e4;border-color:#e4cdce}.feature.gold{background:#f1e4c6;border-color:#e0cc9f}a.feature:hover{transform:translateY(-4px);box-shadow:0 12px 24px #69503b12}.feature p{color:#685649}.arrow{display:block;margin-top:32px;font-size:14px}.journal-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e8dcc6;border-radius:14px;padding:40px 50px;margin:8px 0 65px}.status-line{font-size:14px;line-height:2;color:#68513e}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px 5%;max-width:1440px;margin:auto}.site-footer p{font-size:13px}.site-footer>a:last-child{font-size:13px}.page-intro{max-width:820px;padding:60px 0 25px}.page-intro h1{font-size:40px}.filters{display:flex;gap:16px;flex-wrap:wrap;background:var(--cream);padding:20px;border-radius:10px}.filters label{font-size:13px;flex:1;min-width:150px}.filters label:first-child{flex:2}input,select{display:block;width:100%;padding:11px 13px;background:#fffaf2;color:var(--ink);border:1px solid #bfae95;border-radius:6px;min-height:46px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.class-card{padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--card);scroll-margin-top:25px}.class-card:target{outline:3px solid var(--rose)}.class-card h2{font-size:24px}.class-card p{font-size:14px}.class-card details{border-top:1px solid var(--line);padding-top:15px}.class-card summary{font-size:13px;color:var(--rose)}.lineage{padding:10px;background:var(--cream);border-radius:6px}.rate{font:48px Georgia,serif}.rate small{display:block;font:12px/2 sans-serif}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.live-list{margin:20px 0}.live-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #cdbca5}.live-list dd{font-size:14px;margin:0}.query-box,.quiz-panel{max-width:820px;margin:40px auto 70px;padding:35px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.query-row{display:flex;gap:12px;margin-top:10px}.query-row input{flex:1;min-width:0}.query-row button{white-space:nowrap}fieldset{border:0;padding:0;margin:22px 0}legend{font:25px/1.6 "Microsoft JhengHei",sans-serif;margin-bottom:25px}.answer{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;margin:10px 0;cursor:pointer}.answer:has(input:checked){background:#f2dfe5;border-color:var(--rose)}.answer input{width:18px;min-height:auto;accent-color:var(--rose)}.secondary{padding:12px 20px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink)}.secondary:disabled{opacity:.4;cursor:default}#quiz-error{color:#96382b}#class-count{font-size:13px;margin:20px 0}@media(min-width:1450px){.hero-art img{height:640px}}@media(max-width:1050px){.site-header{gap:18px}.site-header nav{gap:16px}.state{display:none}.hero{gap:30px}.hero-art img{height:530px}.class-grid{grid-template-columns:repeat(2,1fr)}.feature{padding:24px}.wordmark{font-size:85px}}@media(max-width:760px){.site-header{display:block;padding:20px 5%}.site-header nav{margin:20px 0 0;gap:20px;flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.site-header nav a{white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.hero-art img{height:400px;border-radius:100px 100px 12px 12px}.wordmark{font-size:85px}.hero-copy .lead br{display:none}.notice{display:block}.notice p{margin:12px 0}.feature-grid,.community-grid{grid-template-columns:1fr}.section{padding:42px 0}.section-heading{display:block}.section-heading>.quiet{display:block;margin-top:15px}.journal-callout{display:block;padding:28px;margin-bottom:40px}.journal-callout .button{margin-top:10px}.site-footer{display:block}.site-footer p{margin:20px 0}.page-intro{padding-top:35px}.page-intro h1{font-size:32px}.class-grid{grid-template-columns:1fr}.query-box,.quiz-panel{padding:22px}.query-row{flex-direction:column}.filters label{min-width:120px}.hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.feature:hover{transform:none}}