.article-view,.site-footer-content,.site-header-content{background-color:var(--surface-color);box-shadow:var(--card-shadow);width:100%}.dark-theme,:root{--text-on-primary:#FFFFFF}*,body{margin:0;padding:0}.article-title,.site-brand{font-weight:700;color:var(--text-primary)}.article-title,.site-brand,body{color:var(--text-primary)}:root{--primary-color:#5D4037;--primary-light:#8D6E63;--primary-dark:#3E2723;--accent-color:#FFAB00;--accent-light:#FFD54F;--background-color:#F8F9FA;--surface-color:#FFFFFF;--text-primary:#212121;--text-secondary:#616161;--text-hint:#9E9E9E;--border-color:#E0E0E0;--shadow-color:rgba(0, 0, 0, 0.08);--card-shadow:0 8px 16px rgba(0, 0, 0, 0.06);--hover-shadow:0 12px 24px rgba(0, 0, 0, 0.12);--card-radius:16px;--button-radius:24px;--transition-time:0.3s;--loading-color-1:#FF9800;--loading-color-2:#8BC34A;--loading-color-3:#03A9F4;--card-bg:#f5f5f5;--skeleton-bg:#e0e0e0}.site-footer-content,.site-header-content{padding:12px 15px;border-radius:var(--card-radius);max-width:1400px}.dark-theme{--primary-color:#8D6E63;--primary-light:#A1887F;--primary-dark:#6D4C41;--accent-color:#FFB300;--accent-light:#FFCA28;--background-color:#121212;--surface-color:#1E1E1E;--text-primary:#E0E0E0;--text-secondary:#B0B0B0;--text-hint:#909090;--border-color:#333333;--shadow-color:rgba(0, 0, 0, 0.2);--card-shadow:0 8px 16px rgba(0, 0, 0, 0.15);--hover-shadow:0 12px 24px rgba(0, 0, 0, 0.3);--card-bg:#2A2A2A}*{box-sizing:border-box;font-family:'Noto Sans SC',sans-serif}body{background-color:var(--background-color);transition:background-color .5s,color .5s;display:flex;flex-direction:column;min-height:auto}.site-header-content{margin:0 auto;position:relative;display:flex;align-items:center}.site-footer-content{margin:7px auto 20px}.site-footer .recommend-section{border-top:none;padding-top:0;margin-top:8px}.site-brand{display:inline-flex;align-items:center;text-decoration:none}.site-logo{border-radius:4px;object-fit:cover;animation:2.8s ease-in-out infinite logoBounce;will-change:transform}@keyframes logoBounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.site-logo{animation:none}}.site-title{font-size:18px;margin-left:8px}.article-view,.container{position:relative;margin:0 auto}::-webkit-scrollbar{display:none}.main-container{transition:margin-left .3s;flex:1 0 auto}.container{top:5px;max-width:1400px;padding:0 15px}.main-container>.container{top:8px}.article-view{border-radius:var(--card-radius);padding:45px;max-width:100%;animation:.5s forwards fadeIn}.article-header{margin-bottom:32px;display:flex;flex-direction:column}.article-title{font-size:32px;margin-bottom:24px;line-height:1.3;transition:color .3s}.article-meta{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:28px;gap:24px}.article-account-name{color:var(--text-secondary);margin-bottom:4px;font-size:17px}.article-date{color:var(--text-secondary);font-size:14px}.article-content,.recommend-header{font-size:18px;color:var(--text-primary)}.tts-controls{display:flex;gap:7%}.tts-button{width:10%;height:10%;left:150px;top:170px;border-radius:50%;cursor:pointer;border:none;outline:0;background-color:transparent}.recommend-item,.recommend-item:hover{background-color:var(--surface-color)}.tts-button img{width:100%;height:100%}.article-content{line-height:1.8;margin-bottom:40px;white-space:pre-line}.article-content p{margin-bottom:24px;transition:opacity .5s,transform .5s}@media (max-width:992px){.container{padding:0 10px}.site-header-content{padding:10px}.main-container,.site-footer,.site-header{margin-left:0;width:100%}.article-view{padding:32px 24px}}.recommend-section{margin-top:40px;padding-top:16px;border-top:1px solid var(--border-color)}.recommend-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px}.recommend-header::before{content:'★';color:var(--accent-color);font-size:16px}.recommend-list{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:nowrap}.recommend-item{min-width:0;flex:1 1 0;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;transition:transform var(--transition-time) ease,box-shadow var(--transition-time) ease,background-color var(--transition-time) ease,background-image var(--transition-time) ease;overflow:hidden}.recommend-item:hover{box-shadow:var(--hover-shadow);transform:translateY(-3px)}.recommend-link{display:block;color:var(--text-secondary);text-decoration:none;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.recommend-item:hover .recommend-link{color:var(--accent-color);text-decoration:underline}.recommend-link:focus-visible{outline:0;box-shadow:var(--hover-shadow),0 0 0 2px var(--accent-color) inset;color:var(--accent-color)}.recommend-link:active{transform:translateY(-1px) scale(.995)}@media (max-width:768px){.main-container,.site-footer,.site-header{margin-left:0;width:100%}.article-view{padding:30px 20px}.back-btn{margin-bottom:20px;font-size:15px}.article-title{font-size:24px;margin-top:0;margin-bottom:20px}.article-meta{flex-direction:column;align-items:flex-start;gap:16px}.article-content{font-size:16px}.recommend-list{flex-wrap:wrap}.recommend-item{flex:1 1 calc(50% - 16px)}}@media (max-width:480px){.recommend-item{flex:1 1 100%}}