:root{--ink:#25352f;--muted:#69766f;--line:#e3e8e3;--accent:#42755d;--surface:#eef3ee;--serif:"Noto Serif CJK SC","Songti SC",SimSun,serif;--sans:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0 auto;max-width:1240px;padding:48px 36px 24px;display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:64px;background:#f7f8f6;color:var(--ink);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}.wrap,.article-wrap{width:100%;margin:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:10px 20px;background:var(--ink);color:#fff;border-radius:10px}.skip-link:focus{top:10px}.header{grid-column:1;grid-row:1/3;position:sticky;top:48px;align-self:start;display:flex;flex-direction:column;align-items:stretch;min-height:calc(100dvh - 100px)}main{grid-column:2;min-width:0}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;width:62px;height:62px;background:#e7eee7;border:1px solid #dce6dc;border-radius:20px;color:#3c624d;font:600 25px/1 var(--serif);letter-spacing:1px}.brand-dot{position:absolute;right:5px;bottom:4px;width:10px;height:10px;background:#76957b;border:2px solid #f7f8f6;border-radius:50%}.brand-name{font-size:19px;font-weight:650;letter-spacing:.04em}.brand-name>span{display:block;font:10px/1.5 var(--sans);letter-spacing:.2em;color:#929e93;margin-top:5px}.sidebar-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0 26px}.header nav{display:grid;gap:5px}.header nav a{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:9px;font-size:14px;color:#5f6c63;transition:background .15s,color .15s}.header nav a>span{display:inline-flex;width:20px;justify-content:center;font-size:20px;font-family:Arial,sans-serif;color:#86988a}.header nav a:hover,.header nav a[aria-current=page]{background:#e9efe8;color:#31563f}.header nav a[aria-current=page]{font-weight:600}.sidebar-tools{border-top:1px solid var(--line);margin-top:25px;padding:22px 12px 0;display:grid;gap:8px}.sidebar-label{font-size:11px;letter-spacing:.1em;color:#8b968d;margin-bottom:2px}.sidebar-tools a{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.sidebar-tools a:hover,.sidebar-foot a:hover{color:var(--accent)}.sidebar-tools a>span{color:#99a69b}.sidebar-foot{display:grid;gap:6px;font-size:11px;color:#98a099;margin-top:auto;padding:45px 12px 0}.sidebar-foot a{font-size:12px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:8px;color:#859186;letter-spacing:.06em;font-size:12px;font-weight:500;margin:0 0 14px}.status-dot{width:7px;height:7px;background:#6f9273;border-radius:50%}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:center;padding:24px 0 30px}.hero h1{font:600 clamp(30px,3.3vw,43px)/1.5 var(--sans);letter-spacing:-.04em;margin:0 0 18px}.accent{color:var(--accent)}.hero-description{font-size:14px;color:var(--muted);line-height:1.95;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 17px;border:0;border-radius:9px;min-height:42px;font-size:13px;font-weight:600;cursor:pointer}.primary{background:#385c46;color:#fff}.primary:hover{background:#2b4936}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.plain-link{font-size:12px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.plain-link:hover{color:var(--accent)}.bridge-art{margin:0;transform:rotate(-3deg);position:relative}.bridge-art img{width:100%;height:auto}.bridge-art figcaption{text-align:right;padding:9px 17px 0;color:#91a293;font-size:10px;letter-spacing:.2em}.interest-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 0 30px;border-bottom:1px solid var(--line)}.interest-strip>span{font-size:11px;color:#929b91;margin-right:6px}.interest-strip a{padding:3px 10px;font-size:11px;color:#697c6b;background:#edf1eb;border-radius:6px}.interest-strip a:hover{background:#e0e9df}.notes-section{padding:32px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.section-top .eyebrow{margin-bottom:5px;font-size:11px;color:#94a092}h2{font:600 22px/1.5 var(--sans);letter-spacing:-.025em;margin:0}h3{margin:0}.note-grid{display:grid;gap:12px}.note-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 24px;transition:border-color .15s,box-shadow .15s}.note-card:hover{border-color:#bfcfbe;box-shadow:0 4px 18px #243a2810}.note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#929b91;font-size:11px}.topic-tag{color:#577760;background:#f0f4ed;padding:1px 7px;border-radius:4px}.note-card h3{font:600 17px/1.6 var(--sans);margin:9px 0 6px}.note-card h3 a:hover{color:var(--accent)}.note-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;padding-right:70px}.note-card>a:last-child{position:absolute;right:24px;bottom:21px;color:#83917f;font-size:11px}.note-card>a:last-child:after{content:" ↗"}.subject-section{padding:5px 0 30px}.section-note{font-size:11px;color:#929e92}.subject-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 27px;background:#eaf0e8;border:1px solid #dfe7db;border-radius:14px;overflow:hidden}.project-tag{font-size:10px;color:#6e846b;letter-spacing:.06em}.subject-card h3{font:600 24px/1.5 var(--sans);margin:5px 0 9px;color:#3b583b}.subject-card p{font-size:13px;line-height:1.9;color:#6d7d69;margin:0 0 15px}.subject-link{font-size:12px;color:#547249}.subject-symbol{font:150px/1 Arial,sans-serif;color:#c5d3bd;transform:rotate(-10deg);flex-shrink:0;margin-right:3px}.tools-section{padding:2px 0 8px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{position:relative;padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:border-color .15s}.tool-card:hover{border-color:#bfd0c0}.tool-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e6eee9;color:#47765b;font-size:20px;font-weight:700;margin-bottom:14px}.flow-icon{background:#edf0f6;color:#607291}.tool-arrow{position:absolute;right:23px;top:24px;color:#a1aba1;font-size:18px}.tool-card h3{font-size:16px;margin-bottom:7px}.tool-card p{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 20px}.tool-label{font-size:10px;color:#97a095}.footer{grid-column:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px solid var(--line);padding:23px 0 10px;font-size:10px;color:#939b92}.footer strong{font-weight:500;color:#758272;font-size:11px}.footer p{margin:3px 0 0}.footer>div:last-child{display:flex;gap:18px}.page-title{padding:20px 0 30px}.page-title h1{font:600 34px/1.5 var(--sans);margin:0 0 12px;letter-spacing:-.04em}.page-title>p:last-child{color:var(--muted);font-size:14px;max-width:650px}.topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.topic-nav a{padding:5px 15px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted)}.topic-nav a[aria-current=page]{background:#e5ede2;color:#476345;border-color:#d5dfce}.notes-list{min-height:240px}.note-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;padding:24px;border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:13px}.note-row>.note-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:3px}.note-row h2{font-size:18px}.note-row h2 a:hover{color:var(--accent)}.note-row p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.9}.empty-state{padding:45px 0;color:var(--muted)}.article-header{padding:20px 0 28px;border-bottom:1px solid var(--line)}.article-header h1{font:600 32px/1.6 var(--sans);letter-spacing:-.04em;margin:17px 0 12px}.article-header .intro{font-size:15px;color:var(--muted)}.article-content{font-size:16px;line-height:2;padding-top:26px;overflow-wrap:anywhere;max-width:720px}.article-content h2{font-size:23px;margin:36px 0 16px}.article-content h3{font-size:19px;margin:25px 0 12px}.article-content p{margin:0 0 23px}.article-content ul,.article-content ol{padding-left:1.5em}.article-content li{padding-left:3px;margin-bottom:5px}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-content blockquote{border-left:3px solid #96b38c;padding:13px 23px;background:#edf2e9;margin:22px 0;border-radius:0 8px 8px 0;color:var(--muted)}.article-content pre{padding:20px;background:#edf1eb;border-radius:10px;overflow:auto;font-size:13px;line-height:1.8}.article-content code{background:#edf1eb;padding:2px 5px;font-size:.9em}.article-bottom{padding-top:24px;margin-top:25px;border-top:1px solid var(--line)}.topic-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:20px 0 36px;align-items:center}.topic-hero h1{font:600 38px/1.5 var(--sans);margin:0 0 12px;letter-spacing:-.04em}.topic-hero h2{font-size:18px}.topic-hero p{font-size:14px;color:var(--muted);line-height:1.9}.topic-hero figure{margin:0}.topic-hero img{width:100%;height:auto}.topic-hero figcaption{font-size:10px;color:#909c8d;text-align:center;margin-top:10px}.topic-tabs{display:flex;gap:20px;padding:15px 0;border-block:1px solid var(--line);margin-bottom:32px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.topic-tabs a:hover{color:var(--accent)}.topic-question{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:5px 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px;scroll-margin-top:25px}.question-num{font:400 28px/1.5 var(--serif);color:#a7b5a0}.topic-question h2{margin-bottom:12px;font-size:22px}.topic-question p{font-size:14px;line-height:1.95;color:var(--muted)}.people-line{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0}.people-line>div{display:grid;gap:4px}.people-line span{font-size:12px;color:#8a9884}.research-note{padding:23px;border:1px solid var(--line);border-radius:12px;background:#eef2e9;font-size:12px;color:#7d8975}.about-content{max-width:720px}.about-content h2{margin-top:32px}.about-content p{font-size:15px;color:var(--muted);line-height:2}.about-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.about-topic{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.about-topic h3{font-size:16px}.about-topic p{font-size:13px;margin-bottom:0}.admin-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:25px}.admin-posts{display:grid;gap:10px}.admin-posts button{padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left;cursor:pointer;font-size:12px}.admin-posts button:hover{border-color:#89a781}.admin-form{display:grid;gap:16px}.admin-form label{display:grid;gap:7px;font-size:13px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:10px 12px;background:white;border:1px solid #cbd5c5;border-radius:8px;color:var(--ink);min-width:0}.admin-form textarea{min-height:330px;resize:vertical;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-status{font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;width:min(700px,calc(100% - 40px))}dialog::backdrop{background:#21392e80}
@media(min-width:1500px){body{padding-top:65px}.header{top:65px}.hero{padding-top:34px;padding-bottom:35px}.hero h1{font-size:44px}}
@media(max-width:1050px){body{padding:32px 28px;grid-template-columns:175px minmax(0,1fr);column-gap:35px}.header{top:32px}.hero{grid-template-columns:1fr}.bridge-art{display:none}.hero h1{font-size:36px}.hero-description br{display:none}.note-card p{padding-right:0}.note-card>a:last-child{position:static;display:inline-flex;margin-top:10px}.subject-symbol{font-size:110px}.subject-card p br{display:none}.admin-layout{grid-template-columns:1fr}.admin-posts{max-height:180px;overflow:auto}}
@media(max-width:760px){body{display:block;padding:24px 22px;max-width:650px}.header{position:static;min-height:0;margin-bottom:22px}.brand{flex-direction:row;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:14px;font-size:19px}.brand-name{font-size:16px}.brand-name>span{font-size:9px;margin-top:2px}.sidebar-intro,.sidebar-tools,.sidebar-foot{display:none}.header nav{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.header nav a{gap:0;font-size:12px;padding:5px 8px;white-space:nowrap}.header nav a>span{display:none}.hero{padding:12px 0 27px;grid-template-columns:1fr}.hero h1{font-size:32px;line-height:1.5}.hero-description{font-size:13px}.hero .eyebrow{font-size:11px}.hero-actions{gap:21px}.bridge-art{display:block;max-width:240px;position:absolute;right:0;top:0;opacity:.08;z-index:-1;pointer-events:none}.hero-copy{position:relative}.hero{position:relative;isolation:isolate}.bridge-art figcaption{display:none}.interest-strip{gap:7px;padding-bottom:25px}.interest-strip>span{width:100%;margin-bottom:3px}.notes-section{padding:26px 0}.section-top{margin-bottom:15px}h2{font-size:20px}.note-card{padding:18px 19px}.note-card h3{font-size:16px;margin-top:9px}.note-card p{font-size:12px}.note-card>a:last-child{font-size:10px;margin-top:10px}.subject-card{padding:22px}.subject-card h3{font-size:22px}.subject-card p{font-size:12px}.subject-symbol{display:none}.tools-grid{gap:11px}.tool-card{padding:18px 16px}.tool-card p{font-size:11px}.tool-card p br{display:none}.tool-card h3{font-size:15px}.tool-icon{width:31px;height:31px}.tool-arrow{right:16px;top:20px}.footer{margin-top:28px;display:block}.footer>div:last-child{margin-top:13px;gap:17px}.page-title{padding-top:10px}.page-title h1{font-size:28px}.page-title>p:last-child{font-size:13px}.note-row{grid-template-columns:1fr;gap:12px;padding:20px}.note-row>.note-meta{flex-direction:row;gap:12px}.note-row h2{font-size:17px}.note-row p{font-size:12px}.article-header{padding-top:10px}.article-header h1{font-size:27px}.article-header .intro{font-size:14px}.article-content{font-size:15px}.article-content h2{font-size:21px}.topic-hero{grid-template-columns:1fr;gap:10px;padding-top:10px}.topic-hero h1{font-size:32px}.topic-hero figure{max-width:300px;margin-inline:auto}.topic-tabs{gap:17px;font-size:11px}.topic-question{grid-template-columns:30px minmax(0,1fr);gap:12px}.question-num{font-size:24px}.topic-question h2{font-size:20px}.topic-question p{font-size:13px}.about-topics{grid-template-columns:1fr}.about-content p{font-size:14px}.form-row{grid-template-columns:1fr}.about-topic p{font-size:13px}}
@media(max-width:350px){body{padding-inline:16px}.hero h1{font-size:28px}.tools-grid{grid-template-columns:1fr}.header nav a{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}