.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-ai-tag{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#7c3aed;background:#f3e8ff;padding:2px 8px;border-radius:3px;white-space:nowrap;flex-shrink:0;margin-right:6px}.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}}.templates-page{max-width:1080px;margin:0 auto;padding:0 16px 48px}.templates-hero{text-align:center;padding:40px 16px 28px}.templates-hero-title{margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.templates-hero-subtitle{margin:0 auto 22px;max-width:560px;color:#6b7280;font-size:15px;line-height:1.7}.templates-hero-search{max-width:440px;margin:0 auto}.templates-hero-search .ant-input-affix-wrapper{border-radius:999px;padding:8px 18px;box-shadow:0 2px 10px #6366f11a;border-color:#e5e7eb;transition:box-shadow .25s ease,border-color .25s ease}.templates-hero-search .ant-input-affix-wrapper:hover,.templates-hero-search .ant-input-affix-wrapper-focused{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf62e}.templates-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px}.template-category-pill{padding:6px 16px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.template-category-pill:hover{border-color:#a78bfa;color:#7c3aed}.template-category-pill.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;font-weight:500;box-shadow:0 3px 10px #7c3aed47}.template-category-count{margin-left:6px;font-size:12px;opacity:.75}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.template-card{display:flex;flex-direction:column;height:100%;padding:20px;background:#fff;border:1px solid #eef0f3;border-radius:14px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.template-card:hover{transform:translateY(-4px);border-color:#ddd6fe;box-shadow:0 10px 28px #6366f124}.template-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.template-card-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#f3e8ff);border:1px solid #e9e5fb}.template-card-title{margin:0;font-size:16px;font-weight:600;color:#111827;line-height:1.35}.template-card-badge{margin-left:6px;font-size:11px;font-weight:500;color:#7c3aed;background:#f3e8ff;border-radius:4px;padding:1px 6px;vertical-align:2px}.template-card-desc{flex:1;margin:0 0 14px;color:#6b7280;font-size:13.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card-tags{margin-bottom:14px}.template-card-tags .ant-tag{border-radius:6px;margin-inline-end:6px}.template-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6}.template-card-meta{display:flex;gap:12px;color:#9ca3af;font-size:12.5px}.template-preview-modal .ant-modal-content{border-radius:16px;overflow:hidden}.template-preview-head{display:flex;align-items:center;gap:14px}.template-preview-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:27px;border-radius:13px;background:linear-gradient(135deg,#eef2ff,#f3e8ff);border:1px solid #e9e5fb}.template-preview-title{margin:0;font-size:18px;font-weight:650;color:#111827}.template-preview-meta{margin-top:4px;color:#9ca3af;font-size:12.5px}.template-preview-section{margin-top:18px}.template-preview-section-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#7c3aed;letter-spacing:.3px}.template-preview-prompt{max-height:300px;overflow-y:auto;margin:0;padding:14px 16px;background:#f8f7ff;border:1px solid #eee9fd;border-radius:10px;font-size:12.5px;line-height:1.75;color:#374151;white-space:pre-wrap;word-break:break-word;font-family:inherit}.templates-empty{padding:64px 0}@media (max-width: 640px){.templates-hero{padding:28px 8px 20px}.templates-hero-title{font-size:24px}.templates-grid{grid-template-columns:1fr}}.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}