/* 图片 banner：深品牌蓝紫蒙层；图片拆到 ::before 做钟摆式缓转，蒙层静止 */
.cr-banner { --pt-hero-wave: var(--pt-bg, #F3F4F6); position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(43,63,166,.88) 0%, rgba(59,87,217,.80) 55%, rgba(79,110,247,.72) 100%); color:#fff; padding:44px 0 64px; text-align:center; text-shadow:0 1px 10px rgba(0,0,0,.35); }
        .cr-banner::before { content: ''; position: absolute; inset: -12%; z-index: 0; background: url('../../banners/banner-creators.png') center/cover no-repeat; box-shadow: inset 0 0 0 100vmax rgba(52,72,190,0.5); animation: pt-kb-drift 12s ease-in-out infinite alternate; }
        .cr-banner > * { position: relative; z-index: 1; }
        /* 底部涟漪波纹（与案例/社区同构）：颜色用页面灰底 #F3F4F6，与下方页面无缝衔接（早先误用白色与灰底错位，露出右侧空白） */
        .cr-banner::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 60px; background: var(--pt-hero-wave); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23000' d='M0,32L48,34.7C96,37,192,43,288,42.7C384,43,480,37,576,34.7C672,32,768,35,864,37.3C960,40,1056,43,1152,40C1248,37,1344,29,1392,24L1440,21L1440,60L1392,60C1344,60,1248,60,1152,60C1056,60,960,60,864,60C768,60,672,60,576,60C480,60,384,60,288,60C192,60,96,60,48,60L0,60Z'/%3E%3C/svg%3E") no-repeat bottom center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23000' d='M0,32L48,34.7C96,37,192,43,288,42.7C384,43,480,37,576,34.7C672,32,768,35,864,37.3C960,40,1056,43,1152,40C1248,37,1344,29,1392,24L1440,21L1440,60L1392,60C1344,60,1248,60,1152,60C1056,60,960,60,864,60C768,60,672,60,576,60C480,60,384,60,288,60C192,60,96,60,48,60L0,60Z'/%3E%3C/svg%3E") no-repeat bottom center; -webkit-mask-size: cover; mask-size: cover; pointer-events: none; z-index: 1; }
        .cr-banner h1 { font-size:28px; font-weight:800; margin-bottom:8px; }
        .cr-banner p { opacity:0.85; font-size:15px; margin:0; }
        /* 平台活力数据条 */
        .cr-stats-bar { margin-top:-36px; position:relative; z-index:2; }
        .cr-stats-inner { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); box-shadow:var(--pt-shadow-md); display:flex; flex-wrap:wrap; }
        .cr-stats-cell { flex:1; min-width:120px; text-align:center; padding:20px 10px; border-right:1px solid var(--pt-border-light); }
        .cr-stats-cell:last-child { border-right:none; }
        .cr-stats-cell .v { font-size:26px; font-weight:800; color:var(--pt-primary); }
        .cr-stats-cell .l { font-size:12px; color:var(--pt-text-muted); margin-top:4px; }
        /* 区块标题 */
        .cr-sec-head { display:flex; align-items:center; justify-content:space-between; margin:36px 0 18px; }
        .cr-sec-title { font-size:20px; font-weight:800; color:var(--pt-text); display:flex; align-items:center; gap:8px; }
        .cr-sec-title .bar { width:4px; height:20px; background:var(--pt-primary); border-radius:2px; display:inline-block; }
        .cr-sec-more { font-size:13px; color:var(--pt-text-muted); }
        /* 本周明星创作者：横向展示（名次 + 头像 + 昵称 竖排成小瓦片，瓦片从左到右排列、自动换行） */
        .cr-board { display:flex; flex-wrap:wrap; align-items:flex-start; gap:22px 20px; max-width:none; margin:0; }
        .cr-board-row { display:flex; flex-direction:column; align-items:center; gap:8px; width:88px; padding:0; color:inherit; }
        .cr-board-row:hover .cr-board-name { color:var(--pt-primary); }
        /* 名次：前三名金属奖牌（金/银/铜），三名之后不显示序号（保留同宽占位以对齐头像） */
        .cr-board-rank { width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex-shrink:0; }
        .cr-board-rank.m1 { background:radial-gradient(circle at 32% 30%, #FFF6C9 0%, #F6C445 45%, #C08A12 100%); color:#7A4A00; box-shadow:inset 0 0 0 2px rgba(255,255,255,.45), 0 2px 6px rgba(192,138,18,.35); }
        .cr-board-rank.m2 { background:radial-gradient(circle at 32% 30%, #FFFFFF 0%, #DDE2E8 45%, #98A2AD 100%); color:#4B5563; box-shadow:inset 0 0 0 2px rgba(255,255,255,.6), 0 2px 6px rgba(120,130,140,.35); }
        .cr-board-rank.m3 { background:radial-gradient(circle at 32% 30%, #FBE0C4 0%, #DB9A5C 45%, #8C5A2B 100%); color:#5B3413; box-shadow:inset 0 0 0 2px rgba(255,255,255,.4), 0 2px 6px rgba(140,90,43,.35); }
        .cr-board-avatar { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; overflow:hidden; flex-shrink:0; }
        .cr-board-name { font-size:13px; font-weight:600; color:var(--pt-text); text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        /* 达人榜卡片 */
        .cr-card { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:20px; position:relative; transition:all .3s; height:100%; }
        .cr-card:hover { transform:translateY(-4px); box-shadow:var(--pt-shadow-md); }
        .cr-rank { position:absolute; top:14px; left:14px; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; background:#EEF2FF; color:#6366F1; }
        .cr-rank.r1 { background:linear-gradient(135deg,#FDE68A,#F59E0B); color:#7C2D12; }
        .cr-rank.r2 { background:linear-gradient(135deg,#E5E7EB,#9CA3AF); color:#1F2937; }
        .cr-rank.r3 { background:linear-gradient(135deg,#FCD9A8,#D97706); color:#7C2D12; }
        .cr-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; padding-left:36px; }
        .cr-avatar { width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; flex-shrink:0; overflow:hidden; }
        .cr-name { font-size:17px; font-weight:700; color:var(--pt-text); }
        .cr-tagline { font-size:12px; color:var(--pt-text-muted); margin-top:2px; }
        .cr-stats { display:flex; justify-content:space-between; border-top:1px solid var(--pt-border-light); padding-top:12px; }
        .cr-stat { text-align:center; flex:1; }
        .cr-stat .v { font-size:16px; font-weight:800; color:var(--pt-primary); }
        .cr-stat .l { font-size:11px; color:var(--pt-text-muted); margin-top:2px; }
        .cr-badge-verified { display:inline-flex; align-items:center; gap:3px; background:var(--pt-success); color:#fff; font-size:10px; padding:1px 7px; border-radius:9px; vertical-align:middle; margin-left:6px; }
        /* CTA */
        .cr-cta { background:linear-gradient(135deg,#6366F1,#8B5CF6); border-radius:var(--pt-radius); color:#fff; padding:28px 24px; text-align:center; height:100%; }
        .cr-cta h3 { font-size:20px; font-weight:800; margin-bottom:8px; }
        .cr-cta p { opacity:.9; font-size:13px; margin-bottom:16px; line-height:1.7; }
        /* 入驻步骤 */
        .cr-steps { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:22px 20px; height:100%; }
        .cr-step { display:flex; gap:12px; margin-bottom:16px; }
        .cr-step-num { width:26px; height:26px; border-radius:50%; background:var(--pt-bg-white); border:1.5px solid var(--pt-primary); box-sizing:border-box; color:var(--pt-primary); font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .cr-step-txt .t { font-size:14px; font-weight:700; color:var(--pt-text); }
        .cr-step-txt .d { font-size:12px; color:var(--pt-text-muted); margin-top:2px; line-height:1.6; }
        /* 创作者好处 */
        .cr-benefit { background:var(--pt-bg-white); border:1px solid var(--pt-border); border-radius:var(--pt-radius); padding:26px 20px; text-align:center; box-sizing:border-box; transition:all .3s; }
        .cr-benefit:hover { transform:translateY(-4px); box-shadow:var(--pt-shadow-md); }
        .cr-benefit .ic { width:54px; height:54px; border-radius:16px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:26px; background:#EEF2FF; color:#6366F1; }
        .cr-benefit .t { font-size:16px; font-weight:700; color:var(--pt-text); margin-bottom:6px; }
        .cr-benefit .d { font-size:13px; color:var(--pt-text-muted); line-height:1.7; }
        /* 好处区用 Grid 布局：自动等高、避免 float 栅格因卡片高度不一而错位 */
        .cr-benefit-grid { display:grid; grid-template-columns:repeat(3, 1fr); align-items:stretch; gap:16px; margin-bottom:36px; }
        @media (max-width: 992px) { .cr-benefit-grid { grid-template-columns:repeat(2, 1fr); } }
        @media (max-width: 640px) { .cr-benefit-grid { grid-template-columns:1fr; } }