.article-shell,.article-loading,.article-missing{color:#172334;background:#f5f0e6;min-height:100vh;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.article-loading,.article-missing{text-align:center;place-content:center;display:grid}.article-missing p{color:#9b752f;letter-spacing:.18em}.article-missing h1{font-size:42px}.article-missing a{color:#8b6727}.article-nav{z-index:20;background:#07182c;border-bottom:1px solid #d7b56d40;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,6vw,90px);display:flex;position:sticky;top:0}.article-brand{color:#f5ead2;flex-direction:column;text-decoration:none;display:flex}.article-brand b{letter-spacing:.08em;font-size:18px}.article-brand span{letter-spacing:.25em;color:#d7b56d;font-size:8px}.article-nav nav{gap:32px;display:flex}.article-nav nav a{color:#d7b56d;font-size:13px;text-decoration:none}.article-nav nav a:hover{color:#ffe0a0}.article-test-link{color:#e6c67f;border:1px solid #d7b56d;border-radius:6px;padding:10px 17px;font-size:13px;text-decoration:none}.article-page{width:min(820px,100% - 40px);margin:0 auto;padding:90px 0 120px}.article-meta{color:#9b752f;letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;display:flex}.article-meta i{background:#c3ab7a;width:28px;height:1px}.article-meta time{color:#7b8793}.article-page>h1{margin:24px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(40px,5vw,66px);line-height:1.25}.article-summary{color:#647181;border-left:3px solid #b58a3f;padding-left:22px;font-size:19px;line-height:1.9}.article-divider{justify-content:center;align-items:center;height:120px;display:flex}.article-divider:before,.article-divider:after{content:"";background:#d7c8aa;width:90px;height:1px}.article-divider span{color:#a47a31;border:1px solid #b99148;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 15px;font-family:Georgia,serif;display:grid}.article-body p{color:#344252;margin:0 0 26px;font-size:18px;line-height:2.05}.article-body p:first-child:first-letter{float:left;color:#a77c30;padding:10px 10px 0 0;font-family:Georgia,serif;font-size:64px;line-height:.8}.article-end{color:#f4ead8;text-align:center;background:#07182c;border-radius:3px;margin-top:70px;padding:45px}.article-end>span{color:#d7b56d;letter-spacing:.25em;font-size:10px}.article-end h2{font-size:25px;line-height:1.6}.article-end a{color:#e9c879;border-bottom:1px solid #b98d3d;margin-top:15px;padding-bottom:5px;text-decoration:none;display:inline-block}.article-footer{color:#d7b56d;background:#061426;justify-content:space-between;align-items:center;min-height:140px;padding:35px clamp(22px,6vw,90px);display:flex}.article-footer p{color:#778b9f;font-size:12px}.articles-hero{color:#f5ead5;background:radial-gradient(circle at 75% 40%,#183b5b,#07182c 58%);padding:100px clamp(24px,8vw,130px)}.articles-hero p{color:#d7b56d;letter-spacing:.2em;font-size:11px}.articles-hero h1{margin:20px 0;font-size:clamp(45px,6vw,78px)}.articles-hero span{color:#95a7b9;font-size:17px}.article-list{grid-template-columns:repeat(2,1fr);gap:18px;padding:80px clamp(24px,8vw,130px);display:grid}.article-list>a{color:#172334;background:#fff;border:1px solid #dacdb7;padding:32px;text-decoration:none;transition:all .2s;position:relative}.article-list>a:hover{border-color:#b9924b;transform:translateY(-4px);box-shadow:0 18px 45px #242c3517}.article-list>a>div{color:#9b752f;justify-content:space-between;font-size:11px;display:flex}.article-list time{color:#8c97a2}.article-list>a>b{color:#eee6d8;font-size:55px;position:absolute;top:55px;right:25px}.article-list h2{max-width:80%;font-size:25px;line-height:1.45;position:relative}.article-list p{color:#64717d;min-height:86px;line-height:1.8}.article-list em{color:#9c752e;font-size:13px;font-style:normal}@media (max-width:800px){.article-nav{height:auto;min-height:72px;padding:15px 18px}.article-nav nav{display:none}.article-page{padding:60px 0 80px}.article-page>h1{font-size:40px}.article-summary,.article-body p{font-size:16px}.article-end{padding:30px 22px}.article-footer{flex-direction:column;align-items:flex-start;gap:10px}.articles-hero{padding:70px 22px}.article-list{grid-template-columns:1fr;padding:50px 20px}}