@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-cyrillic-ext-standard-normal-wu1xpRx6.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-cyrillic-standard-normal-CnrxKlqz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-greek-ext-standard-normal-DHtVrcGe.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-greek-standard-normal-C0zDsIDw.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-latin-ext-standard-normal-CXeQGQ-E.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu Sans Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 100%;src:url(/assets/ubuntu-sans-latin-standard-normal-oF35Yznt.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hairline:1px solid var(--color-line);--chip-border:1px;--card-pad:var(--space-5);--well-lines:4;--tok-bg:var(--color-surface-2);--tok-fg:var(--color-text);--hero-accent:var(--tile-hero-muted);--hero-chip-line:#ffffff73;--tag-h:30px;--media-edge:var(--lightningcss-light,#0b0b0b12)var(--lightningcss-dark,#ffffff12);--frame:var(--lightningcss-light,#ecece8)var(--lightningcss-dark,#232321)}.guide-links{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);margin:32px 0;padding:24px 0}.guide-links>div{flex-wrap:wrap;gap:12px 32px;margin-top:8px;display:flex}.guide-links a{align-items:center;gap:18px;min-height:44px;font-weight:600;display:inline-flex}.guide-links a:hover{text-underline-offset:5px;text-decoration:underline}.chip,a.tag,.select select,.pager a{border-width:var(--chip-border)}.pager ul{margin-top:var(--space-6);gap:var(--space-2)}.pager a{gap:var(--space-2);border-color:var(--color-text);color:var(--color-text);padding-inline:var(--space-6);font:700 13px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;transition:background var(--dur-fast),color var(--dur-fast);font-stretch:87.5%}.pager a:is(:hover,.is-hover){background:var(--color-text);color:var(--color-bg)}.chip{font-weight:var(--fw-semibold)}.chip:is(:hover,.is-hover){border-color:var(--color-text);background:var(--color-surface)}.tile-hero .chip{border-color:var(--hero-chip-line)}.pill{border-color:var(--color-line);font-weight:var(--fw-semibold)}.pill.quiet{border-color:var(--color-line)}.dot{border-width:0;width:8px;height:8px}span.tok{background:var(--tok-bg);color:var(--tok-fg);border-color:#0000}.crumbs a{text-decoration:none}.crumbs a:is(:hover,.is-hover){text-underline-offset:4px;text-decoration:underline}.crumbs li[aria-current]{color:var(--color-text)}@media (width<=560px) and (width>=361px){.field-box{padding:5px 5px 5px var(--space-4);flex-wrap:nowrap}.field-box .btn{width:auto;padding:0 var(--space-4)}}.section-head h2{letter-spacing:0;font-size:34px;font-stretch:87.5%;line-height:1.1}html[lang=zh-CN] .section-head h2{font-size:28px;line-height:1.3}@media (width>=1000px){.grid{gap:var(--space-5)}}.card-text{padding:var(--card-pad);background:var(--color-surface);border:var(--hairline);gap:var(--space-4)}.card-text:is(:hover,.is-hover){border-color:var(--color-line-strong)}.card-text .card-body{gap:var(--space-3);padding:0}.card-text h3{font-size:1.25rem;line-height:1.3}html[lang=zh-CN] .card-text h3{font-size:var(--text-lg);line-height:1.45}.card-well{background:var(--tint,var(--color-surface-2));padding:var(--space-4)}.card-text .card-well .txt{color:var(--color-text);-webkit-line-clamp:var(--well-lines);line-clamp:var(--well-lines);line-height:1.6}html[lang=zh-CN] .card-text .card-well .txt{line-height:1.75}@media (width>=640px){.card-text h3{min-height:2.6em}html[lang=zh-CN] .card-text h3{min-height:2.9em}.card-text .card-well{flex:1}}.card-text .card-foot{padding:var(--space-4) 0 0;border-top:var(--hairline)}.card-text .author{font-size:var(--text-sm)}.card-text.card-excerpt{border:1.5px dashed var(--color-line-strong);padding:calc(var(--card-pad) - .5px)}.card-text.card-excerpt .card-well .txt{-webkit-line-clamp:var(--well-lines);line-clamp:var(--well-lines);display:-webkit-box}.card-text.card-excerpt .card-foot{flex-direction:row;align-items:center}.card-text.card-excerpt .card-foot .btn{width:auto}.card-text .badge{border-width:1px}.cat-tile{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-text);justify-content:space-between;gap:var(--space-4);min-height:120px;padding:var(--space-4) var(--space-5);transition:background var(--dur-fast)}.cat-tile:is(:hover,.is-hover){background:var(--color-surface-2)}.cat-tile strong{font-weight:var(--fw-bold);text-wrap:balance;font-size:1.125rem;line-height:1.25}.cat-tile span{color:var(--color-text-muted);font:700 12px/1.2 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;font-stretch:87.5%}.cat-tile:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:0 0 0 6px var(--color-bg)}.head-tile .lead{max-width:62ch}.filterbar{border-color:var(--color-line)}@media (width<=640px){.filterbar{padding:var(--space-4) 0;gap:var(--space-3)}.filter-row{align-items:stretch;gap:var(--space-1);flex-flow:column}.filter-row .eyebrow{padding:0 var(--space-4)}.filter-row .chips{scrollbar-width:none;padding:var(--space-2) var(--space-4);scroll-padding-inline:var(--space-4);flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.filter-row .chips::-webkit-scrollbar{display:none}.filter-row .chips>li{flex:none}.filter-row .chip{white-space:nowrap}.controls{padding:var(--space-3) var(--space-4) 0}}.nf-art text{font-family:var(--font-display);font-weight:400}.principles .tile{border:0}.principles .tile h3{font-size:var(--text-xl)}.bgrid{grid-template-columns:repeat(4,1fr);grid-auto-flow:row;gap:20px;display:grid}@media (width<=720px){.bgrid{grid-template-columns:1fr 1fr;gap:12px}}.bc{background:var(--color-surface);border:1px solid var(--frame);min-width:0;transition:border-color var(--dur-fast);flex-direction:column;display:flex;position:relative}.bc-media{aspect-ratio:4/5;background:var(--color-surface-2);position:relative;overflow:hidden}.bc-media img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.bc-body{gap:6px;min-width:0;padding:12px 12px 10px;display:grid}.bc h3{-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.bc h3 a{color:inherit}.bc .meta{font:700 11px/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;min-width:0;margin:0;font-stretch:87.5%;display:flex;overflow:hidden}.bc .meta span{text-overflow:ellipsis;overflow:hidden}.bc .meta .sep{opacity:.5;flex:none}.bc .meta .mdl{flex:0 auto}.bc .meta .sdot{display:none}.stretch{text-decoration:none}.stretch:after{content:"";z-index:1;position:absolute;inset:0}.stretch:focus-visible{outline:none}.bc .author{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;overflow:hidden}.nolab{font:700 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.exb{white-space:nowrap;border:1px dashed var(--color-text);font:700 11px/1.4 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:2px 10px;display:inline-flex}@media (hover:hover){.bc:hover{border-color:var(--color-text)}.bc:hover h3 a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}}.bc:has(.stretch:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.bc:has(.stretch:focus-visible) h3 a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.bc-t .panel{aspect-ratio:4/5;background:var(--color-surface-2);flex-direction:column;gap:12px;padding:18px;display:flex;overflow:hidden}.bc-t .panel .snip{color:var(--color-text);-webkit-line-clamp:8;overflow-wrap:anywhere;text-wrap:pretty;-webkit-box-orient:vertical;margin:auto 0 0;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}html[lang=zh-CN] .bc-t .panel .snip{line-height:1.7}.bc-t .top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.bc-x .panel{border-bottom:1px dashed var(--color-text);background:0 0}@media (width<=720px){.bc-body{padding:9px 8px 8px}.bc h3{font-size:.8125rem}.bc-t .panel{gap:8px;padding:12px}.bc-t .panel .snip{-webkit-line-clamp:6;font-size:.8125rem}.bc-t .author,.bc .meta .sep,.bc .meta .mdl{display:none}}@media (prefers-reduced-motion:reduce){.bc,.bc-media img{transition:none}.bc:hover,.bc:active,.bc:hover img{transform:none}}:is(.site-header,.home-page,.d-head,.d-grid,.related){--color-text-muted:var(--color-text)}.wall-wrap{container-type:inline-size}.wall{--cols:2;--gap:calc(8 * var(--u));--cap:76px;--col:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc(var(--col) * 1.04 + var(--cap)) calc(var(--col) * .78 + var(--cap));gap:var(--gap);display:grid}@media (width>=640px){.wall{--cols:3}}@media (width>=1100px){.wall{--cols:5}}.take{border:1px solid var(--frame);min-width:0;min-height:0;transition:border-color var(--dur-fast);position:relative}.take-link{grid-template-rows:minmax(0,1fr) var(--cap);height:100%;color:var(--color-text);text-decoration:none;display:grid}.take-media{background:var(--color-surface-2);min-height:0;display:block;position:relative;overflow:hidden}.take-media img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.take-snip{-webkit-line-clamp:9;color:var(--color-text-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;padding:14px;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.take-cap{min-width:0;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:stretch;gap:5px;padding:8px 10px;display:flex}.take-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);font-size:12px;line-height:1.3;overflow:hidden}.take-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.take-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.take:hover{border-color:var(--color-text)}.take:has(.take-link:focus-visible){border-color:var(--color-text)}.take-link:is(:hover,:focus-visible) .take-title{text-underline-offset:3px;text-decoration:underline}@media (width<=639px){.wall{--gap:6px}.take-cap{padding-inline:8px}}
