:root{--paper:#F2EFE9;--ink:#141414;--accent:#C8281E;--grey:#8a857b;--serif:'Noto Serif SC',serif;--sans:'Noto Sans SC',sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--paper)}.label{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.num{font-family:var(--serif);font-style:italic;color:var(--accent)}.rule-t{border-top:1px solid var(--ink)}.rule-b{border-bottom:1px solid var(--ink)}.rule-t2{border-top:3px solid var(--ink)}.zhs{font-size:1em;color:#3d3a34;font-weight:400;letter-spacing:.06em}.accent{color:var(--accent)}.hsk{display:inline-block;border:1px solid var(--ink);font-size:10px;font-weight:600;letter-spacing:.1em;padding:2px 8px;margin-top:10px}.empty-note{color:var(--grey);font-size:13px;padding:20px 0}.ticker{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;padding:8px 0}.ticker-track{display:inline-block;animation:marquee 40s linear infinite}.ticker span{font-family:var(--serif);font-size:13px;letter-spacing:.06em;margin-right:60px}.ticker .zhs{color:#e3ded2}.ticker .tag{color:var(--accent);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.2em;margin-right:14px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.site-header{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 48px 22px}.logo{font-family:var(--serif);font-weight:900;font-size:44px;line-height:.95;letter-spacing:-.01em}.logo .zh-logo{font-size:44px;font-weight:900;letter-spacing:.02em;color:var(--ink);margin-left:16px}.logo small{display:block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--grey);margin-top:8px;text-transform:uppercase}nav.top a{font-size:12px;font-weight:600;letter-spacing:.16em;margin-left:28px;padding-bottom:4px;border-bottom:2px solid transparent;transition:.25s}nav.top a:hover{border-color:var(--accent);color:var(--accent)}nav.top a sup{font-size:9px;color:var(--accent);margin-right:4px}.hero{padding:56px 48px 44px}.hero .kicker{color:var(--accent);margin-bottom:18px}.hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(44px,7.5vw,104px);line-height:.98;letter-spacing:-.02em}.hero .hero-zh{font-family:var(--serif);font-weight:600;font-size:clamp(19px,2.2vw,26px);color:#3d3a34;letter-spacing:.22em;margin-top:18px}.hero .meta{display:flex;gap:34px;margin-top:26px;color:var(--grey)}.hero .meta b{font-size:13px;font-weight:500;color:#3d3a34}.sec-head{display:flex;align-items:baseline;gap:20px;padding:26px 48px 20px}.sec-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3vw,36px);letter-spacing:-.01em}.sec-head h2 .zhs{font-size:.55em;margin-left:12px;letter-spacing:.15em}.sec-head .label{color:var(--grey)}.sec-head .right{margin-left:auto}.split{display:grid;grid-template-columns:1fr 1fr}.split>div{padding:8px 48px 44px}.split>div:first-child{border-right:1px solid var(--ink)}.col-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--ink);padding-bottom:12px;margin-bottom:6px}.col-title h3{font-family:var(--serif);font-weight:700;font-size:26px}.col-title h3 .zhs{font-size:.62em;margin-left:10px;letter-spacing:.12em}.col-title .label{color:var(--grey)}.quote-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--ink);transition:background .25s}.quote-item:hover{background:#eae6dc}.quote-item .num{font-size:22px}.quote-item blockquote{font-family:var(--serif);font-weight:600;font-style:italic;font-size:clamp(18px,1.7vw,23px);line-height:1.4}.quote-item .zh{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink);margin-top:10px}.quote-item .pinyin{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--grey);margin-top:5px}.quote-item .src{font-size:11px;color:var(--grey);margin-top:6px;letter-spacing:.05em}.news-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--ink);transition:background .25s}.news-item:hover{background:#eae6dc}.news-item h4{font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.35}.news-item .zh{font-size:15px;color:#3d3a34;margin-top:6px}.news-item p{font-size:13px;color:#3d3a34;margin-top:6px}.news-item .meta{font-size:11px;color:var(--grey);letter-spacing:.08em;margin-top:8px;text-transform:uppercase}.news-item .hsk{margin:0 0 0 6px}.more{display:inline-block;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--accent);padding-bottom:3px}.more:hover{color:var(--accent)}.ad-slot{margin:22px 48px;border:1px dashed var(--grey);color:var(--grey);text-align:center;padding:26px;font-size:11px;letter-spacing:.22em}.layout .ad-slot{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr)}.card{border-right:1px solid var(--ink);padding:30px 28px 38px;transition:.3s;cursor:pointer;min-height:280px;display:flex;flex-direction:column}.card:last-child{border-right:none}.card .num{font-size:16px}.card h3{font-family:var(--serif);font-weight:900;font-size:clamp(30px,2.8vw,44px);margin-top:14px;letter-spacing:-.01em}.card .zh{font-family:var(--serif);font-weight:600;font-size:18px;color:#3d3a34;margin-top:4px;letter-spacing:.3em}.card p{font-size:13px;margin-top:16px;color:#3d3a34;flex:1}.card ul{list-style:none;margin-top:14px}.card li{font-size:12px;padding:7px 0;border-top:1px solid rgba(20,20,20,.25);letter-spacing:.04em}.card:hover{background:var(--ink);color:var(--paper)}.card:hover .zh,.card:hover p{color:#b7b2a7}.card:hover li{border-color:rgba(242,239,233,.25)}.card:hover .num{color:var(--accent)}.site-footer{margin-top:0}.social{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:34px 48px 40px;align-items:start}.qr{width:148px;height:148px;border:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--grey);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(20,20,20,4%) 10px 20px);overflow:hidden}.qr img{width:100%;height:100%;object-fit:cover}.qr .qr-ph{font-size:10px;letter-spacing:.14em;text-align:center;line-height:1.8}.soc h5{font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:6px}.soc p{font-size:12px;color:var(--grey);margin-top:10px}.soc .label{color:var(--accent);margin-bottom:10px;display:block}.bottom{display:flex;justify-content:space-between;padding:18px 48px 26px;color:var(--grey);font-size:11px;letter-spacing:.1em}.bottom a{border-bottom:1px solid var(--grey)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--ink);padding:26px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-family:var(--serif);font-weight:900;font-size:26px;line-height:1}.sidebar .brand small{display:block;font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.2em;color:var(--grey);margin-top:6px;text-transform:uppercase}.sidenav{margin-top:36px}.sidenav a{display:flex;justify-content:space-between;align-items:baseline;padding:13px 4px;border-top:1px solid rgba(20,20,20,.25);font-family:var(--serif);font-weight:700;font-size:18px;transition:.2s}.sidenav a small{font-family:var(--sans);font-size:10px;color:var(--grey);letter-spacing:.1em}.sidenav a:hover{color:var(--accent);padding-left:10px}.sidenav a.cur{color:var(--accent);border-left:3px solid var(--accent);padding-left:10px}.sidebar .ad-slot{margin-top:auto;padding:30px 10px;border:1px dashed var(--grey);font-size:10px}.content{padding:40px 52px 0}.crumb{margin-bottom:14px;color:var(--grey)}.content h1{font-family:var(--serif);font-weight:900;font-size:clamp(38px,5vw,64px);letter-spacing:-.01em;line-height:1}.content h1 .zhs{font-size:.4em;color:var(--grey);letter-spacing:.2em;margin-left:12px;font-weight:600}.content .intro{margin-top:14px;color:#3d3a34;font-size:14px;max-width:560px}.sub{margin-top:38px}.sub-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--ink);padding-bottom:10px}.sub-head h2{font-family:var(--serif);font-weight:700;font-size:24px}.sub-head h2 .zhs{font-size:.55em;margin-left:8px;color:#3d3a34;letter-spacing:.1em}.sub-head .label{color:var(--grey)}.item{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--ink);transition:background .25s}.item:hover{background:#eae6dc}.item .num{font-size:20px}.item h3{font-family:var(--serif);font-weight:700;font-size:19px}.item p{font-size:12.5px;color:#3d3a34;margin-top:4px}.item .meta{font-size:10.5px;color:var(--grey);letter-spacing:.1em;margin-top:6px;text-transform:uppercase}.article-title{margin-top:4px}.article-meta{color:var(--grey);font-size:12px;letter-spacing:.08em;margin-top:12px}.article-meta .hsk{margin:0 0 0 4px}.prose{font-size:15px;max-width:760px;margin-top:22px}.prose p{margin-bottom:14px}.prose h2,.prose h3{font-family:var(--serif);margin:26px 0 10px}.prose blockquote{border-left:3px solid var(--accent);padding-left:16px;font-family:var(--serif);font-size:18px;margin:18px 0}.prose ul{padding-left:20px;margin-bottom:14px}.prose code{background:#eae6dc;padding:2px 6px;font-size:13px}.editor{border:1px solid var(--ink);margin-top:18px}.editor .toolbar{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ink);background:#eae6dc;flex-wrap:wrap}.editor .toolbar select,.editor .toolbar button{border:1px solid var(--ink);background:0 0;padding:6px 12px;font-size:12px;font-family:var(--sans);cursor:pointer}.editor .toolbar button:hover{background:var(--ink);color:var(--paper)}.editor .spacer{flex:1}.editor .hint{font-size:11px;color:var(--grey)}.panes{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.pane{padding:16px 18px}.pane.left{border-right:1px solid var(--ink)}.pane h6{font-size:10.5px;letter-spacing:.16em;color:var(--grey);text-transform:uppercase;margin-bottom:10px}.pane textarea{width:100%;height:250px;border:none;background:0 0;resize:none;font-family:var(--serif);font-size:16px;line-height:1.9;color:var(--ink);outline:none}.pane .trans{font-family:var(--serif);font-size:15px;line-height:1.9;color:#3d3a34}.pane .trans em{color:var(--grey);font-style:italic;font-size:13px}.rules{border:1px solid var(--ink);margin-top:18px;list-style:none}.rules li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(20,20,20,.25);font-size:13.5px}.rules li:last-child{border-bottom:none}.submit-bar{display:flex;gap:14px;align-items:center;margin-top:18px;flex-wrap:wrap}.bigbtn{display:inline-block;background:var(--ink);color:var(--paper);border:none;font-family:var(--serif);font-weight:700;font-size:16px;padding:13px 30px;cursor:pointer;transition:.25s}.bigbtn:hover{background:var(--accent)}.submit-bar span{font-size:12px;color:var(--grey)}.duo{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin-top:18px}.duo>div{padding:24px 26px}.duo>div+div{border-left:1px solid var(--ink)}.duo h3{font-family:var(--serif);font-size:20px;font-weight:700}.duo p{font-size:13px;color:#3d3a34;margin-top:8px}.comment-box{margin-top:18px;border:1px dashed var(--grey);padding:26px;text-align:center;color:var(--grey);font-size:12px;letter-spacing:.1em}#gate{position:fixed;inset:0;background:var(--paper);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}#gate.hide{opacity:0;visibility:hidden;transition:.5s}.gate-card{background:var(--paper);border:3px solid var(--ink);max-width:620px;width:100%;padding:38px 42px 34px;box-shadow:10px 10px rgba(20,20,20,.12)}.gate-card .kicker{color:var(--accent);margin-bottom:12px}.gate-card h2{font-family:var(--serif);font-weight:900;font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-.01em}.gate-card h2 .zhs{font-size:.55em;margin-left:10px;letter-spacing:.12em}.gate-notices{margin:20px 0 4px;border-top:3px solid var(--ink);padding:0}.gate-notices li{list-style:none;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(20,20,20,.25)}.gate-notices .num{font-size:15px}.gate-notices p{font-size:13.5px;line-height:1.55}.gate-notices .zhs{font-size:.9em;display:block;margin-top:3px}.gate-form{margin-top:22px;display:grid;gap:12px}.gate-form label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#3d3a34;display:block;margin-bottom:5px}.gate-form input[type=text],.gate-form input[type=email]{border:1px solid var(--ink);background:0 0;padding:11px 13px;font-size:14px;font-family:var(--sans);width:100%}.gate-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.gate-check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#3d3a34;cursor:pointer}.gate-check input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.gate-submit{margin-top:4px;background:var(--ink);color:var(--paper);border:none;font-family:var(--serif);font-weight:700;font-size:17px;padding:14px;cursor:pointer;transition:.25s;letter-spacing:.04em}.gate-submit:hover{background:var(--accent)}.gate-err{color:var(--accent);font-size:12px;min-height:16px}.gate-err a{text-decoration:underline}.gate-note{font-size:11px;color:var(--grey);margin-top:14px;line-height:1.6}.gate-skip{display:block;text-align:center;font-size:11px;color:var(--grey);margin-top:12px;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.gate-skip:hover{color:var(--accent)}@media(max-width:960px){.site-header,.hero,.sec-head{padding-left:24px;padding-right:24px}.split{grid-template-columns:1fr}.split>div{padding:8px 24px 36px}.split>div:first-child{border-right:none;border-bottom:1px solid var(--ink)}.cards{grid-template-columns:1fr 1fr}.card{border-bottom:1px solid var(--ink)}.ad-slot{margin:18px 24px}.social{grid-template-columns:1fr 1fr;padding:28px 24px}.bottom{padding:16px 24px;flex-direction:column;gap:8px}nav.top a{margin-left:14px}.site-header{flex-direction:column;align-items:flex-start;gap:16px}.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--ink);padding:18px 24px}.sidenav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px}.sidenav a{border-top:none;font-size:15px;padding:6px 0}.sidebar .ad-slot{display:none}.content{padding:28px 24px 0}.panes{grid-template-columns:1fr}.pane.left{border-right:none;border-bottom:1px solid var(--ink)}.duo{grid-template-columns:1fr}.duo>div+div{border-left:none;border-top:1px solid var(--ink)}}@media(max-width:600px){.cards{grid-template-columns:1fr}.gate-card{padding:26px 22px}}.word-card{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--ink);padding:4px 12px;margin:2px 4px 2px 0;font-size:13px}.word-card strong{font-family:var(--serif);font-size:15px}.word-card em{color:var(--grey);font-size:12px}.word-card span{color:#3d3a34;font-size:12px}.talkbox{margin-top:38px}.tb-form,.submit-form{margin-top:18px;border:1px solid var(--ink);padding:18px 20px}.tb-form input,.tb-form textarea,.submit-form input,.submit-form textarea,.submit-form select{width:100%;border:1px solid var(--ink);background:0 0;padding:10px 12px;font-size:14px;font-family:var(--sans);margin-bottom:10px}.tb-form input:focus,.tb-form textarea:focus,.submit-form input:focus,.submit-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.tb-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.tb-row .bigbtn{margin-top:0}.tb-msg{font-size:12.5px;color:var(--grey)}.tb-msg.ok{color:#2e7d4f}.tb-msg.err{color:var(--accent)}.tb-list{margin-top:8px}.tb-item{padding:14px 0;border-bottom:1px solid rgba(20,20,20,.25)}.tb-head{display:flex;justify-content:space-between;align-items:baseline}.tb-head b{font-family:var(--serif);font-size:15px}.tb-head span{font-size:11px;color:var(--grey)}.tb-item p{font-size:13.5px;color:#3d3a34;margin-top:4px;white-space:pre-wrap}.tb-empty{color:var(--grey);font-size:13px;padding:16px 0}.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.sf-hint{font-size:12px;color:var(--grey);margin:4px 0 8px}.admin-badge{position:fixed;right:18px;bottom:18px;z-index:900;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;letter-spacing:.1em;padding:11px 20px;border:2px solid var(--accent);box-shadow:4px 4px rgba(20,20,20,.2);transition:.2s}.admin-badge:hover{background:var(--accent)}@media(max-width:640px){.sf-grid{grid-template-columns:1fr}}