@charset "UTF-8";:root{color-scheme:light;--paper: #f2eee4;--paper-deep: #e8e1d3;--ink: #20231f;--muted: #6f7168;--hairline: rgba(32, 35, 31, .18);--cinnabar: #9e3c2e;--pine: #315d52;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.74),transparent 34%),radial-gradient(circle at 88% 86%,rgba(150,133,99,.12),transparent 38%),var(--paper);display:flex;flex-direction:column;overflow-x:hidden}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.24;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:multiply}.site-header,.site-footer,main{width:min(1380px,calc(100% - 96px));margin-inline:auto}.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);animation:reveal .7s ease both}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-family:Songti SC,STSong,SimSun,serif;font-size:19px;font-weight:700;letter-spacing:.16em}.brand-seal{display:grid;place-items:center;width:32px;height:32px;color:#f7efe0;background:var(--cinnabar);border-radius:2px;font-size:18px;line-height:1;box-shadow:inset 0 0 0 2px #f7efe03d}.header-note,.site-footer{color:var(--muted);font-size:12px;letter-spacing:.22em}main{flex:1}.intro{position:relative;padding:62px 0 48px;animation:reveal .8s .08s ease both}.intro:after{content:"经\a典";white-space:pre;position:absolute;right:1.5%;top:40px;color:#20231f0e;font-family:KaiTi,STKaiti,serif;font-size:clamp(90px,10vw,150px);line-height:.82;pointer-events:none}.eyebrow{margin:0 0 23px;color:var(--cinnabar);font-family:Georgia,Times New Roman,serif;font-size:11px;letter-spacing:.23em}h1{position:relative;z-index:1;margin:0;max-width:900px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(40px,4.5vw,66px);font-weight:600;line-height:1.24;letter-spacing:.055em}h1 span{color:#4c5149}.intro-copy{max-width:580px;margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.95;letter-spacing:.045em}.schools{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hairline);animation:reveal .85s .16s ease both}.school{--accent: var(--cinnabar);position:relative;min-height:330px;padding:30px 34px 27px;display:flex;flex-direction:column;color:var(--ink);text-decoration:none;isolation:isolate;overflow:hidden;transition:color .4s ease,background-color .4s ease}.school+.school{border-left:1px solid var(--hairline)}.school-daodejing{--accent: var(--pine)}.school:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--accent);transform:translateY(101%);transition:transform .48s cubic-bezier(.22,1,.36,1)}.school:after{content:"";position:absolute;left:34px;right:34px;top:66px;height:1px;background:var(--hairline);transition:background-color .4s ease}.school-index{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.2em;transition:color .4s ease}.school-character{position:absolute;z-index:-1;right:22px;top:45px;color:var(--accent);opacity:.075;font-family:KaiTi,STKaiti,serif;font-size:245px;line-height:1;transform:rotate(-5deg);transition:opacity .4s ease,transform .55s ease,color .4s ease}.school-content{display:flex;flex-direction:column;align-items:flex-start;margin-top:58px;max-width:440px}.school-kicker{margin-bottom:12px;color:var(--muted);font-size:12px;letter-spacing:.1em;transition:color .4s ease}.school-name{font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(32px,3vw,44px);font-weight:600;letter-spacing:.1em}.school-description{margin-top:18px;max-width:400px;color:var(--muted);font-size:14px;line-height:1.85;transition:color .4s ease}.school-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;color:var(--muted);font-size:12px;transition:color .4s ease}.enter-label{color:var(--accent);font-weight:600;letter-spacing:.08em;transition:color .4s ease}.arrow{display:inline-block;margin-left:6px;font-family:Georgia,serif;font-size:20px;font-weight:400;transition:transform .35s ease}.school:hover,.school:focus-visible{color:#fffaf0;outline:none}.school:hover:before,.school:focus-visible:before{transform:translateY(0)}.school:hover:after,.school:focus-visible:after{background:#fffaf040}.school:hover .school-index,.school:hover .school-kicker,.school:hover .school-description,.school:hover .school-footer,.school:hover .enter-label,.school:focus-visible .school-index,.school:focus-visible .school-kicker,.school:focus-visible .school-description,.school:focus-visible .school-footer,.school:focus-visible .enter-label{color:#fffaf0d1}.school:hover .school-character,.school:focus-visible .school-character{color:#fffaf0;opacity:.09;transform:rotate(0) scale(1.04)}.school:hover .arrow,.school:focus-visible .arrow{transform:translate(4px,-4px)}.school:focus-visible{box-shadow:inset 0 0 0 3px #fffaf0,inset 0 0 0 5px var(--accent)}.site-footer{min-height:94px;display:flex;align-items:center;justify-content:space-between;animation:reveal .8s .24s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.site-header,.site-footer,main{width:min(100% - 40px,620px)}.site-header{min-height:82px}.header-note{display:none}.intro{padding:43px 0 34px}.intro:after{right:-10px;top:32px}.intro-copy{font-size:14px}.schools{grid-template-columns:1fr}.school{min-height:310px}.school+.school{border-left:0;border-top:1px solid var(--hairline)}.school-character{font-size:220px}.site-footer{min-height:80px}}@media(max-width:480px){.site-header,.site-footer,main{width:calc(100% - 30px)}.brand{font-size:17px}.brand-seal{width:29px;height:29px}.eyebrow{font-size:9px;letter-spacing:.16em}h1{font-size:clamp(34px,10vw,44px);letter-spacing:.025em}.intro-copy{line-height:1.85}.school{min-height:320px;padding:25px 24px 23px}.school:after{left:24px;right:24px;top:61px}.school-content{margin-top:55px}.school-name{font-size:34px}.school-description{font-size:13px}.school-character{right:5px;font-size:200px}.school-footer{gap:10px;font-size:11px}.site-footer{font-size:10px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}