.circle-page{min-height:100vh;background:#f6f6f6}.circle-container{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;gap:10px}.circle-feed{flex:1;min-width:0;background:#fff;border-radius:2px;box-shadow:0 1px 3px #1a1a1a0a;padding:0}.circle-sidebar{width:296px;flex-shrink:0}.earnings-bar{display:flex;align-items:center;gap:24px;padding:10px 20px;margin:0;background:linear-gradient(135deg,#f6ffed,#e6f7ff);cursor:pointer;transition:box-shadow .15s;border-bottom:1px solid #f0f0f0}.earnings-bar:hover{box-shadow:0 1px 4px #0000000d}.earnings-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#333}.earnings-value{font-size:18px;font-weight:700;color:#52c41a}.earnings-sub{font-size:12px;color:#999;margin-left:2px}.quick-publish{display:flex;gap:10px;margin-bottom:10px;align-items:center}.quick-publish-input{flex:1;display:flex;align-items:center;background:#f6f6f6;border-radius:4px;padding:8px 14px;border:1px solid #e7e7e7;transition:border-color .15s}.quick-publish-input:hover,.quick-publish-input:focus-within{border-color:#8590a6;background:#fff}.quick-publish-input input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:#333}.quick-publish-input input::placeholder{color:#8590a6}.circle-tabs-row{border-bottom:1px solid #f0f0f0;margin-bottom:0}.tab-item{display:inline-flex;align-items:center;gap:4px;padding:0 16px 14px;font-size:15px;font-weight:500;color:#8590a6;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;-webkit-user-select:none;user-select:none}.tab-item:hover{color:#333}.tab-item.active{color:#1a1a1a;font-weight:600;border-bottom-color:#1a1a1a}.post-item{padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:background .08s}.post-item:first-child{padding-top:12px}.post-item:hover{background:#fafafa}.post-title{font-size:16px;font-weight:600;line-height:1.45;color:#1a1a1a;margin-bottom:6px;display:flex;align-items:center;gap:8px;cursor:pointer}.post-title:hover{color:#056de8}.post-reward-tag{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#f1403c;background:#fff0f0;padding:2px 8px;border-radius:3px;white-space:nowrap;flex-shrink:0}.post-excerpt{font-size:14px;line-height:1.68;color:#646464;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;cursor:pointer}.read-more{font-size:13px;color:#8590a6;cursor:pointer;margin-bottom:6px;display:inline-flex;align-items:center;gap:3px;-webkit-user-select:none;user-select:none}.read-more:hover{color:#056de8}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:#999}.post-meta-item{display:flex;align-items:center;gap:3px}.post-tag{font-size:12px;color:#056de8;background:#056de80f;padding:2px 8px;border-radius:3px}.post-actions{display:flex;align-items:center;gap:24px;margin-top:8px;padding-left:0}.action-btn{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:#8590a6;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .12s;-webkit-user-select:none;user-select:none}.action-btn:hover{background:#056de80d;color:#056de8}.action-btn.voted{color:#056de8;background:#056de814}.post-expanded{margin-top:10px;padding-top:12px;border-top:1px solid #f0f0f0}.post-full-content{font-size:14px;line-height:1.72;color:#333;white-space:pre-wrap;margin-bottom:14px}.responses-section{margin-top:4px}.response-item{padding:14px 0;border-bottom:1px solid #f5f5f5}.response-item:last-child{border-bottom:none}.reply-box{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 14px;background:#f6f6f6;border-radius:6px;border:1px solid #e7e7e7}.reply-box:focus-within{background:#fff;border-color:#8590a6}.sidebar-card{background:#fff;border-radius:2px;padding:16px;margin-bottom:10px;box-shadow:0 1px 3px #1a1a1a0a}.sidebar-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.sidebar-tag-list{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag{font-size:13px;color:#555;background:#f6f6f6;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .15s}.sidebar-tag:hover{background:#056de8;color:#fff}@media (max-width: 768px){.circle-container{flex-direction:column;padding:0 12px}.circle-sidebar{display:none}.post-item{padding:14px 10px}}.app-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1890ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1;margin-top:64px}.app-content{flex:1;padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px);overflow-y:auto}.app-header.ant-layout-header{position:fixed;top:0;width:100%;z-index:1000;background:#fff!important;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;line-height:64px}.header-left{display:flex;align-items:center;gap:32px;flex:1;min-width:0}.app-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1890ff;white-space:nowrap}.header-right{display:flex;align-items:center;gap:8px;white-space:nowrap}.header-username{font-size:14px;color:#333}.guest-prompt-card{text-align:center;padding:60px 24px;max-width:480px;margin:40px auto}.guest-prompt-card .anticon{font-size:48px;color:#1890ff;margin-bottom:16px}.guest-prompt-card h2{margin-bottom:8px}.guest-prompt-card p{color:#8c8c8c;margin-bottom:24px}.config-card{transition:all .3s ease}.config-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;margin-bottom:8px}.page-header p{color:#8c8c8c;font-size:14px}.export-preview{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.monaco-editor-wrapper{border:1px solid #d9d9d9;border-radius:8px;overflow:hidden}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.monaco-editor{border-radius:8px;overflow:hidden}.ant-card{box-shadow:0 2px 8px #00000014;border-radius:8px}.ant-btn-primary{box-shadow:0 2px 4px #1890fc4d}code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace}pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0}