:root{color-scheme:light;font-family:system-ui,"Noto Sans TC",sans-serif;color:#193e30;background:#f2f5ed}*{box-sizing:border-box}body{margin:0}header{padding:20px max(20px,calc((100vw - 1080px)/2));background:#173c2d;display:flex;justify-content:space-between;gap:24px}header a{color:#edf3dd;text-decoration:none}a,button{min-height:44px;display:inline-flex;align-items:center}main{max-width:1080px;margin:auto;padding:48px 24px}h1{font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.04em;line-height:1.4}h2,h3{line-height:1.5}.intro,.note{max-width:760px;line-height:1.9;color:#526a57}.eyebrow{font-size:.85rem;letter-spacing:.16em;color:#597147}.personal{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:32px;margin:32px 0 48px;background:#e1ebd5;padding:32px;border:1px solid #b7cba3;border-radius:22px}.personal h2{margin:4px 0}progress{width:100%;max-width:540px;height:14px;accent-color:#365f3b}.levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.level-card{padding:24px;border:1px solid #c9d4c0;border-radius:18px;background:#fff}.level-card.current{border:2px solid #52723a;background:#f6f9ee}.level-card h3{margin:0}.card-heading{display:flex;align-items:center;gap:16px}.card-heading svg{width:68px;height:68px;flex-shrink:0}.level-card p{line-height:1.75}.state{font-size:.8rem;color:#567042}.pending{font-size:.85rem;color:#687168;border-top:1px solid #e4e9df;padding-top:12px}.badge{width:100%;height:auto;color:#42633c}.badge text{font:700 14px system-ui}.personal .badge{max-width:140px}button,#login{padding:10px 18px;background:#dce9bd;border:1px solid #90aa6e;border-radius:9px;color:#193e30}footer{padding:28px 24px;text-align:center;color:#5b6c58;font-size:.85rem}[hidden]{display:none!important}:focus-visible{outline:3px solid #739849;outline-offset:4px}@media(max-width:600px){main{padding:28px 18px}.personal{padding:24px 18px;gap:16px;grid-template-columns:82px 1fr}.levels{grid-template-columns:1fr}.level-card{padding:20px}header{padding:12px 18px}h2{font-size:1.2rem}}

.card-heading .honor-badge{width:112px;height:auto;flex-shrink:0}.personal .honor-badge{width:160px;max-width:100%}.personal{grid-template-columns:170px 1fr}.card-heading{min-height:140px}.level-card{padding:28px}.level-card.current{outline:2px solid #789450;outline-offset:3px}@media(max-width:600px){.card-heading .honor-badge{width:100px}.personal{grid-template-columns:96px 1fr}.level-card{padding:22px}.card-heading{gap:12px}.honor-title{font-size:1.06rem}}