:root{--cc-bg:#f3efe7;--cc-paper:#faf7f1;--cc-ink:#38332d;--cc-muted:#70665b;--cc-line:#d9cfc1;--cc-accent:#9b471e;--cc-soft:#eee0d0}html[data-theme="light"]{--cc-bg:#f3efe7;--cc-paper:#faf7f1;--cc-ink:#38332d;--cc-muted:#70665b;--cc-line:#d9cfc1;--cc-accent:#9b471e;--cc-soft:#eee0d0}*{box-sizing:border-box}html{background:var(--cc-bg)}body{margin:0;background:var(--cc-bg);color:var(--cc-ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.center-nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cc-line)}.center-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:7px;background:var(--cc-ink);color:var(--cc-paper);font:800 12px/1 Georgia,serif;letter-spacing:.08em}.center-brand strong{display:block;font:600 22px/1.15 Georgia,"Times New Roman",serif}.center-brand small{display:block;margin-top:4px;color:var(--cc-muted);font-size:10px;letter-spacing:.28em}.center-nav button{width:38px;height:38px;border:1px solid var(--cc-line);border-radius:50%;background:transparent;color:var(--cc-ink);font-size:19px;cursor:pointer}.center-intro{padding:28px 0 24px}.center-intro h1{margin:0;font:600 clamp(28px,4vw,38px)/1.35 "Source Han Serif SC","Noto Serif CJK SC","Songti SC",serif}.center-intro p{margin:8px 0 0;color:var(--cc-muted);font-size:14px}.course-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 15px;border-bottom:1px solid var(--cc-line)}.course-filters{display:flex;flex-wrap:wrap;gap:5px}.course-filters button{border:0;border-radius:5px;background:transparent;color:var(--cc-muted);padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.course-filters button.active{background:var(--cc-accent);color:#fff}.course-search{display:flex;align-items:center;gap:8px;min-width:215px;border:1px solid var(--cc-line);border-radius:5px;padding:7px 10px;color:var(--cc-muted)}.course-search span{font-size:20px;line-height:1}.course-search input{width:100%;border:0;background:transparent;color:var(--cc-ink);font:inherit;font-size:12px;outline:0}.course-count{margin:15px 0;color:var(--cc-muted);font-size:11px}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.course-card{min-width:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.course-cover{position:relative;display:flex;min-height:250px;flex-direction:column;align-items:center;overflow:hidden;border-radius:7px;padding:20px;color:#fff6e8;box-shadow:inset 0 0 0 8px rgba(255,255,255,.04);transition:transform .2s}.course-card:hover .course-cover{transform:translateY(-4px)}.course-cover:before,.course-cover:after{position:absolute;top:38px;left:calc(50% - 100px);width:200px;height:200px;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:""}.course-cover:after{top:28px;left:calc(50% - 72px);width:144px;height:214px}.tone-sage{background:#596c55}.tone-clay{background:#8c6353}.tone-ochre{background:#9c7e48}.tone-blue{background:#5b6872}.cover-top,.cover-bottom{position:relative;z-index:1;align-self:stretch;font:9px/1 Georgia,serif;letter-spacing:.13em}.cover-top{display:flex;justify-content:space-between}.cover-symbol{position:relative;z-index:1;height:112px;padding-top:18px;color:#ead4a8;font:88px/1 Georgia,serif}.cover-title{position:relative;z-index:1;text-align:center;font:600 22px/1.35 "Source Han Serif SC","Songti SC",serif;letter-spacing:.08em}.cover-en{position:relative;z-index:1;margin-top:8px;text-align:center;font:italic 10px Georgia,serif}.cover-bottom{margin-top:auto;text-align:center;font-size:8px}.course-status{position:absolute;top:37px;right:10px;border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:3px 6px;font-size:9px}.course-copy{padding-top:13px}.course-copy small{color:var(--cc-muted);font-size:10px;letter-spacing:.07em}.course-copy h2{margin:7px 0;font:600 19px/1.35 "Source Han Serif SC","Songti SC",serif}.course-copy h2 span{float:right;color:var(--cc-muted);font:18px/1 sans-serif}.course-copy p{min-height:56px;margin:0;color:var(--cc-muted);font-size:11px;line-height:1.8}.course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.course-tags span{border-radius:3px;background:var(--cc-soft);padding:3px 7px;color:var(--cc-muted);font-size:9px}.course-empty{padding:45px 0;text-align:center;color:var(--cc-muted)}footer{margin-top:34px;padding:20px 0;border-top:1px solid var(--cc-line);color:var(--cc-muted);font-size:10px;text-align:center}dialog{width:min(580px,calc(100% - 32px));border:1px solid var(--cc-line);border-radius:13px;background:var(--cc-paper);color:var(--cc-ink);padding:42px}dialog::backdrop{background:rgba(38,31,26,.48);backdrop-filter:blur(4px)}dialog h2{margin:4px 0 12px;font:600 30px/1.35 "Source Han Serif SC","Songti SC",serif}.detail-category,.detail-note{color:var(--cc-muted);font-size:12px}.dialog-close{position:absolute;top:10px;right:15px;border:0;background:transparent;color:var(--cc-ink);font-size:28px;cursor:pointer}.detail-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.detail-links a{border-radius:6px;background:var(--cc-accent);padding:10px 14px;color:#fff;text-decoration:none;font-size:12px}.detail-note{margin-bottom:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}html[data-theme="dark"]{--cc-bg:#211f1c;--cc-paper:#292621;--cc-ink:#e0d8cc;--cc-muted:#b4a797;--cc-line:#484036;--cc-accent:#e4a06a;--cc-soft:#3b3026}@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-cover{min-height:280px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.center-nav{height:72px}.brand-mark{width:39px;height:39px}.center-brand strong{font-size:19px}.center-intro{padding:23px 0 20px}.center-intro h1{font-size:27px}.course-toolbar{align-items:stretch;flex-direction:column;gap:12px}.course-filters{gap:2px}.course-filters button{padding:8px 9px;font-size:11px}.course-search{min-width:0}.course-grid{gap:24px 14px}.course-cover{min-height:225px;padding:14px 10px}.cover-symbol{height:96px;padding-top:15px;font-size:70px}.cover-title{font-size:18px}.course-copy h2{font-size:17px}.course-copy p{min-height:74px}.course-tags{margin-top:8px}dialog{padding:35px 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}