/* Glass UI takes over surfaces */
body, #swr-main-app, .swr-swipeable-view, .swr-bottom-nav, .swr-header, .sf-bg, #sf-view-list { background-color: transparent !important; }
    .swr-chat-entry-inner, .sf-post-card, .sf-dt-content, .sf-cmt-item, .swr-panel { background-color: transparent !important; }
    * { font-weight: normal !important; } 
    .swr-header span { font-weight: normal !important; }

    .sf-sort-tab { flex:1; text-align:center; font-size:14px; color:#888; cursor:pointer; }
    .sf-sort-tab.active { color:#000; }

    /* 侧边栏 */
    #sf-sidebar-overlay, #sf-search-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:9998; }
    #sf-sidebar { position:fixed; top:0; left:0; width:172px; height:100%; background:#fff; box-shadow:4px 0 20px rgba(0,0,0,0.06); display:flex; flex-direction:column; z-index:9999; transform:translateX(-105%); transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    #sf-sidebar.sf-open { transform:translateX(0); }
    .sf-sidebar-header { padding: 40px 15px 20px; border-bottom: 1px solid #f0f0f0; }
    .sf-sidebar-title { font-size: 20px; margin-bottom: 5px; color: var(--swr-text);}
    .sf-sidebar-desc { font-size: 12px; color: #888;}
    .sf-cat-list { padding: 10px 0; overflow-y: auto; flex: 1; }
    .sf-cat-item { padding: 16px 15px; font-size: 15px; color: #333; cursor: pointer; border-bottom: 1px solid #f9f9f9; }
    .sf-cat-item:last-child { border-bottom: none; }
    .sf-cat-item:active { background: #f5f5f5; }
    .sf-cat-item.active { color: var(--swr-text); background: #fafafa; border-left: 4px solid #000; padding-left: 11px; }

    #sf-search-drawer { position:fixed; top:0; right:0; width:75%; max-width:300px; height:100%; background:#fff; box-shadow:-4px 0 20px rgba(0,0,0,0.06); display:flex; flex-direction:column; z-index:190; transform:translateX(105%); transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    #sf-search-drawer.sf-open, #sf-notif-drawer.sf-open { transform:translateX(0) !important; }
    .sf-search-header { padding: 40px 20px 20px; border-bottom: 1px solid #f0f0f0; font-size:18px; color:#000; }
    .sf-search-body { padding: 20px; flex:1; }
    .sf-search-input-wrap { display:flex; background:#f5f5f5; border-radius:8px; padding:12px 14px; align-items:center; }
    .sf-search-input-wrap input { border:none; background:transparent; outline:none; flex:1; font-size:15px; color:#000; }
    .sf-do-search-btn-drawer { margin-top: 20px; background:#000; color:#fff; text-align:center; padding:14px; border-radius:8px; font-size:15px; cursor:pointer; }
    .sf-do-search-btn-drawer:active { background:#333; }

    .sf-action-item { padding:16px; text-align:center; font-size:16px; color:#000; border-bottom:1px solid #f0f0f0; cursor:pointer;}
    .sf-action-item:last-child { border-bottom:none; }
    .sf-action-item:active { background:#f9f9f9; }
    .sf-action-item.danger { color:#e53935; }

    .sf-notif-card { padding:15px 20px; border-bottom:1px solid #f5f5f5; cursor:pointer; }
    .sf-notif-card.unread { background:#fffaf0; }
    .sf-notif-title { font-size:14px; color:#333; margin-bottom:4px;}
    .sf-notif-title b { font-weight:normal !important; color:#000;}
    .sf-notif-text { font-size:13px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

    /* 列表卡片 */
    .sf-post-card { padding: 12px 18px; background: #fff; border-bottom: 1px solid #f4f4f4; cursor: pointer; }
    .sf-post-title { font-size: 15px; color: var(--swr-text); line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .sf-post-title.read { color: #888; }
    
    .sf-post-meta { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #888; width: 100%; box-sizing: border-box; overflow: hidden;}
    .sf-meta-left { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
    .sf-author { color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90px; cursor:pointer; }
    .sf-author:active { color: var(--swr-text); }
    
    .sf-meta-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; white-space: nowrap; }
    .sf-cat-badge { background: #f4f4f4; color: #333; padding: 2px 6px; border-radius: 4px; font-size: 11px; flex-shrink:0; margin-left: 5px;}
    .sf-badge-gold { background: #fff8e1; color: #d4af37; border: 1px solid #ffecb3; }
    .sf-badge-sticky { border: 1px solid #000; color: var(--swr-text); background: transparent; }
    .sf-stat { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
    .sf-fav-btn { display: flex; align-items: center; gap: 4px; cursor: pointer; }
    .sf-fav-btn svg { width: 14px; height: 14px; stroke: #888; stroke-width: 1.5; fill: none; transition: all 0.2s;}
    .sf-fav-btn.active svg { stroke: #f5a623; fill: #f5a623; }
    .sf-fav-btn.active { color: #f5a623; }

    /* 详情页 */
    .sf-dt-title { font-size: 17px; color: var(--swr-text); line-height: 1.4; margin-bottom: 15px; }
    .sf-dt-author-box { display: flex; align-items: center; margin-bottom: 15px; }
    .sf-dt-name { font-size: 15px; color: var(--swr-text); display:flex; align-items:center;}
    .sf-dt-time { font-size: 12px; color: #aaa; margin-top: 2px; }
    .sf-dt-text { font-size: 16px; color: var(--swr-text); line-height: 1.7; word-break: break-all; margin-bottom: 5px; padding: 0 1px; word-wrap: break-word; overflow-wrap: break-word;}
    
    .sf-cmt-header{ padding: 12px 18px; font-size:14px; background: transparent !important; border: none !important; }
    .sf-cmt-item{ padding: 16px 18px; background: transparent !important; border: none !important; display:flex; align-items:flex-start; cursor:pointer; gap:12px; margin: var(--swr-gap) 0; }
    .sf-cmt-item:active { background: #fafafa; }
    .sf-cmt-body { flex: 1; overflow: hidden; }
    
    .sf-cmt-header-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px; width: 100%;}
    .sf-cmt-name { font-size: 13px; color: #555; display:flex; align-items:center; }
    .sf-op-badge { border:1px solid #e53935; color:#e53935; font-size:10px; padding:0 3px; border-radius:3px; margin-left:6px; line-height:1.2;}
    .sf-cmt-actions { display: flex; align-items: center; gap: 10px; }
    .sf-cmt-floor { font-size:12px; color:#ccc; pointer-events:none;}
    .sf-admin-del-btn { color:#e53935; font-size:12px; cursor:pointer;}
    .sf-more-act-btn { color:#888; font-size:14px; font-weight:bold !important; line-height:1; cursor:pointer; padding:2px 5px;}

    .sf-cmt-text { font-size: 15px; color: var(--swr-text); line-height: 1.5; padding:0 1px; word-wrap:break-word; }
    .sf-cmt-time { font-size: 11px; color: #bbb; margin-top: 6px; }
    
    .sf-quote-block{ background: transparent !important; border: none !important; padding: 10px 14px; font-style: italic; color: var(--swr-subtext) !important; font-size: 13px; border-radius: var(--swr-radius-sm); }
    .sf-quote-preview { display:none; background:#f9f9f9; border-bottom:1px solid #eaeaea; padding:8px 18px; font-size:12px; color:#888; align-items:center; justify-content:space-between; width:100%; box-sizing:border-box;}
    .sf-quote-preview-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex:1; font-style: italic; }
    .sf-quote-cancel { padding:0 0 0 15px; color:#e53935; cursor:pointer; font-size:18px; line-height:1; }

    .sf-bottom-input { position: absolute; left: 0; right: 0; bottom: 0; background: #f2f2f2; z-index: 2; border-top: 1px solid #e5e5e5; display: flex; }
    .swr-input-wrapper { position: relative; display: flex; align-items: flex-end; background: #fff; border: 1px solid #e8e8e8; border-radius: 20px; padding: 6px 42px 6px 16px; min-height: 40px; }
    .swr-input-wrapper textarea { flex: 1; background: transparent; border: none; outline: none; font-size: 15px; color: var(--swr-text); padding: 0; resize: none; line-height: 1.4; display: block; max-height:100px; height:22px; }
    
    /* 岛屿跟帖黑圈修复：绝对定位向下向右1px偏移锁定 */
    #sf-send-cmt-btn { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 50% !important; background: #000 !important; display: flex !important; justify-content: center !important; align-items: center !important; position: absolute !important; right: 3px !important; bottom: 3px !important; padding: 0 !important; cursor: pointer; transition: transform 0.1s;}
    #sf-send-cmt-btn svg { width: 16px !important; height: 16px !important; display: block !important; stroke: #fff !important; }
    #sf-send-cmt-btn:active { background: #333 !important; transform: scale(0.9); }
    
    .sf-custom-select-trigger { display:flex; align-items:center; justify-content:space-between; width:fit-content; min-width:100px; background:#f5f5f5; border-radius:6px; padding:8px 12px; font-size:15px; color:#000; cursor:pointer; user-select:none; margin-bottom:20px; }
    .sf-custom-select-trigger svg { width:14px; height:14px; stroke:#000; stroke-width:1.5; fill:none; margin-left:10px;}
    .sf-custom-select-dropdown { display:none; position:absolute; top:45px; left:0; background:#fff; border:1px solid #eaeaea; border-radius:8px; box-shadow:0 4px 15px rgba(0,0,0,0.05); min-width:120px; overflow:hidden; z-index:100;}
    .sf-custom-select-opt { padding:12px 16px; font-size:15px; color:#333; cursor:pointer; border-bottom:1px solid #f9f9f9; }
    .sf-custom-select-opt:last-child { border-bottom:none; }
    .sf-custom-select-opt:active { background:#f5f5f5; }

    .sf-user-tab, .sf-admin-tab { flex:1; text-align:center; padding:15px 0; font-size:14px; color:#888; cursor:pointer; border-bottom:2px solid transparent; white-space:nowrap;}
    .sf-user-tab.active, .sf-admin-tab.active { color:#000; border-bottom-color:#000; }

    .sf-admin-cat-card { background:#fff; padding:15px 18px; border-radius:12px; margin-bottom:10px; border:1px solid #eaeaea; display:flex; justify-content:space-between; align-items:center; }
    .sf-admin-act { font-size:13px; cursor:pointer; padding:5px; user-select:none;}
    .sf-admin-act:active { opacity: 0.5; }