.article-page{position:relative}.article-home{min-height:calc(100svh - var(--site-header-h));padding:var(--stage-pad-top-compact) 0 var(--space-5xl);align-content:start;gap:var(--space-lg);margin:0;display:grid}.article-home>*{width:min(var(--layout-content-max), calc(100% - var(--layout-gutter-desktop)));margin:0 auto}.article-home .mt-18{margin-top:var(--space-xs)}.article-kicker{color:#ffd5ba;letter-spacing:.8px;margin:0}.article-library,.article-category,.article-detail-page{background:0 0}.article-layout,.split-layout{--article-body-font-size:var(--article-reading-font-size);--article-panel-height:clamp(620px, 70svh, var(--article-panel-max-h));grid-template-columns:minmax(0, 1fr) minmax(var(--layout-content-sidebar-min), var(--layout-content-sidebar));gap:var(--space-2xl);align-self:start;align-items:start;display:grid}.article-layout.is-sidebar-collapsed,.split-layout.is-sidebar-collapsed{column-gap:var(--space-xs);grid-template-columns:minmax(0,1fr) max-content}.article-layout-top,.split-header{gap:var(--space-lg);grid-column:1/-1;display:grid}.left,.split-main{align-content:start;gap:var(--space-lg);min-width:0;display:grid}.article-content-pane{min-width:0}.article-title-row,.split-title-row{align-items:center;gap:var(--space-sm);display:flex}.article-title-row h1,.split-title-row h1{font-size:var(--text-title-lg);margin:0;line-height:1.25}.article-back{width:var(--article-icon-button-size);height:var(--article-icon-button-size);backdrop-filter:blur(8px);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.article-back img{width:var(--article-icon-size);height:var(--article-icon-size);object-fit:contain;display:block}.article-meta-row,.split-meta-row{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.article-like-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--article-tool-h);padding:0 var(--space-lg);color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffd8c43d;border-radius:999px;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.article-like-button:hover{background:#ffffff14;transform:translateY(-1px)}.article-like-button.is-liked{color:#fff1e8;background:#ff5a282e;border-color:#ff805970}.article-like-button:disabled{opacity:.72;cursor:wait}.article-tools{justify-content:flex-start;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.article-font-tools{align-items:center;gap:var(--space-sm);margin-left:auto;display:inline-flex}.article-tools-label{color:#f4ddcf;font-size:var(--text-body-sm)}.article-search-field{height:var(--article-control-h);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);color:#ffddc5;font-size:var(--text-body-sm);background:#ffffff0f;border:1px solid #ffdec552;border-radius:999px;display:flex}.article-search-field input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none}.article-search-field span{flex-shrink:0}.article-tool-button{min-height:var(--article-tool-h);padding:0 var(--space-lg);color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffd8c438;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.article-tool-button:hover{background:#ffffff14;border-color:#ffd8c45c;transform:translateY(-1px)}.article-like-icon{color:#ff6b43;font-size:var(--text-body-sm);line-height:1}.content-scrollbox{border:1px solid var(--line);border-radius:clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px);padding:var(--space-xl);height:var(--article-panel-height);scrollbar-width:thin;scrollbar-color:#ffa57bb8 #ffffff14;background:#40302a;overflow-y:auto}.content-scrollbox::-webkit-scrollbar{width:clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px)}.content-scrollbox::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.content-scrollbox::-webkit-scrollbar-thumb{background:linear-gradient(#ffb895eb,#ff6a43e0);border:2px solid #40302aeb;border-radius:999px;box-shadow:inset 0 0 0 1px #fff0e529}.content-scrollbox::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffcdb6fa,#ff7b52f0)}.article-body{font-size:var(--article-body-font-size);color:#f4dfd0;line-height:1.8}.article-body p{margin:0 0 1em}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#fff0e7;letter-spacing:0;margin:1.4em 0 .6em;font-weight:500;line-height:1.4}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1.15em}.article-body h5{font-size:1.05em}.article-body h6{opacity:.85;font-size:1em}.article-body blockquote>:is(h2,h3,h4,h5,h6):first-child{margin-top:0}.article-body .article-text-align--center{text-align:center}.article-body .article-text-align--right{text-align:right}.article-body .article-text-align--justify{text-align:justify;text-justify:inter-ideograph}.article-body p.article-paragraph-spacing--compact{margin-bottom:.55em}.article-body p.article-paragraph-spacing--relaxed{margin-bottom:1.65em}.article-body .article-underline{text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:1px}.article-body .article-underline--solid{text-decoration-style:solid}.article-body .article-underline--dashed{text-decoration-style:dashed}.article-body .article-spacer{width:100%;block-size:var(--article-spacer-height,1lh)}.article-body .article-spacer--ratio-050{--article-spacer-height:.5lh}.article-body .article-spacer--ratio-100{--article-spacer-height:1lh}.article-body .article-spacer--ratio-150{--article-spacer-height:1.5lh}.article-body .article-spacer--ratio-200{--article-spacer-height:2lh}.article-body .article-spacer--ratio-250{--article-spacer-height:2.5lh}.article-body .article-spacer--ratio-300{--article-spacer-height:3lh}.article-body .article-spacer--ratio-350{--article-spacer-height:3.5lh}.article-body .article-spacer--ratio-400{--article-spacer-height:4lh}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body a{color:#ffd9bf}.article-body blockquote{color:#ffefe6eb;text-underline-offset:.24em;background:linear-gradient(90deg,#ff9b6721,#ffffff06);border-left:4px solid #ff9b67;border-radius:0 10px 10px 0;margin:1.35em 0;padding:14px 18px;font-style:italic;text-decoration-line:underline;text-decoration-color:#ffb38d9e;text-decoration-thickness:1px}.article-body blockquote>:last-child{margin-bottom:0}.article-body img{border-radius:clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);max-width:100%;height:auto;display:block}.article-body>p>img:only-child{margin:var(--space-xl) auto}.article-body figure.article-media,.article-body .article-gallery{margin:var(--space-xl) 0}.article-body figure.article-media{gap:var(--space-sm);display:grid}.article-body figure.article-media img{width:100%}.article-body figure.article-media--size-sm{width:min(38%, var(--article-media-sm-w))}.article-body figure.article-media--size-md{width:min(56%, var(--article-media-md-w))}.article-body figure.article-media--size-lg{width:min(74%, var(--article-media-lg-w))}.article-body figure.article-media--size-full{width:100%;max-width:none}.article-body figure.article-media figcaption,.article-body .article-gallery figcaption{color:#ffe6d6b8;font-size:var(--text-label-sm);text-align:center}.article-body figure.article-media--center{margin-inline:auto}.article-body figure.article-media--wide{width:100%}.article-body figure.article-media--left{margin-right:auto}.article-body figure.article-media--right{margin-left:auto}.article-body .article-gallery{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.article-body .article-gallery figure{gap:var(--space-sm);margin:0;display:grid}.article-body figure.article-video{gap:var(--space-sm);margin:var(--space-xl) 0;display:grid}.article-body .article-video__stage{aspect-ratio:16/9;border-radius:clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);background:#0f0c0cbd;border:1px solid #ffd5be2e;place-items:center;width:100%;display:grid;overflow:hidden}.article-body .article-video__stage iframe{border:0;width:100%;height:100%}.article-body .article-video__load{color:#ffe3d2;cursor:pointer;background:#ff9b6724;border:1px solid #ffb38da6;border-radius:999px;min-height:44px;padding:10px 18px;font:700 .8em/1.4 Inter,Noto Sans SC,Microsoft YaHei,sans-serif}.article-body .article-video__load:hover{background:#ff9b673d}.article-body .article-video__external-link{color:#ffe6d6c2;font-size:var(--text-label-sm);justify-self:end}.article-body figure.article-video figcaption{color:#ffe6d6b8;font-size:var(--text-label-sm);text-align:center}.right,.split-aside{min-width:0;height:var(--article-panel-height);border:1px solid var(--line);border-radius:clamp(12px, calc(var(--desktop-anchor-size) * .0046875), 18px);padding:var(--space-lg);align-self:start;gap:var(--space-md);font-size:var(--text-body-sm);background:#ffffff08;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.article-sidebar-head,.sidebar-head{align-items:center;gap:var(--space-sm);display:flex}.article-search-field--sidebar{flex:auto;width:100%;min-width:0}.article-sidebar-body{min-height:0;padding-right:4px;overflow-y:auto}.right ul,.split-aside ul{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.right a,.split-aside a{color:#f7d9c4}.sidebar-item{grid-template-columns:var(--article-sidebar-thumb-w) 1fr;gap:var(--space-sm);padding:var(--space-xs);border-radius:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffe0ca14;align-items:center;display:grid}.sidebar-item span{line-height:1.45}.sidebar-item img{width:var(--article-sidebar-thumb-w);height:var(--article-sidebar-thumb-h);border-radius:clamp(8px, calc(var(--desktop-anchor-size) * .003125), 12px);object-fit:cover}.right a:hover,.split-aside a:hover{color:var(--accent)}.article-tool-button--sidebar{margin-left:auto}.article-sidebar-toggle{width:var(--article-sidebar-toggle-size);min-width:var(--article-sidebar-toggle-size);min-height:var(--article-sidebar-toggle-size);font-size:var(--text-body-md);padding:0;line-height:1}.article-search-results{gap:var(--space-lg);display:grid}.article-search-results-head{justify-content:space-between;align-items:baseline;gap:var(--space-xl);flex-wrap:wrap;display:flex}.article-search-results-head h1,.article-search-results-head p{margin:0}.article-search-results-head p{color:#ffe8d6b8;font-size:var(--text-body-md)}.article-search-empty{color:#ffe8d6bd;margin:0}.article-search-results-grid>.article-search-empty{grid-column:1/-1}.right.is-collapsed .article-search-field,.right.is-collapsed .article-sidebar-body,.split-aside.is-collapsed .article-search-field,.split-aside.is-collapsed .article-sidebar-body{display:none}.right.is-collapsed,.split-aside.is-collapsed{backdrop-filter:none;background:0 0;border-color:#0000;width:max-content;padding:0;overflow:visible}@media (width<=980px){.article-home{min-height:calc(100svh - 96px);padding:72px 0 26px}.article-layout,.article-layout.is-sidebar-collapsed,.split-layout.is-sidebar-collapsed{grid-template-columns:1fr}.article-body figure.article-media--left,.article-body figure.article-media--right{width:100%}.article-body .article-gallery{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.article-library>.h{margin-top:var(--space-sm)}[data-article-library-root] [data-article-library-default][hidden],[data-article-library-root] [data-article-search-results][hidden]{display:none}