.oak-zhuanti-home {
        max-width: 1600px;
        margin: 0 auto;
        padding: 30px 24px 60px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        background: transparent;
    }
    .home-layout {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }
    .home-main {
        flex: 1;
        min-width: 0;
    }
    .home-sidebar {
        width: 280px;
        flex-shrink: 0;
        position: sticky;
        top: 90px;
        background: #fff;
        border-radius: 20px;
        border: 1px solid #edf2f7;
        padding: 20px;
    }
    .profile-card {
        background: #ffffff;
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 28px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        border: 1px solid #edf2f7;
    }
    .profile-card-bg {
        height: 70px;
        background-size: cover;
        background-position: center;
        background-color: #1e293b;
    }
    .profile-card-inner {
        padding: 0 16px 16px 16px;
        position: relative;
    }
    .profile-avatar-wrapper {
        text-align: center;
        margin-top: -32px;
    }
    .profile-avatar {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        border: 3px solid white;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        overflow: hidden;
        display: inline-block;
    }
    .profile-avatar img { width:100%; height:100%; object-fit:cover; }
    .profile-name-row {
        text-align: center;
        margin-bottom: 12px;
        display: flex;
        align-items: baseline;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    .profile-name { font-size:1.1rem; font-weight:700; color:#0f172a; }
    .profile-role { font-size:.7rem; color:#3b82f6; background:#eff6ff; padding:0 10px; border-radius:20px; white-space:nowrap; }
    .profile-btn-wrapper { text-align:center; margin-bottom:16px; }
    .profile-btn { display:inline-block; background:#0070ff; color:#fff; font-size:.75rem; font-weight:500; padding:0 16px; border-radius:30px; text-decoration:none; line-height:28px; }
    .profile-stats-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        padding-top: 12px;
        border-top: 1px solid #edf2f7;
        text-align: center;
    }
    .profile-stat-number { font-size:1.2rem; font-weight:700; color:#0f172a; line-height:1.2; }
    .profile-stat-label { font-size:.7rem; color:#64748b; margin-top:4px; }
    .unified-login-card { text-align:center; padding:32px 20px; background:#fff; border-radius:20px; border:1px solid #edf2f7; }
    .unified-login-card a { display:inline-block; background:#0070ff; color:#fff; font-size:.75rem; padding:0 16px; border-radius:30px; text-decoration:none; line-height:28px; }
    .sidebar-title { font-size:18px; font-weight:700; color:#0f172a; border-bottom:2px solid #3b82f6; display:inline-block; }
    .follow-list { list-style:none; margin:0; padding:0; }
    .follow-item { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #edf2f7; }
    .follow-item-logo { width:40px; height:40px; border-radius:10px; overflow:hidden; background:#f1f5f9; flex-shrink:0; }
    .follow-item-logo img { width:100%; height:100%; object-fit:cover; }
    .follow-item-info { flex:1; min-width:0; }
    .follow-item-name { font-size:.85rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .follow-item-name a { color:#0f172a; text-decoration:none; }
    .follow-item-name a:hover { color:#3b82f6; }
    .follow-item-stats { font-size:.7rem; color:#64748b; }
    .sidebar-pagination { margin-top:16px; text-align:center; }
    .sidebar-pagination .page-numbers { display:inline-block; padding:0 12px; margin:0 2px; background:#f1f5f9; border-radius:6px; font-size:12px; text-decoration:none; color:#1e293b; }
    .sidebar-pagination .page-numbers.current { background:#0645fa; color:#fff; }
    @media (max-width: 1024px) {
        .home-layout { flex-direction:column; }
        .home-sidebar { width:100%; position:static; }
    }
    .oak-carousel { position:relative; width:100%; border-radius:20px; overflow:hidden; margin-bottom:10px; box-shadow:0 10px 20px -8px rgba(0,0,0,0.1); }
    .oak-carousel-container { position:relative; width:100%; height:280px; }
    .oak-carousel-slide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .6s; background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,0.4); }
    .oak-carousel-slide.active { opacity:1; z-index:2; }
    .oak-carousel-content { max-width:80%; padding:0; background:none; position:relative; z-index:2; }
    .oak-carousel-content h2 { color:#fff; font-size:2.2rem; margin:0 0 8px; font-weight:700; }
    .oak-carousel-content p { font-size:1rem; margin-bottom:16px; opacity:.95; }
    .oak-carousel-btn { display:inline-block; background:#0070ff; color:#fff; padding:0 12px; border-radius:30px; text-decoration:none; font-weight:600; font-size:11px; line-height:28px; }
    .oak-carousel-dots { position:absolute; bottom:0; left:0; right:0; text-align:center; z-index:10; }
    .oak-dot { display:inline-block; width:8px; height:8px; margin:0 5px; background:rgba(255,255,255,0.6); border-radius:50%; cursor:pointer; }
    .oak-dot.active { background:#fff; width:20px; border-radius:6px; }
    /* 快速发布 */
    .oak-quick-poster { background:#fff; border-radius:20px; border:1px solid #edf2f7; padding:20px; margin-bottom:40px; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
    .oak-quick-title { width:100%; border:1px solid #e2e8f0; border-radius:16px; padding:12px 16px; font-size:15px; margin-bottom:16px; box-sizing:border-box; }
    .oak-quick-title:focus { outline:none; border-color:#0070ff; }
    #quill-editor { min-height:150px; background:#fff; border:1px solid #e2e8f0; margin-bottom:16px; }
    .ql-toolbar { border-top-left-radius:16px; border-top-right-radius:16px; background:#fff; border-color:#e2e8f0 !important; }
    .ql-container { border-bottom-left-radius:16px; border-bottom-right-radius:16px; font-size:14px; }
    .oak-quick-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:8px; }
    .oak-custom-select { position:relative; flex:2; min-width:180px; }
    .oak-select-trigger { background:#f8fafc; border:1px solid #e2e8f0; border-radius:40px; padding:0px 16px; font-size:13px; color:#1e293b; cursor:pointer; display:flex; align-items:center; justify-content:space-between; }
    .oak-select-dropdown { position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #e2e8f0; border-radius:16px; margin-top:8px; z-index:100; max-height:320px; overflow-y:auto; box-shadow:0 8px 24px rgba(0,0,0,0.1); display:none; scrollbar-width:none; -ms-overflow-style:none; }
    .oak-select-dropdown::-webkit-scrollbar { display:none; }
    .oak-select-search { padding:12px; border-bottom:1px solid #edf2f7; position:sticky; top:0; background:#fff; }
    .oak-select-search input { width:100%; padding:8px 12px; border:1px solid #e2e8f0; border-radius:30px; font-size:13px; outline:none; }
    .oak-topic-option { display:flex; align-items:center; gap:12px; padding:12px; cursor:pointer; border-bottom:1px solid #edf2f7; }
    .oak-topic-option:hover { background:#f1f5f9; }
    .oak-topic-option-logo { width:44px; height:44px; border-radius:12px; overflow:hidden; background:#f1f5f9; flex-shrink:0; }
    .oak-topic-option-logo img { width:100%; height:100%; object-fit:cover; }
    .oak-topic-option-info { flex:1; min-width:0; }
    .oak-topic-option-name { font-weight:600; font-size:.9rem; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .oak-topic-option-desc { font-size:.7rem; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px; }
    .oak-topic-option-stats { font-size:.65rem; color:#64748b; display:flex; gap:8px; }
    .oak-quick-buttons { display:flex; gap:12px; }
    .oak-quick-btn { background:#f1f5f9; border:none; padding:0 20px; border-radius:40px; font-size:13px; font-weight:500; cursor:pointer; height:36px; line-height:36px; transition:opacity .2s, background .2s; }
    .oak-quick-btn.primary { background:#0070ff; color:#fff; }
    .oak-quick-btn.primary a { color:#fff; text-decoration:none; display:block; }
    .oak-quick-btn.disabled { opacity:0.5; cursor:not-allowed; pointer-events:none; }

    .oak-emoji-picker { position:absolute; background:#fff; border:1px solid #ddd; border-radius:12px; padding:8px; display:none; z-index:100; width:260px; max-height:200px; overflow-y:auto; box-shadow:0 4px 12px rgba(0,0,0,0.15); }
    .oak-emoji-picker span { display:inline-block; font-size:24px; cursor:pointer; padding:4px; }
    .oak-latest-section { margin-bottom:40px; }
    .oak-latest-title { font-size:20px; font-weight:700; color:#0f172a; margin:0 0 16px; position:relative; display:inline-block; }
    .oak-latest-title:after { content:''; position:absolute; bottom:-6px; left:0; width:40px; height:3px; background:#3b82f6; border-radius:3px; }
    .oak-latest-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
    .oak-latest-item { background:#fff; border-radius:12px; padding:12px; display:flex; gap:12px; border:1px solid rgba(0,0,0,0.08); transition:transform .2s; align-items:center; }
    .oak-latest-item:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.08); }
    .oak-latest-featured { flex-shrink:0; width:70px; height:70px; background:#f1f5f9; border-radius:10px; overflow:hidden; }
    .oak-latest-featured img { width:100%; height:100%; object-fit:cover; }
    .oak-latest-body { flex:1; min-width:0; }
    .oak-latest-title-link { font-size:.95rem; font-weight:600; margin:0; }
    .oak-latest-title-link a { color:#0f172a; text-decoration:none; }
    .oak-latest-title-link a:hover { color:#3b82f6; }
    .oak-latest-meta { font-size:.65rem; color:#64748b; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:4px; }
    .oak-latest-excerpt { color:#475569; font-size:.75rem; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    @media (max-width:768px) {
        .oak-latest-grid { grid-template-columns:1fr; gap:12px; }
        .oak-latest-item { flex-direction:row; padding:10px; }
        .oak-latest-featured { width:60px; height:60px; }
    }
    .oak-section-title { font-size:20px; font-weight:700; color:#0f172a; margin:0 0 24px; position:relative; display:inline-block; }
    .oak-section-title:after { content:''; position:absolute; bottom:-8px; left:0; width:48px; height:4px; background:#3b82f6; border-radius:4px; }
    .oak-topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:16px; }
    .oak-topic-card { background:#fff; border-radius:20px; padding:14px; display:flex; align-items:center; gap:12px; border:1px solid rgba(0,0,0,0.14); width:100%; box-sizing:border-box; min-width:0; }
    .oak-topic-logo { flex-shrink:0; width:56px; height:56px; border-radius:16px; overflow:hidden; background:#f1f5f9; display:flex; align-items:center; justify-content:center; }
    .oak-topic-logo img { width:100%; height:100%; object-fit:cover; }
    .oak-topic-info { flex:1; min-width:0; }
    .oak-topic-title { font-size:.95rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .oak-topic-title a { color:#0f172a; text-decoration:none; }
    .oak-topic-title a:hover { color:#3b82f6; }
    .oak-topic-desc { font-size:.7rem; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px; }
    .oak-topic-stats { display:flex; gap:8px; font-size:.65rem; color:#64748b; white-space:nowrap; }
    .oak-follow-btn { flex-shrink:0; background:#0070ff; border:none; padding:0 12px; border-radius:40px; font-weight:600; font-size:.7rem; color:#fff; cursor:pointer; height:28px; line-height:28px; white-space:nowrap; }
    .oak-follow-btn.followed { background:#e2e8f0; color:#475569; }
    .oak-follow-btn:not(.followed):hover { background:#0056c1; transform:scale(.96); }
    .oak-pagination { margin:30px 0 20px; text-align:center; }
    .oak-pagination .page-numbers { display:inline-block; padding:0 12px; margin:0 4px; background:#f5f5f5; border:1px solid #ddd; border-radius:6px; text-decoration:none; color:#333; font-size:14px; cursor:pointer; }
    .oak-pagination .page-numbers.current { background:#0645fa; border-color:#0645fa; color:#fff; }
    @media (max-width:1200px) { .oak-topic-grid { grid-template-columns:repeat(4,1fr); } }
    @media (max-width:900px) { .oak-topic-grid { grid-template-columns:repeat(3,1fr); } }
    @media (max-width:700px) { .oak-topic-grid { grid-template-columns:repeat(2,1fr); } .oak-quick-actions { flex-direction:column; align-items:stretch; } .oak-custom-select { width:100%; } .oak-quick-buttons { justify-content:flex-end; } }
    @media (max-width:500px) { .oak-topic-grid { grid-template-columns:1fr; } .oak-carousel-container { height:200px; } .oak-carousel-content h2 { font-size:1.5rem; } .oak-carousel-content p { font-size:.8rem; } .oak-carousel-btn { font-size:10px; padding:2px 10px; } .profile-stats-grid { gap:8px; } .profile-stat-number { font-size:1rem; } .profile-name { font-size:1rem; } }
    .oak-select-trigger.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }