*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--xn-black:#111;--xn-gray:#666;--xn-light:#999;--xn-line:#ddd;--xn-bg:#fff;--xn-muted:#fafafa}
html{-webkit-text-size-adjust:100%}
body{font-family:ui-sans-serif,-apple-system,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;background:var(--xn-bg);color:var(--xn-black);line-height:1.75;font-size:15px;font-weight:400;letter-spacing:.01em}
a{color:var(--xn-black);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:var(--xn-black)}
.xn-container{max-width:640px;margin:0 auto;padding:0 20px}
.xn-rule{border:none;border-top:1px solid var(--xn-black);margin:0}
.xn-header{padding:20px 0 0}
.xn-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}
.xn-brand{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--xn-black)}
.xn-brand:hover{border-bottom-color:transparent;opacity:.6}
.xn-search{display:flex;align-items:stretch;border:1px solid var(--xn-black);max-width:200px;flex:1}
.xn-search input{flex:1;border:none;background:transparent;padding:6px 10px;font-size:13px;outline:none;color:var(--xn-black);min-width:0}
.xn-search input::placeholder{color:var(--xn-light)}
.xn-btn{border:none;border-left:1px solid var(--xn-black);background:var(--xn-black);color:var(--xn-bg);width:36px;cursor:pointer;font-size:14px;line-height:1}
.xn-btn:hover{background:var(--xn-gray)}
.xn-body{padding:32px 0 48px}
.xn-footer{padding:0 0 32px}
.xn-footer p{font-size:11px;color:var(--xn-light);letter-spacing:.06em;padding-top:16px}
.xn-footer a{color:var(--xn-gray);border-bottom-color:var(--xn-line)}
.xn-hero{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--xn-line)}
.xn-hero h1{font-size:1.5rem;font-weight:600;letter-spacing:.04em;margin-bottom:12px}
.xn-hero p{font-size:14px;color:var(--xn-gray);line-height:1.8}
.xn-block{margin-bottom:32px;padding:24px 0 0;border-top:1px solid var(--xn-line)}
.xn-block:first-of-type{border-top:none;padding-top:0}
.xn-block-flat{padding-top:16px;margin-bottom:24px}
.xn-block-muted{border-top-style:dashed}
.xn-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--xn-light);margin-bottom:16px}
.xn-meta{font-size:11px;color:var(--xn-light);letter-spacing:.08em;margin-bottom:12px}
.xn-sub{font-size:13px;color:var(--xn-gray);margin-top:6px}
.xn-note{font-size:13px;color:var(--xn-gray);line-height:1.7}
.xn-text{font-size:15px;color:var(--xn-black);line-height:1.85}
.xn-text p{margin-bottom:.75em}
.xn-entry{margin-bottom:8px}
.xn-entry-head{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--xn-black)}
.xn-entry-head h1{font-size:2rem;font-weight:600;letter-spacing:.06em;line-height:1.3}
.xn-spec{margin-bottom:28px}
.xn-spec dl{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--xn-line)}
.xn-spec dl div{display:flex;border-bottom:1px solid var(--xn-line)}
.xn-spec dl div:nth-child(odd){border-right:1px solid var(--xn-line)}
.xn-spec dl div:nth-last-child(-n+2){border-bottom:none}
.xn-spec dt{width:72px;flex-shrink:0;padding:10px 12px;font-size:11px;color:var(--xn-light);letter-spacing:.1em;border-right:1px solid var(--xn-line);background:var(--xn-muted)}
.xn-spec dd{padding:10px 12px;font-size:13px;color:var(--xn-black)}
.xn-word-lines,.xn-lines{list-style:none}
.xn-word-lines li,.xn-lines li{border-bottom:1px solid var(--xn-line)}
.xn-word-lines li a,.xn-lines li a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:none}
.xn-word-lines li a:hover,.xn-lines li a:hover{opacity:.55;border-bottom:none}
.xn-w{font-weight:500}
.xn-py{font-size:12px;color:var(--xn-light);font-family:ui-monospace,"SF Mono",monospace;letter-spacing:.04em}
.xn-chips{display:flex;flex-wrap:wrap;gap:8px}
.xn-chips a{display:inline-block;padding:4px 14px;border:1px solid var(--xn-black);font-size:14px;line-height:1.5}
.xn-chips a:hover{background:var(--xn-black);color:var(--xn-bg);border-bottom:none}
.xn-char-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--xn-black)}
.xn-char{font-size:4rem;font-weight:600;line-height:1;letter-spacing:0}
.xn-char-head h1{font-size:1.25rem;font-weight:600;letter-spacing:.08em}
.xn-inline-links{font-size:13px;color:var(--xn-gray);line-height:2}
.xn-inline-links a{margin-right:16px;color:var(--xn-gray);border-bottom:1px solid var(--xn-line)}
.xn-inline-links a:hover{color:var(--xn-black);border-bottom-color:var(--xn-black)}
@media(max-width:520px){
.xn-spec dl{grid-template-columns:1fr}
.xn-spec dl div:nth-child(odd){border-right:none}
.xn-spec dl div:nth-last-child(2){border-bottom:1px solid var(--xn-line)}
.xn-entry-head h1{font-size:1.5rem}
.xn-char{font-size:3rem}
.xn-header-row{flex-wrap:wrap}
.xn-search{max-width:100%;width:100%}
}
