@charset "UTF-8";
:root{--ink:#293b32;--muted:#6d756d;--orange:#dd633b;--paper:#fcf9f3;--line:#e5e4d9;--sage:#e7ecdf;--radius:20px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d25b38;outline-offset:4px}[hidden]{display:none!important}p{line-height:1.9}h1,h2,h3,p{margin-top:0}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.preview-strip{background:#293b32;color:#fff;padding:9px 24px;font-size:12px;text-align:center}.preview-strip a{margin-left:20px;color:#f5c8a2}.site-header{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-weight:750;font-size:23px;white-space:nowrap}.brand img{width:52px;height:52px;border-radius:15px}.brand small{display:block;font-size:10px;letter-spacing:1.8px;margin-top:5px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;padding:15px 22px;font-weight:600;border:0;font-size:14px;line-height:1.5}.pill:hover{text-decoration:none;filter:brightness(.95)}.primary{background:var(--orange);color:#fff}.dark{background:var(--ink);color:#fff}.light{background:#f6f0de;color:var(--ink)}.outline{background:transparent;border:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding-top:74px;padding-bottom:78px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;margin-bottom:23px}.hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.4;letter-spacing:-2px;font-weight:750;margin-bottom:25px}.accent{color:var(--orange)}.lede{font-size:16px;color:var(--muted);line-height:2}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0 45px}.text-link{font-size:14px}.hero-meta{display:flex;gap:22px;font-size:11px;color:var(--muted)}.hero-meta b{font-family:Georgia,serif;color:var(--orange);margin-right:6px}.study-art{background:#e5ebdd;border-radius:120px 14px 14px 14px;padding:32px;position:relative;min-height:415px;transform:rotate(2deg)}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;align-items:center}.art-top{padding-left:36px;margin-bottom:25px}.art-top span:last-child{font-size:34px;color:var(--orange)}.note-paper{background:#fffdf7;transform:rotate(-6deg);padding:36px 25px 25px;border:1px solid #d6dcca;box-shadow:0 12px 0 #cfdbc844}.paper-kicker{font-size:11px;color:var(--muted)}.note-paper h2{font-family:Georgia,serif;font-size:39px;font-weight:500;line-height:1.25;margin:20px 0 17px}.note-paper em{color:var(--orange)}.paper-line{height:1px;background:#deded1}.note-paper p{font-size:11px;margin:16px 0}.paper-checks{display:flex;gap:15px;font-size:10px}.round-stamp{position:absolute;right:-13px;bottom:56px;border-radius:50%;width:110px;height:110px;background:var(--orange);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);font-size:27px;border:5px solid var(--paper);font-weight:700}.round-stamp small{font-size:6px;letter-spacing:1px;margin-top:7px}.art-bottom{margin-top:28px}.proof-line{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:13px}.proof-line>span{background:#f8e3cc;color:#924821;padding:7px 12px;font-weight:600;white-space:nowrap}.proof-line p{margin:0;flex:1;color:var(--muted)}.proof-line a{font-size:12px}.section{padding-top:84px;padding-bottom:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}.section h2,.approach-section h2{font-size:35px;font-weight:650;line-height:1.5;letter-spacing:-.8px;margin-bottom:20px}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;gap:16px;margin:22px 0 27px;align-items:center}.segmented{display:flex;background:#eeeede;padding:5px;border-radius:9px;gap:5px}.segmented button{background:none;border:0;padding:10px 22px;color:var(--muted);border-radius:6px;font-size:13px}.segmented button.active{background:var(--ink);color:white}.subject-filter{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}select{background:#fffdf7;border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--ink)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.course-card{border:1px solid var(--line);background:#fffdf8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.course-cover{min-height:155px;padding:24px;position:relative;background:#f3e3d3;overflow:hidden}.course-cover.sage{background:#e3eadc}.course-cover.lavender{background:#e9e5ef}.course-cover.cream{background:#f0e9d7}.course-cover small{font-size:10px;letter-spacing:1.5px}.course-cover h3{font-size:25px;margin:17px 0 0;font-weight:650;max-width:78%;position:relative;z-index:1}.course-symbol{position:absolute;font:120px Georgia,serif;right:18px;bottom:-13px;opacity:.12}.course-info{padding:23px;flex:1;display:flex;flex-direction:column}.course-info h3{font-size:17px;line-height:1.6;margin-bottom:9px}.course-info p{font-size:12px;color:var(--muted);margin-bottom:20px;flex:1}.course-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:17px}.price{font-size:25px;font-family:Georgia,serif}.price small{font-size:12px}.price-label{display:block;font-size:10px;color:var(--muted);margin-top:4px}.course-bottom button{border:0;background:transparent;font-size:12px;color:var(--ink);padding:10px 0}.quiet{font-size:12px;color:var(--muted);margin:20px 0 0}.approach-section{background:var(--ink);color:#f6f2e8;padding:70px 0}.approach-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.approach-section .eyebrow{color:#c5d3b8}.approach-section h2{font-size:42px}.approach-section h2 em{font-style:normal;color:#e9b18a}.approach-section p{color:#c7d0c6;font-size:14px}.approach-section .pill{margin-top:14px}.learning-steps{list-style:none;margin:0;padding:0}.learning-steps li{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid #607267}.learning-steps li:first-child{padding-top:0}.learning-steps li>span{font:26px Georgia,serif;color:#c6cfae}.learning-steps h3{font-size:20px;margin-bottom:12px}.learning-steps p{font-size:13px;margin-bottom:0;line-height:1.9}.contact-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact-section p{color:var(--muted);font-size:14px}.public-account{font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.public-account strong{margin-left:18px}.assistant-list{display:flex;flex-direction:column;gap:18px}.assistant{padding:25px;border:1px solid var(--line);border-radius:12px;background:white;display:flex;align-items:center;justify-content:space-between;gap:15px}.assistant p{margin:0;font-size:11px}.assistant strong{display:block;font:24px Georgia,serif;margin:9px 0}.assistant button{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:11px;font-size:12px}.site-footer{background:#eceee4;padding:34px 0 20px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px}.footer-top strong{font-size:17px}.footer-top p{font-size:12px;color:var(--muted);margin:12px 0}.footer-links{display:flex;gap:25px;font-size:12px}.footer-bottom{border-top:1px solid #d7dccc;margin-top:20px;padding-top:20px;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:35px;width:min(650px,calc(100% - 32px));color:var(--ink);max-height:85vh}dialog::backdrop{background:#1b2c24aa;backdrop-filter:blur(3px)}.close-dialog{position:absolute;top:12px;right:15px;border:0;background:none;font-size:26px;color:var(--ink)}dialog h2{font-size:26px;line-height:1.5;padding-right:10px}dialog p,dialog li{font-size:14px;line-height:1.9}dialog ul{padding-left:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:15px 24px;background:var(--ink);color:white;border-radius:10px;z-index:20;max-width:90vw;font-size:14px}.legal{max-width:800px;padding-top:55px;padding-bottom:60px}.legal h1{font-size:32px}.legal h2{font-size:20px;margin-top:30px}.legal p,.legal li{font-size:14px;line-height:2}.notice{padding:17px 20px;background:#f8ebd9;border:1px solid #e5cda9;border-radius:9px;font-size:13px;line-height:1.8}
@media(max-width:1000px){.hero{gap:35px}.hero-meta{gap:12px;font-size:10px}.hero h1{font-size:42px}.site-header nav{gap:16px}.course-grid{gap:14px}.contact-section{gap:30px}.approach-grid{gap:50px}.proof-line{gap:18px}.proof-line a{display:none}.paper-checks{flex-direction:column;gap:7px}.note-paper h2{font-size:32px}.study-art{padding:24px}.course-info{padding:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:16px}.brand{font-size:21px}.site-header nav{width:100%;justify-content:space-between;font-size:12px;gap:7px}.site-header nav .pill{padding:10px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:42px;gap:38px}.hero h1{font-size:40px;letter-spacing:-1px}.lede{font-size:14px}.hero-actions{gap:18px;margin:25px 0 28px}.hero-actions .pill{font-size:13px;padding:14px}.hero-meta{font-size:10px;justify-content:space-between}.study-art{margin:0 15px 0 6px;min-height:350px;max-width:460px}.note-paper h2{font-size:35px}.paper-checks{flex-direction:row}.proof-line{align-items:start;gap:13px;padding:20px 0}.proof-line>span{font-size:10px;padding:7px}.proof-line p{font-size:11px}.section{padding-top:50px;padding-bottom:48px}.section h2{font-size:28px}.section-heading{display:block}.section-heading p br{display:none}.catalog-toolbar{align-items:stretch}.segmented button{padding:9px 13px;font-size:12px}.subject-filter{font-size:0;gap:0}.subject-filter select{font-size:12px;max-width:130px}.course-grid{grid-template-columns:1fr}.course-cover{min-height:130px}.course-cover h3{font-size:26px}.course-info{padding:23px}.course-info h3{font-size:18px}.course-info p{font-size:13px}.course-bottom button{font-size:14px}.approach-section{padding:45px 0}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-section h2{font-size:34px}.learning-steps{margin-top:10px}.learning-steps li{gap:20px}.contact-section{grid-template-columns:1fr;gap:25px}.contact-section h2 br{display:none}.footer-top,.footer-bottom{flex-direction:column;gap:10px}.footer-top p{font-size:11px}.preview-strip{font-size:10px;padding:9px}.preview-strip a{margin-left:8px;white-space:nowrap}dialog{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
