/* ============================================================
   社媒中心 · 赛博风格样式（social_cyber.css）
   基于全站 MXPRO 暗色令牌，叠加霓虹青/品红辉光，保持一致色系。
   版本：2026082201 — 全屏化 + 等比放大 + 平台矩阵展示
   ============================================================ */
:root{
  --sc-bg:#0a0a0a;
  --sc-card:#141418;
  --sc-card-2:#1a1a1a;
  --sc-border:#2a2a33;
  --sc-border-2:#333;
  --sc-primary:#e50914;          /* 全站主色（红） */
  --sc-primary-2:#b20710;
  --sc-cyan:#00eaff;             /* 赛博霓虹青 */
  --sc-magenta:#ff2bd6;          /* 赛博霓虹品红 */
  --sc-amber:#ffc107;
  --sc-green:#4caf50;
  --sc-text:#ffffff;             /* 正文/内容：纯白 */
  --sc-text-2:#e8ebf2;           /* 次要文案：近白（满足“内容皆为白色”） */
  --sc-text-3:#9aa3b6;           /* 仅时间戳/元信息 */
  --sc-glow-cyan:0 0 14px rgba(0,234,255,.35);
  --sc-glow-mag:0 0 14px rgba(255,43,214,.35);
  --sc-radius:12px;
  --sc-transition:.25s;
}
/* 全局字号 16px：整体等比放大（原 14px） */
body.sc-body{background:radial-gradient(1200px 600px at 80% -10%,rgba(229,9,20,.10),transparent 60%),
             radial-gradient(900px 500px at 0% 0%,rgba(0,234,255,.08),transparent 55%),#0a0a0a;
            color:var(--sc-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
            font-size:16px;line-height:1.6;}
body.sc-body *{box-sizing:border-box;}

/* ---------- 全屏化布局 ---------- */
.sc-page{max-width:none;margin:0 auto;display:flex;align-items:flex-start;gap:0;min-height:100vh;}
.sc-sidebar{width:280px;flex:0 0 280px;align-self:flex-start;position:sticky;top:0;height:100vh;overflow-y:auto;
  padding:28px 18px;border-right:1px solid var(--sc-border);
  background:linear-gradient(180deg,rgba(0,234,255,.05),rgba(229,9,20,.03) 40%,transparent 100%);
  scrollbar-width:none;-ms-overflow-style:none;}
.sc-sidebar::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none!important;}

/* ---------- 全站隐藏上下滚动条 ---------- */
html,body.sc-body,body.sc-body *{scrollbar-width:none!important;-ms-overflow-style:none!important;}
html::-webkit-scrollbar,body.sc-body::-webkit-scrollbar,body.sc-body *::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none!important;}
.sc-main{flex:1;min-width:0;padding:32px 48px 80px;}
.sc-main--fullscreen{padding:40px 64px 100px;}
.sc-page--no-sidebar .sc-main{max-width:none;}

/* ---------- 顶部导航：分类 + 搜索（图2/图3） ---------- */
.sc-topnav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 26px;padding:14px 0;
  border-bottom:1px solid var(--sc-border);}
.sc-topnav-cats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sc-cat{display:inline-flex;align-items:center;gap:7px;font-size:16px;color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:11px;transition:var(--sc-transition);white-space:nowrap;}
.sc-cat:hover{color:var(--sc-cyan);background:rgba(0,234,255,.08);box-shadow:var(--sc-glow-cyan);} /* 悬停=赛博色系（非红） */
.sc-cat.active{color:var(--sc-cyan);background:rgba(0,234,255,.14);}
.sc-cat .caret{font-size:11px;opacity:.7;}
.sc-cat-drop{position:relative;}
.sc-cat-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-height:60vh;overflow:auto;
  background:var(--sc-card);border:1px solid var(--sc-cyan);border-radius:12px;padding:7px;z-index:200;
  box-shadow:var(--sc-glow-cyan);display:none;}
.sc-cat-menu.show{display:block;}
.sc-cat-menu a{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:9px;color:#fff;text-decoration:none;font-size:15px;transition:var(--sc-transition);}
.sc-cat-menu a:hover{color:var(--sc-cyan);background:rgba(0,234,255,.08);}
.sc-cat-menu a .sc-cm-ico{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;background:rgba(0,234,255,.12);color:var(--sc-cyan);}

/* 搜索框：复用 CC站首页风格（语音 + AI） */
.sc-search{margin-left:auto;display:flex;align-items:center;gap:7px;background:#0f0f13;border:1px solid var(--sc-border);
  border-radius:999px;padding:6px 7px 6px 18px;min-width:340px;max-width:460px;flex:1 1 340px;transition:var(--sc-transition);}
.sc-search:focus-within{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:15px;font-family:inherit;}
.sc-search-input::placeholder{color:#7c8493;}
.sc-search button,.sc-search a{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;text-decoration:none;}
.sc-search-voice{width:36px;height:36px;border-radius:50%!important;background:transparent!important;color:#9aa3b6;transition:color .25s;}
.sc-search-voice:hover{color:var(--sc-cyan);}
.sc-search-voice.listening{color:var(--sc-cyan);animation:scvpulse 1.2s ease-in-out infinite;}
.sc-search-go{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));color:#04222a;font-size:16px;}
.sc-search-go:hover{filter:brightness(1.08);box-shadow:var(--sc-glow-cyan);}
.sc-search-ai{height:40px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-size:14px;font-weight:600;}
.sc-search-ai:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;transform:scale(1.04);}
@keyframes scvpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.18)}}

/* ---------- 左侧栏（Postproxy 风格）等比放大 ---------- */
.sc-brand{font-size:22px;font-weight:800;color:#fff;letter-spacing:.5px;padding:5px 12px 18px;display:flex;align-items:center;gap:9px;}
.sc-brand b{color:var(--sc-cyan);text-shadow:var(--sc-glow-cyan);}   /* 重要标题=赛博青（非红） */
.sc-brand i{color:var(--sc-cyan);font-style:normal;}
.sc-side-group{font-size:12px;letter-spacing:1.5px;color:var(--sc-text-3);text-transform:uppercase;margin:20px 12px 10px;}
.sc-side-group:first-child{margin-top:0;}
.sc-side-nav a{display:flex;align-items:center;gap:12px;color:var(--sc-text-2);text-decoration:none;font-size:16px;
  padding:12px 14px;border-radius:11px;margin-bottom:5px;transition:var(--sc-transition);}
.sc-side-nav a .sc-ico{width:22px;text-align:center;opacity:1;font-size:17px;filter:drop-shadow(0 0 4px rgba(0,234,255,.55));}
.sc-side-nav a:hover{color:#fff;background:rgba(0,234,255,.07);}     /* 悬停=赛博青 */
.sc-side-nav a.active{color:#fff;background:rgba(0,234,255,.13);box-shadow:inset 2px 0 0 var(--sc-cyan);}
.sc-side-nav a.sc-side-cta{color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));font-weight:700;box-shadow:var(--sc-glow-cyan);margin-top:5px;}
.sc-side-nav a.sc-side-cta:hover{color:#04222a;filter:brightness(1.08);}
.sc-side-nav a.sc-side-cta.active{box-shadow:inset 2px 0 0 var(--sc-cyan);}
.sc-side-foot{margin-top:26px;padding:12px;font-size:12px;color:var(--sc-text-3);line-height:1.6;border-top:1px solid var(--sc-border);}

/* ---------- 主内容区 ---------- */

.sc-hero{padding:38px 36px;border-radius:20px;background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(0,234,255,.10));
         border:1px solid var(--sc-border);position:relative;overflow:hidden;margin-bottom:32px;}
.sc-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px);pointer-events:none;}
.sc-hero h1{font-size:34px;font-weight:800;margin-bottom:12px;letter-spacing:1px;}   /* 标题等比放大 */
.sc-hero h1 span{color:var(--sc-cyan);text-shadow:var(--sc-glow-cyan);}             /* 重要标题=赛博青 */
.sc-hero p{color:var(--sc-text-2);font-size:17px;max-width:760px;line-height:1.7;}

.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.sc-card{background:var(--sc-card);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:24px;transition:var(--sc-transition);}
.sc-card:hover{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);transform:translateY(-3px);}
.sc-card h3{font-size:18px;font-weight:700;margin-bottom:10px;color:#fff;}            /* 标题加粗白色 */
.sc-card p{color:var(--sc-text-2);font-size:15px;line-height:1.7;margin-bottom:16px;}

.sc-section-title{display:flex;align-items:center;gap:11px;margin:32px 0 18px;font-size:20px;font-weight:800;color:#fff;} /* 重要标题加粗 */
.sc-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(var(--sc-cyan),var(--sc-magenta));box-shadow:var(--sc-glow-cyan);border-radius:2px;}

/* 平台卡片 */
.sc-platform{display:flex;align-items:center;gap:14px;cursor:pointer;}
.sc-pf-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;flex:0 0 auto;}
.sc-pf-meta{flex:1;min-width:0;}
.sc-pf-name{font-weight:600;font-size:15px;color:#fff;}
.sc-pf-tag{font-size:11px;color:var(--sc-text-3);}
.sc-pf-tag.oauth{color:var(--sc-amber);}
.sc-pf-tag.direct{color:var(--sc-green);}
.sc-pf-tag.on{color:var(--sc-green);}
.sc-pf-sub{font-size:11px;color:var(--sc-text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-platform.disabled{opacity:.55;cursor:not-allowed;}
.sc-platform.disabled:hover{border-color:var(--sc-border);box-shadow:none;transform:none;}

/* ---------- 平台矩阵展示（中间空白区） ---------- */
.sc-platform-showcase{margin-top:10px;}
.sc-showcase-head{margin-bottom:22px;}
.sc-showcase-head .sc-section-title{margin:0 0 8px;}
.sc-showcase-sub{color:var(--sc-text-3);font-size:16px;margin:0;}
.sc-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.sc-platform-card{background:var(--sc-card);border:1px solid var(--sc-border);border-radius:18px;padding:30px 22px;text-align:center;transition:var(--sc-transition);position:relative;overflow:hidden;}
.sc-platform-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,234,255,.06),rgba(255,43,214,.04));opacity:0;transition:opacity .25s;pointer-events:none;}
.sc-platform-card:hover{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);transform:translateY(-5px);}
.sc-platform-card:hover:before{opacity:1;}
.sc-platform-icon{width:72px;height:72px;border-radius:20px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--sc-cyan),var(--sc-magenta));box-shadow:0 0 22px rgba(0,234,255,.25);position:relative;z-index:1;}
.sc-platform-icon svg{flex:0 0 auto;}
.sc-platform-card h3{font-size:19px;font-weight:700;color:#fff;margin:0 0 8px;position:relative;z-index:1;}
.sc-platform-count{font-size:14px;font-weight:600;color:var(--sc-cyan);margin:0 0 6px;position:relative;z-index:1;}
.sc-platform-desc{font-size:14px;color:var(--sc-text-3);margin:0;position:relative;z-index:1;}

/* 按钮 */
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;
        padding:11px 20px;border-radius:11px;font-size:15px;font-weight:600;transition:var(--sc-transition);
        background:var(--sc-card-2);color:#fff;border:1px solid var(--sc-border);}
.sc-btn:hover{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-btn-primary{background:linear-gradient(135deg,var(--sc-magenta),#c41fb0);border-color:transparent;}  /* 主操作改用赛博品红，避免红 */
.sc-btn-primary:hover{box-shadow:var(--sc-glow-mag);}
.sc-btn-cyan{background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));color:#04222a;border-color:transparent;}
.sc-btn-cyan:hover{box-shadow:var(--sc-glow-cyan);}
.sc-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;}
.sc-btn-sm{padding:8px 14px;font-size:14px;}

/* 表单 */
.sc-field{margin-bottom:18px;}
.sc-field label{display:block;font-size:14px;color:var(--sc-text-2);margin-bottom:7px;}
.sc-input,.sc-textarea,.sc-select{width:100%;background:#0f0f13;border:1px solid var(--sc-border);color:#fff;
        border-radius:11px;padding:12px 15px;font-size:15px;outline:none;transition:var(--sc-transition);font-family:inherit;}
.sc-input:focus,.sc-textarea:focus,.sc-select:focus{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-textarea{min-height:140px;resize:vertical;line-height:1.6;}
.sc-row{display:flex;gap:16px;flex-wrap:wrap;}
.sc-row>.sc-field{flex:1;min-width:220px;}

/* 开关 */
.sc-switch{display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none;}
.sc-switch input{display:none;}
.sc-switch .track{width:46px;height:26px;border-radius:20px;background:var(--sc-border-2);position:relative;transition:var(--sc-transition);}
.sc-switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:var(--sc-transition);}
.sc-switch input:checked + .track{background:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-switch input:checked + .track:after{transform:translateX(20px);}

/* 我的账号 / 记录列表 */
.sc-list{display:flex;flex-direction:column;gap:14px;}
.sc-item{display:flex;align-items:center;gap:16px;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px 18px;}
.sc-avatar{width:42px;height:42px;border-radius:11px;object-fit:cover;background:var(--sc-card-2);flex:0 0 auto;}
.sc-item-main{flex:1;min-width:0;}
.sc-item-name{font-weight:600;font-size:15px;color:#fff;}
.sc-item-sub{font-size:15px;color:var(--sc-text-3);}
.sc-badge{font-size:15px;padding:5px 11px;border-radius:20px;border:1px solid var(--sc-border);color:var(--sc-text-2);}
.sc-badge.on{color:var(--sc-green);border-color:rgba(76,175,80,.4);}
.sc-badge.shared{color:var(--sc-cyan);border-color:rgba(0,234,255,.4);}
.sc-badge.draft{color:var(--sc-amber);border-color:rgba(255,193,7,.4);}
.sc-badge.fail{color:#ff8a8a;border-color:rgba(255,138,138,.4);}
.sc-badge.sched{color:var(--sc-cyan);border-color:rgba(0,234,255,.4);}

/* 发布账号选择 */
.sc-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.sc-check{display:flex;align-items:center;gap:11px;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:11px;padding:11px 13px;cursor:pointer;transition:var(--sc-transition);}
.sc-check:hover{border-color:var(--sc-cyan);}
.sc-check.sel{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-check input{accent-color:var(--sc-cyan);}

/* 提示 / 状态 */
.sc-alert{padding:14px 18px;border-radius:11px;font-size:14px;margin-bottom:18px;border:1px solid var(--sc-border);background:var(--sc-card);color:var(--sc-text-2);}
.sc-alert.err{border-color:rgba(229,9,20,.5);color:#ff8a8a;}
.sc-alert.ok{border-color:rgba(76,175,80,.5);color:#9be7a3;}
.sc-alert.info{border-color:rgba(0,234,255,.4);color:var(--sc-cyan);}
.sc-muted{color:var(--sc-text-3);font-size:13px;}
.sc-count{font-size:14px;color:var(--sc-text-2);}
.sc-count b{color:var(--sc-cyan);}
.sc-login-tip{padding:44px;text-align:center;color:var(--sc-text-2);font-size:17px;}
.sc-login-tip a{color:var(--sc-cyan);text-decoration:none;font-weight:700;}
.sc-login-tip a:hover{text-shadow:var(--sc-glow-cyan);}

/* ---------- 简介页：已绑定账号展示（图4） ---------- */
.sc-about-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;}
.sc-acct{background:var(--sc-card);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:20px;transition:var(--sc-transition);}
.sc-acct:hover{border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-acct-top{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.sc-acct-ava{width:56px;height:56px;border-radius:13px;object-fit:cover;background:var(--sc-card-2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:17px;}
.sc-acct-name{font-weight:700;font-size:16px;color:#fff;}
.sc-acct-plat{font-size:13px;color:var(--sc-text-3);}
.sc-acct-meta{display:flex;flex-wrap:wrap;gap:11px;font-size:13px;color:var(--sc-text-2);margin-bottom:13px;}
.sc-acct-meta b{color:var(--sc-cyan);}
.sc-progress{height:9px;border-radius:7px;background:#0f0f13;overflow:hidden;margin:7px 0 5px;}
.sc-progress > i{display:block;height:100%;background:linear-gradient(90deg,var(--sc-cyan),var(--sc-magenta));}
.sc-acct-actions{display:flex;gap:9px;margin-top:11px;}

/* ---------- 帖子页：状态筛选 + 草稿/已发布（图5） ---------- */
.sc-filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px;}
.sc-ftab{font-size:14px;color:var(--sc-text-2);background:var(--sc-card);border:1px solid var(--sc-border);
  padding:9px 18px;border-radius:999px;cursor:pointer;transition:var(--sc-transition);}
.sc-ftab:hover{color:var(--sc-cyan);border-color:var(--sc-cyan);}
.sc-ftab.active{color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));font-weight:700;border-color:transparent;}
.sc-post{border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px 18px;background:var(--sc-card);transition:var(--sc-transition);}
.sc-post:hover{border-color:var(--sc-cyan);}
.sc-post-top{display:flex;align-items:center;gap:13px;margin-bottom:9px;}
.sc-post-thumb{width:60px;height:60px;border-radius:11px;object-fit:cover;background:var(--sc-card-2);flex:0 0 auto;}
.sc-post-title{font-weight:700;font-size:16px;color:#fff;flex:1;min-width:0;}
.sc-post-body{font-size:15px;color:var(--sc-text-2);line-height:1.65;margin-bottom:11px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sc-post-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:13px;color:var(--sc-text-3);}
.sc-post-plats{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;}
.sc-pill{font-size:12px;padding:4px 10px;border-radius:20px;background:rgba(0,234,255,.1);color:var(--sc-cyan);border:1px solid rgba(0,234,255,.3);}
.sc-post-actions{display:flex;gap:9px;margin-top:11px;}

/* ---------- 聊天私信（图6） ---------- */
.sc-msg-layout{display:grid;grid-template-columns:340px 1fr;gap:0;border:1px solid var(--sc-border);border-radius:var(--sc-radius);overflow:hidden;min-height:600px;}
.sc-msg-list{border-right:1px solid var(--sc-border);overflow-y:auto;max-height:70vh;background:rgba(255,255,255,.01);}
.sc-msg-chat{display:flex;gap:13px;padding:15px 17px;border-bottom:1px solid var(--sc-border);cursor:pointer;transition:var(--sc-transition);}
.sc-msg-chat:hover{background:rgba(0,234,255,.06);}
.sc-msg-chat.active{background:rgba(0,234,255,.12);box-shadow:inset 3px 0 0 var(--sc-cyan);}
.sc-msg-ava{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--sc-card-2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;}
.sc-msg-chat-main{flex:1;min-width:0;}
.sc-msg-chat-name{font-weight:600;font-size:15px;color:#fff;display:flex;align-items:center;gap:9px;}
.sc-msg-chat-name .sc-plat-dot{font-size:11px;color:var(--sc-cyan);background:rgba(0,234,255,.12);padding:2px 8px;border-radius:10px;}
.sc-msg-chat-last{font-size:13px;color:var(--sc-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;}
.sc-msg-chat-time{font-size:12px;color:var(--sc-text-3);flex:0 0 auto;}
.sc-msg-pane{display:flex;flex-direction:column;min-height:0;}
.sc-msg-head{padding:15px 19px;border-bottom:1px solid var(--sc-border);display:flex;align-items:center;gap:13px;background:rgba(0,234,255,.04);}
.sc-msg-head .sc-msg-part{font-weight:700;font-size:16px;color:#fff;}
.sc-msg-thread{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:13px;max-height:54vh;}
.sc-bubble{max-width:72%;padding:11px 15px;border-radius:15px;font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word;}
.sc-bubble.in{background:var(--sc-card-2);color:#fff;align-self:flex-start;border-bottom-left-radius:4px;}
.sc-bubble.out{background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));color:#04222a;align-self:flex-end;border-bottom-right-radius:4px;}
.sc-bubble .sc-b-time{display:block;font-size:11px;opacity:.6;margin-top:6px;}
.sc-msg-compose{display:flex;gap:11px;padding:15px 19px;border-top:1px solid var(--sc-border);}
.sc-msg-compose textarea{flex:1;min-height:46px;max-height:130px;resize:vertical;}
.sc-msg-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--sc-text-3);font-size:15px;text-align:center;padding:34px;}

/* ---------- 评论（图7） ---------- */
.sc-cmt-layout{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--sc-border);border-radius:var(--sc-radius);overflow:hidden;min-height:580px;}
.sc-cmt-list{border-right:1px solid var(--sc-border);overflow-y:auto;max-height:70vh;background:rgba(255,255,255,.01);}
.sc-cmt-filter{display:flex;flex-direction:column;gap:5px;padding:13px;}
.sc-cmt-filter a{font-size:14px;color:var(--sc-text-2);padding:10px 13px;border-radius:9px;text-decoration:none;transition:var(--sc-transition);}
.sc-cmt-filter a:hover{color:var(--sc-cyan);background:rgba(0,234,255,.07);}
.sc-cmt-filter a.active{color:var(--sc-cyan);background:rgba(0,234,255,.13);}
.sc-cmt-item{border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:17px;background:var(--sc-card);}
.sc-cmt-item + .sc-cmt-item{margin-top:15px;}
.sc-cmt-top{display:flex;align-items:center;gap:13px;margin-bottom:9px;}
.sc-cmt-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--sc-card-2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;}
.sc-cmt-author{font-weight:600;font-size:15px;color:#fff;}
.sc-cmt-plat{font-size:12px;color:var(--sc-cyan);background:rgba(0,234,255,.12);padding:2px 9px;border-radius:10px;}
.sc-cmt-text{font-size:15px;color:var(--sc-text-2);line-height:1.65;margin-bottom:9px;}
.sc-cmt-meta{font-size:13px;color:var(--sc-text-3);display:flex;gap:15px;flex-wrap:wrap;margin-bottom:11px;}
.sc-cmt-actions{display:flex;gap:9px;}
.sc-cmt-replies{margin-top:13px;padding-left:15px;border-left:2px solid var(--sc-border);display:flex;flex-direction:column;gap:11px;}
.sc-cmt-reply{font-size:14px;color:var(--sc-text-2);}
.sc-cmt-reply b{color:var(--sc-cyan);}
.sc-cmt-compose{margin-top:13px;display:flex;gap:9px;}

/* 弹层（直连凭据） */
.sc-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:999;backdrop-filter:blur(3px);}
.sc-modal-mask.show{display:flex;}
.sc-modal{width:min(440px,92vw);background:var(--sc-card);border:1px solid var(--sc-cyan);border-radius:15px;padding:24px;box-shadow:var(--sc-glow-cyan);}
.sc-modal h3{margin-bottom:15px;font-size:17px;color:#fff;}
.sc-modal .sc-row-btn{display:flex;gap:11px;justify-content:flex-end;margin-top:9px;}

.sc-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:scspin .7s linear infinite;}
@keyframes scspin{to{transform:rotate(360deg)}}
.sc-raw{white-space:pre-wrap;word-break:break-all;font-size:12px;color:var(--sc-text-3);background:#0f0f13;border:1px solid var(--sc-border);border-radius:9px;padding:11px;max-height:220px;overflow:auto;}

/* 移动端折叠按钮（仅小屏显示） */
.sc-menu-toggle{display:none;}
.sc-side-backdrop{display:none;}

@media(max-width:1200px){
  .sc-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:980px){
  .sc-msg-layout,.sc-cmt-layout{grid-template-columns:1fr;}
  .sc-msg-list,.sc-cmt-list{max-height:none;border-right:none;border-bottom:1px solid var(--sc-border);}
  .sc-cmt-filter{flex-direction:row;flex-wrap:wrap;}
}
@media(max-width:880px){
  .sc-page{display:block;}
  .sc-sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;z-index:998;background:var(--sc-card);
    transform:translateX(-100%);transition:transform .25s ease;box-shadow:6px 0 26px rgba(0,0,0,.55);}
  body.sc-nav-open .sc-sidebar{transform:none;}
  body.sc-nav-open .sc-side-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:997;}
  .sc-menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;left:16px;bottom:20px;z-index:999;
    width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;font-size:22px;color:#fff;
    background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);}  /* 移动端悬浮按钮=赛博青（非红） */
  .sc-main{padding:18px 16px 80px;}
  .sc-topnav{gap:11px;}
  .sc-search{min-width:0;flex:1 1 100%;order:3;}
  .sc-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .sc-platform-card{padding:22px 14px;}
  .sc-platform-icon{width:60px;height:60px;}
  .sc-platform-card h3{font-size:17px;}
}
@media(max-width:600px){
  .sc-hero{padding:24px 18px;}
  .sc-hero h1{font-size:24px;}
  .sc-platform-grid{grid-template-columns:1fr;}
  .sc-platform-card h3{font-size:18px;}
}

/* ===== 登录态会员头部入口（注入到站点 .mp-header-inner 最右侧） ===== */
body.sc-body .mp-header-inner .sc-member{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;min-width:0;}
body.sc-body .mp-header-inner .sc-member-guest{display:flex;align-items:center;gap:8px;}
body.sc-body .mp-header-inner .sc-member-btn{
  display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;
  font-size:14px;font-weight:600;text-decoration:none;transition:var(--sc-transition);cursor:pointer;
}
body.sc-body .mp-header-inner .sc-member-login{
  color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);
}
body.sc-body .mp-header-inner .sc-member-login:hover{filter:brightness(1.08);transform:translateY(-1px);}
body.sc-body .mp-header-inner .sc-member-reg{
  color:var(--sc-cyan);background:rgba(0,234,255,.12);border:1px solid rgba(0,234,255,.5);
}
body.sc-body .mp-header-inner .sc-member-reg:hover{background:rgba(0,234,255,.22);}
body.sc-body .mp-header-inner .sc-member-user{position:relative;display:flex;align-items:center;min-width:0;}
body.sc-body .mp-header-inner .sc-member-trigger{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 6px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid var(--sc-border);cursor:pointer;color:#fff;transition:var(--sc-transition);
}
body.sc-body .mp-header-inner .sc-member-trigger:hover{background:rgba(0,234,255,.12);border-color:rgba(0,234,255,.5);}
body.sc-body .mp-header-inner .sc-member-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#222;}
body.sc-body .mp-header-inner .sc-member-name{font-size:14px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.sc-body .mp-header-inner .sc-member-caret{font-size:10px;opacity:.7;}
body.sc-body .mp-header-inner .sc-member-badge{
  font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;color:#04222a;
  background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));
}
body.sc-body .mp-header-inner .sc-member-badge-vip{
  color:#fff;background:linear-gradient(135deg,#ffd24a,#ff9d00);box-shadow:0 0 10px rgba(255,180,0,.5);
}
body.sc-body .mp-header-inner .sc-member-menu{
  display:none;position:absolute;top:calc(100% + 10px);right:0;width:230px;z-index:300;
  background:#0e0e14;border:1px solid var(--sc-border);border-radius:14px;padding:10px;
  box-shadow:0 18px 50px rgba(0,0,0,.55), var(--sc-glow-cyan);
}
body.sc-body .mp-header-inner .sc-member-menu.show{display:block;}
body.sc-body .mp-header-inner .sc-mm-head{display:flex;align-items:center;gap:11px;padding:8px 8px 12px;border-bottom:1px solid var(--sc-border);margin-bottom:8px;}
body.sc-body .mp-header-inner .sc-mm-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#222;}
body.sc-body .mp-header-inner .sc-mm-name{font-size:15px;font-weight:700;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.sc-body .mp-header-inner .sc-mm-group{font-size:12px;color:#9aa3b6;margin-top:2px;}
body.sc-body .mp-header-inner .sc-mm-item{
  display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:10px;color:#e8edf5;
  text-decoration:none;font-size:14px;transition:var(--sc-transition);position:relative;
}
body.sc-body .mp-header-inner .sc-mm-item span{width:20px;text-align:center;opacity:.85;}
body.sc-body .mp-header-inner .sc-mm-item:hover{background:rgba(0,234,255,.1);color:var(--sc-cyan);}
body.sc-body .mp-header-inner .sc-mm-unread{
  margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4d6d;color:#fff;
  font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;
}
body.sc-body .mp-header-inner .sc-mm-sep{height:1px;background:var(--sc-border);margin:6px 2px;}
body.sc-body .mp-header-inner .sc-mm-logout{color:#ff8fa3;}
body.sc-body .mp-header-inner .sc-mm-logout:hover{background:rgba(255,77,109,.12);color:#ff5c7a;}

/* 头部在窄屏：会员入口与搜索换行处理 */
@media (max-width: 768px){
  body.sc-body .mp-header-inner .sc-member{margin-left:0;order:4;}
  body.sc-body .mp-header-inner .sc-member-name{display:none;}
}

/* 侧栏未读徽标 */
.sc-side-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:11px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center;}

/* ===== 会员中心 / 通知 通用 ===== */
.sc-login-gate{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:30px;}
.sc-login-gate-card{background:var(--sc-card);border:1px solid var(--sc-border);border-radius:18px;padding:38px 34px;text-align:center;max-width:420px;box-shadow:0 12px 40px rgba(0,0,0,.4);}
.sc-lg-icon{font-size:46px;margin-bottom:10px;}
.sc-login-gate-card h2{color:#fff;font-size:22px;margin:0 0 8px;}
.sc-login-gate-card p{color:#9aa3b6;font-size:14px;margin:0 0 20px;}
.sc-lg-actions{display:flex;gap:12px;justify-content:center;}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--sc-transition);}
.sc-btn-primary{color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);}
.sc-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.sc-btn-ghost{color:var(--sc-cyan);background:rgba(0,234,255,.12);border:1px solid rgba(0,234,255,.5);}
.sc-btn-ghost:hover{background:rgba(0,234,255,.22);}

/* 会员中心 Hero */
.sc-member-hero{margin:18px 0 22px;}
.sc-mh-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(0,234,255,.1),rgba(0,234,255,.02));border:1px solid var(--sc-border);border-radius:18px;padding:20px 22px;}
.sc-mh-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#222;border:2px solid rgba(0,234,255,.4);}
.sc-mh-info{flex:1;min-width:0;}
.sc-mh-name{font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;}
.sc-mh-vip{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ffd24a,#ff9d00);box-shadow:0 0 10px rgba(255,180,0,.5);}
.sc-mh-group{font-size:13px;color:#9aa3b6;margin-top:4px;}
.sc-mh-set{color:var(--sc-cyan);font-size:13px;text-decoration:none;white-space:nowrap;}
.sc-mh-set:hover{text-decoration:underline;}

/* 会员中心网格 */
.sc-member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sc-mtile{display:block;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:16px;padding:20px;color:#e8edf5;text-decoration:none;transition:var(--sc-transition);}
.sc-mtile:hover{transform:translateY(-3px);border-color:rgba(0,234,255,.5);box-shadow:var(--sc-glow-cyan);}
.sc-mt-ico{font-size:30px;margin-bottom:12px;}
.sc-mt-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;}
.sc-mt-sub{font-size:13px;color:#9aa3b6;}
@media (max-width:900px){.sc-member-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.sc-member-grid{grid-template-columns:1fr;}}

/* 区块标题 */
.sc-section-head{margin:18px 0 16px;}
.sc-section-title{font-size:22px;font-weight:700;color:#fff;}
.sc-section-sub{font-size:13px;color:#9aa3b6;margin-top:4px;}

/* 通知列表 */
.sc-notify-list{display:flex;flex-direction:column;gap:12px;max-width:760px;}
.sc-notify-item{display:flex;gap:14px;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:14px;padding:16px;transition:var(--sc-transition);}
.sc-notify-item:hover{border-color:rgba(0,234,255,.4);}
.sc-ni-ico{font-size:24px;width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:rgba(0,234,255,.1);border-radius:10px;}
.sc-ni-body{flex:1;min-width:0;}
.sc-ni-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.sc-ni-content{font-size:14px;color:#c2c9d6;line-height:1.6;}
.sc-ni-time{font-size:12px;color:#7c8493;margin-top:6px;}
.sc-notify-empty{padding:40px;text-align:center;color:#7c8493;background:var(--sc-card);border:1px dashed var(--sc-border);border-radius:14px;}

/* ===== 订阅会员套餐 ===== */
.sc-sub-status{margin:0 0 18px;padding:14px 18px;border-radius:12px;font-size:14px;background:rgba(0,234,255,.08);border:1px solid rgba(0,234,255,.3);color:#cdeef5;}
.sc-sub-status.ok{background:rgba(46,213,115,.1);border-color:rgba(46,213,115,.4);color:#bff3d3;}
.sc-sub-status.err{background:rgba(255,77,109,.1);border-color:rgba(255,77,109,.4);color:#ffc3cf;}
.sc-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:880px;}
.sc-plan{position:relative;background:var(--sc-card);border:1px solid var(--sc-border);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;transition:var(--sc-transition);}
.sc-plan:hover{transform:translateY(-4px);border-color:rgba(0,234,255,.5);box-shadow:var(--sc-glow-cyan);}
.sc-plan-hot{border-color:rgba(255,209,74,.55);box-shadow:0 0 22px rgba(255,180,0,.25);}
.sc-plan-tag{position:absolute;top:-12px;right:18px;background:linear-gradient(135deg,#ffd24a,#ff9d00);color:#3a2400;font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;}
.sc-plan-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;}
.sc-plan-price{font-size:34px;font-weight:800;color:var(--sc-cyan);margin-bottom:16px;}
.sc-plan-price span{font-size:14px;font-weight:500;color:#9aa3b6;margin-left:4px;}
.sc-plan-feats{list-style:none;padding:0;margin:0 0 20px;flex:1;}
.sc-plan-feats li{font-size:14px;color:#c2c9d6;padding:7px 0 7px 24px;position:relative;border-bottom:1px dashed rgba(255,255,255,.06);}
.sc-plan-feats li:before{content:"✓";position:absolute;left:0;color:var(--sc-cyan);font-weight:700;}
.sc-plan-btn{height:46px;border:none;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);transition:var(--sc-transition);}
.sc-plan-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.sc-plan-btn:disabled{opacity:.6;cursor:default;}
.sc-sub-note{font-size:12px;color:#7c8493;margin-top:18px;max-width:880px;}
@media (max-width:760px){.sc-plan-grid{grid-template-columns:1fr;}}

/* ===== 会员中心通用区块（订单/分销/分站共用） ===== */
.sc-block{background:var(--sc-card);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:22px 22px 24px;margin-bottom:20px;}
.sc-block-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#fff;margin-bottom:16px;}
.sc-bt-bar{width:4px;height:18px;border-radius:3px;background:linear-gradient(var(--sc-cyan),var(--sc-magenta));box-shadow:var(--sc-glow-cyan);}
.sc-empty{text-align:center;padding:34px 20px;color:var(--sc-text-3);}
.sc-empty-ico{font-size:40px;margin-bottom:10px;}
.sc-empty p{margin:0 0 14px;font-size:14px;}

/* ===== 我的订单页 ===== */
.sc-order-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(0,234,255,.06);border:1px solid var(--sc-border);border-radius:14px;padding:18px 20px;}
.sc-order-status.is-vip{border-color:rgba(255,180,0,.5);background:linear-gradient(135deg,rgba(255,180,0,.12),rgba(255,180,0,.03));}
.sc-os-left{display:flex;align-items:center;gap:14px;min-width:0;}
.sc-os-badge{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);flex:0 0 auto;}
.sc-order-status.is-vip .sc-os-badge{background:linear-gradient(135deg,#ffd24a,#ff9d00);box-shadow:0 0 14px rgba(255,180,0,.5);color:#3a2400;}
.sc-os-meta{min-width:0;}
.sc-os-name{font-size:16px;font-weight:700;color:#fff;}
.sc-os-exp{font-size:13px;color:var(--sc-text-3);margin-top:3px;}
.sc-os-right{flex:0 0 auto;}
.sc-os-tag{font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px;}
.sc-os-tag-on{color:#3a2400;background:linear-gradient(135deg,#ffd24a,#ff9d00);box-shadow:0 0 10px rgba(255,180,0,.4);}

.sc-order-list{display:flex;flex-direction:column;gap:12px;}
.sc-order-item{display:flex;align-items:center;gap:14px;background:#0f0f13;border:1px solid var(--sc-border);border-radius:13px;padding:14px 16px;transition:var(--sc-transition);}
.sc-order-item:hover{border-color:rgba(0,234,255,.45);}
.sc-oi-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(0,234,255,.1);flex:0 0 auto;}
.sc-oi-body{flex:1;min-width:0;}
.sc-oi-title{font-size:15px;font-weight:700;color:#fff;}
.sc-oi-sub{font-size:13px;color:var(--sc-text-2);margin-top:3px;}
.sc-oi-time{font-size:12px;color:var(--sc-text-3);margin-top:5px;}
.sc-oi-tag{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;flex:0 0 auto;}
.sc-oi-tag-done{color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);}

.sc-order-hint{background:#0f0f13;border:1px dashed var(--sc-border);border-radius:13px;padding:16px 18px;}
.sc-order-hint p{margin:0 0 14px;font-size:14px;color:var(--sc-text-2);line-height:1.7;}
.sc-order-hint b{color:var(--sc-cyan);}
.sc-oh-actions{display:flex;flex-wrap:wrap;gap:10px;}

/* ===== 推广分销页 ===== */
.sc-aff-card{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-end;background:rgba(0,234,255,.05);border:1px solid rgba(255,255,255,.55);border-radius:14px;padding:22px 22px 24px;margin-bottom:6px;}
.sc-aff-code,.sc-aff-link{flex:1 1 260px;min-width:0;}
.sc-aff-label{font-size:15px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:.5px;}
.sc-aff-code-val{font-size:30px;font-weight:800;letter-spacing:3px;color:var(--sc-cyan);text-shadow:var(--sc-glow-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.sc-aff-link-row{display:flex;gap:10px;align-items:center;}
.sc-aff-input{flex:1;min-width:0;background:#0f0f13;border:1px solid rgba(255,255,255,.55);border-radius:10px;padding:11px 13px;color:#fff;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}

.sc-aff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.sc-aff-stat{background:#0f0f13;border:1px solid rgba(255,255,255,.55);border-radius:13px;padding:18px 14px;text-align:center;transition:var(--sc-transition);}
.sc-aff-stat:hover{border-color:rgba(0,234,255,.6);}
.sc-as-num{font-size:26px;font-weight:800;color:#fff;}
.sc-as-label{font-size:14px;font-weight:500;color:#fff;margin-top:5px;}
.sc-aff-stat-total{background:rgba(0,234,255,.07);border-color:rgba(0,234,255,.6);}
.sc-aff-stat-total .sc-as-num{color:var(--sc-cyan);text-shadow:var(--sc-glow-cyan);}

.sc-aff-list{display:flex;flex-direction:column;gap:12px;}
.sc-aff-item{display:flex;align-items:center;gap:14px;background:#0f0f13;border:1px solid rgba(255,255,255,.55);border-radius:13px;padding:13px 16px;transition:var(--sc-transition);}
.sc-aff-item:hover{border-color:rgba(0,234,255,.6);}
.sc-ai-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);flex:0 0 auto;}
.sc-ai-body{flex:1;min-width:0;}
.sc-ai-name{font-size:15px;font-weight:700;color:#fff;}
.sc-ai-sub{font-size:13px;color:var(--sc-text-2);margin-top:3px;}
.sc-ai-tag{font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);flex:0 0 auto;}

.sc-aff-rules{display:flex;flex-direction:column;gap:12px;}
.sc-rule{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:500;color:#fff;line-height:1.7;}
.sc-rule-dot{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#04222a;background:linear-gradient(135deg,#00bcd4,var(--sc-cyan));box-shadow:var(--sc-glow-cyan);}
.sc-rule:nth-child(4) .sc-rule-dot{background:linear-gradient(135deg,#ff7a7a,#ff4d4d);box-shadow:0 0 10px rgba(255,80,80,.4);color:#fff;}

@media (max-width:640px){.sc-aff-stats{grid-template-columns:repeat(2,1fr);}}

/* ===== 开通分站页 ===== */
.sc-sub-alert{padding:13px 18px;border-radius:12px;font-size:14px;margin-bottom:18px;}
.sc-sub-alert-ok{background:rgba(0,234,255,.1);border:1px solid rgba(0,234,255,.45);color:var(--sc-cyan);}
.sc-sub-alert-err{background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.45);color:#ff8a8a;}

.sc-sub-form{display:flex;flex-direction:column;gap:18px;}
.sc-form-row{display:flex;flex-direction:column;gap:8px;}
.sc-form-label{font-size:14px;font-weight:600;color:var(--sc-text-2);}
.sc-req{color:#ff6b6b;}
.sc-form-input{background:#0f0f13;border:1px solid var(--sc-border);border-radius:10px;padding:12px 14px;color:#fff;font-size:14px;transition:var(--sc-transition);font-family:inherit;}
.sc-form-input:focus{outline:none;border-color:var(--sc-cyan);box-shadow:var(--sc-glow-cyan);}
.sc-form-textarea{min-height:90px;resize:vertical;}
.sc-form-hint{font-size:12px;color:var(--sc-text-3);line-height:1.5;}
.sc-form-actions{margin-top:4px;}

.sc-sub-perks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.sc-perk{background:#0f0f13;border:1px solid var(--sc-border);border-radius:13px;padding:16px 18px;transition:var(--sc-transition);}
.sc-perk:hover{border-color:rgba(0,234,255,.45);transform:translateY(-3px);}
.sc-perk-ico{font-size:26px;margin-bottom:10px;}
.sc-perk-t{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.sc-perk-d{font-size:13px;color:var(--sc-text-3);line-height:1.6;}

@media (max-width:640px){.sc-sub-perks{grid-template-columns:1fr;}}

/* ---------- 次级页面内部滚动容器兜底(隐藏滚动条) ---------- */
.sc-msg-list::-webkit-scrollbar,.sc-cmt-list::-webkit-scrollbar,.sc-msg-thread::-webkit-scrollbar,.sc-raw::-webkit-scrollbar,.sc-cat-menu::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none!important;}
.sc-msg-list,.sc-cmt-list,.sc-msg-thread,.sc-raw,.sc-cat-menu{scrollbar-width:none!important;-ms-overflow-style:none!important;}

/* ---------- 会员中心：绑定 Google 账号 ---------- */
.sc-google-bind{margin-bottom:18px;}
.sc-gb-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(59,130,246,.08));border:1px solid rgba(34,211,238,.35);border-radius:14px;padding:16px 18px;}
.sc-gb-left{display:flex;align-items:center;gap:12px;}
.sc-gb-ico{font-size:26px;}
.sc-gb-title{font-size:15px;font-weight:700;color:#fff;}
.sc-gb-sub{font-size:12px;color:var(--sc-text-3, #8b93b8);margin-top:3px;line-height:1.5;}
.sc-gb-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:200px;flex:1 1 200px;}
.sc-gb-right #sc-gb-google{width:100%;max-width:240px;}
.sc-gb-status{font-size:12px;color:var(--sc-text-3, #8b93b8);min-height:16px;}
.sc-gb-status.ok{color:#22d3ee;}
.sc-gb-status.err{color:#ff8a8a;}
@media (max-width:640px){.sc-gb-card{flex-direction:column;align-items:flex-start;}.sc-gb-right{align-items:stretch;width:100%;}.sc-gb-right #sc-gb-google{max-width:none;}}

/* ===== 创作页（娱乐八卦 AI 二创） ===== */
.sc-create-hero { padding: 30px 22px 22px; }
.sc-create-hero h1 { font-size: 28px; font-weight: 800; margin: 0 0 12px; letter-spacing: -0.5px; }
.sc-create-hero h1 span { color: #e23b3b; }
.sc-create-hero .lead { color: #9aa4b2; font-size: 14px; line-height: 1.7; max-width: 720px; margin: 0 0 22px; }
.sc-create-hero .lead strong { color: #f4f6fb; font-weight: 600; }
.sc-create-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 26px; }
.sc-create-feat { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 16px; }
.sc-create-feat .ico { font-size: 22px; margin-bottom: 8px; }
.sc-create-feat .tit { font-size: 14px; font-weight: 700; color: #f4f6fb; margin-bottom: 4px; }
.sc-create-feat .desc { font-size: 12px; color: #9aa4b2; line-height: 1.5; }
.sc-create-section { padding: 0 22px 22px; }
.sc-create-section .sc-section-title { font-size: 16px; font-weight: 700; color: #f4f6fb; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.sc-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.sc-cat-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 22px 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; text-decoration: none; transition: all .18s; }
.sc-cat-card:hover { transform: translateY(-3px); border-color: rgba(226,59,59,.5); box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.sc-cat-card .emoji { font-size: 28px; }
.sc-cat-card .name { font-size: 14px; font-weight: 700; color: #f4f6fb; }
.sc-cat-card .hint { font-size: 11px; color: #9aa4b2; }
.sc-create-cta { padding: 18px 22px 30px; }
.sc-create-cta .cta-box { background: linear-gradient(135deg, rgba(226,59,59,.12), rgba(123,77,214,.12)); border: 1px solid rgba(226,59,59,.25); border-radius: 16px; padding: 22px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.sc-create-cta .cta-text { flex: 1; }
.sc-create-cta .cta-text h3 { font-size: 17px; font-weight: 700; margin: 0 0 6px; color: #f4f6fb; }
.sc-create-cta .cta-text p { font-size: 12.5px; color: #9aa4b2; margin: 0; }
.sc-btn-primary { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg,#e23b3b,#ff7a59); color: #fff; border: 0; border-radius: 12px; padding: 12px 22px; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .18s, box-shadow .18s; }
.sc-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(226,59,59,.35); }
.sc-btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.08); color: #f4f6fb; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 12px 22px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; transition: all .18s; }
.sc-btn-ghost:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); }
.sc-lock-hint { color: #ffcf86; font-size: 12px; margin-top: 10px; }

/* ===== 创作页 / 社媒中心 赛博分类按钮（与文章分类页一致） ===== */
.art-cyber-bar { display: flex; justify-content: center; margin: 6px 0 10px; }
.art-cyber-nav { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.art-cyber-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 18px; font-size: 13px; font-weight: 600; color: #fff;
  background: rgba(20,20,35,0.75);
  border: 1px solid rgba(255,255,255,0.18); border-radius: 4px;
  text-decoration: none; letter-spacing: 0.5px;
  transition: all .25s ease; position: relative; overflow: hidden;
}
.art-cyber-btn::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--cyber-color,#a855f7); opacity: 0.9;
  transition: width .25s ease;
}
.art-cyber-btn:hover {
  transform: translateY(-2px);
  border-color: var(--cyber-color,#a855f7);
  box-shadow: 0 0 12px var(--cyber-color-rgba,rgba(168,85,247,0.45));
  background: rgba(20,20,35,0.95);
}
.art-cyber-btn:hover::before { width: 100%; opacity: 0.15; }
.art-cyber-btn.active { border-color: var(--cyber-color,#a855f7); background: rgba(168,85,247,0.15); }
.art-cyber-btn.cyber-purple { --cyber-color: #a855f7; --cyber-color-rgba: rgba(168,85,247,0.45); }
.art-cyber-btn.cyber-red    { --cyber-color: #ff4d6d; --cyber-color-rgba: rgba(255,77,109,0.45); }
.art-cyber-btn.cyber-green  { --cyber-color: #00e5a0; --cyber-color-rgba: rgba(0,229,160,0.45); }
.art-cyber-btn.cyber-blue   { --cyber-color: #00d4ff; --cyber-color-rgba: rgba(0,212,255,0.45); }
.sc-cat-hint { text-align: center; color: #9aa4b2; font-size: 12px; margin: 4px 0 0; }
@media (max-width: 768px) {
  .art-cyber-bar { width: 100%; }
  .art-cyber-nav { width: 100%; justify-content: center; }
  .art-cyber-btn { padding: 7px 12px; font-size: 12px; }
}