:root{--color-primary:#7ab8b3;--color-primary-light:#8cc8c3;--color-primary-dark:#66a29d;--color-secondary:#f5f3ef;--color-accent:#3a7b6e;--color-accent-light:#5a9b8e;--color-accent-dark:#2a5b4e;--color-highlight:#b85c2a;--color-highlight-light:#d07c4a;--color-text-primary:#2c2c2c;--color-text-secondary:#6b6b6b;--color-text-placeholder:#9e9e9e;--color-border:#e0ddd6;--color-card-bg:#fff;--color-error:#dc2626;--color-mask:#0006;--color-accent-alpha:#3a7b6e1a;--font-family-serif:"思源宋体", "Noto Serif SC", "宋体", serif;--font-family-sans:"思源黑体", "Noto Sans SC", "Helvetica Neue", "PingFang SC", "微软雅黑", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-circle:50%;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014}*{box-sizing:border-box;margin:0;padding:0}.dis-select{-webkit-user-select:none;user-select:none}body{background-color:var(--color-secondary);color:var(--color-text-primary);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6,.logo,.card-title,.nav-title{font-weight:500;line-height:1.3}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-dark)}li{list-style:none}button,.button{justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:500;font-family:var(--font-family-sans);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:1px solid #0000;padding:9px 20px;transition:all .2s;display:inline-flex}.card{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}input,textarea,select{width:100%;font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);outline:none;padding:9px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)!important}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder)}label{color:var(--color-text-secondary);font-size:14px;font-weight:500;display:block}input[type=radio],input[type=checkbox]{width:auto;margin-right:var(--spacing-xs);accent-color:var(--color-accent)}input[type=checkbox]{width:15px;height:15px}.tag{background-color:var(--color-secondary);color:var(--color-text-secondary);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.tag-highlight{background-color:var(--color-highlight);color:#fff}.tag-primary{background-color:var(--color-primary);color:#fff}hr{margin:var(--spacing-lg) 0;background-color:var(--color-border);border:0;height:1px}.user-avatar{background-color:var(--color-border);border-radius:50%;width:40px;height:40px;display:inline-block}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-highlight{color:var(--color-highlight)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.fs-14{font-size:14px}.fs-13{font-size:13px}.fs-12{font-size:12px}.circle{border-radius:var(--radius-circle)}.preserve-format{white-space:pre-wrap;font-family:inherit}.single-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.space-between{justify-content:space-between;display:flex}.space-center{justify-content:center;display:flex}.space-around{justify-content:space-around;display:flex}.items-center{align-items:center;display:flex!important}.cursor-pointer{cursor:pointer}.multi-line{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:200px;display:-webkit-box;overflow:hidden}.xs-app-header{z-index:3;width:100%;position:fixed;top:0}.fixed-container{padding-top:72px;position:relative}.security-tip{color:#1d4ed8;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#1d4ed81a;display:flex}.security-tip .tip-content .fs-13{font-weight:700}.security-tip .tip-content .fs-12{margin-top:2px}.security-tip .email{font-weight:700}.bottom-nav{background:var(--color-card-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:100;justify-content:space-around;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-icon{font-size:20px}.container{width:1280px;padding:var(--spacing-lg);margin:0 auto}.color-emphasis{color:red}.reward-modal .modal-content{background:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);max-width:320px;margin:auto}.reward-amounts{gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-wrap:wrap;display:flex}.reward-amount{text-align:center;background:var(--color-secondary);border-radius:var(--radius-sm);cursor:pointer;flex:1;min-width:70px;padding:8px 0}.reward-amount.active{background:var(--color-accent);color:#fff}.reader-content{font-family:var(--font-family-serif);color:var(--color-text-primary);font-size:18px;line-height:1.8}.reader-content p{margin-bottom:1em}.reader-notes{background:var(--color-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-lg)}.post-list{gap:var(--spacing-md);flex-direction:column;display:flex}.post-item{background:var(--color-card-bg);border-radius:var(--radius-sm);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .2s}.post-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-title{margin-bottom:var(--spacing-xs);font-size:18px;font-weight:600}.post-meta{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform-origin:top;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);transform:scaleY(1)}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(.8)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from{opacity:0;transform:translate(100%)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-100%)}.slide-right-leave-to{opacity:0;transform:translate(100%)}.fadeIn-enter-active,.fadeIn-leave-active{will-change:opacity;transition:opacity .3s}.fadeIn-enter-from,.fadeIn-leave-to{opacity:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:var(--color-secondary,#f5f3ef);border-radius:var(--radius-md,15px)}::-webkit-scrollbar-thumb{background:var(--color-primary,#7ab8b3);border-radius:var(--radius-md,15px);transition:background .25s}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark,#66a29d)}::-webkit-scrollbar-thumb:active{background:var(--color-accent,#3a7b6e)}::-webkit-scrollbar-corner{background:var(--color-secondary,#f5f3ef)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary,#7ab8b3) var(--color-secondary,#f5f3ef)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}