/* 图标广告容器 */
.adhidden {
    display: none !important;
}
.grid.md\:grid-cols-2.gap-8 {
    display: none !important;
}

.icon-ads,
.remaining-ads {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; /* 水平居中 */
    gap: 10px; /* 子元素之间的间距 */
    padding: 5px;
    max-width: 1320px;
    margin: 0 auto;
}
.icon-ad {
    width: calc(20% - 10px); /* 每行显示 5 个广告 */
    text-align: center;
    display: flex;
    flex-direction: column; /* 子元素纵向排列 */
    align-items: center; /* 子元素水平居中 */
    overflow: visible; /* 确保子元素不会被裁剪 */
}

.icon-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* 保证正方形比例 */
    overflow: hidden; /* 保持图片裁剪 */
    border-radius: 10px;
    background-color: #000; /* 确保图片容器背景色 */
    flex-shrink: 0; /* 确保图片容器不会被压缩 */
}


.icon-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片按比例裁剪填充 */
}

.icon-title {
    font-size: 14px; /* 字体大小 */
    line-height: 1; /* 设置行高 */
    margin-top: 5px; /* 图片与标题之间的间距 */
    max-width: calc(4em); /* 1 个字宽度约等于 1em */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
    white-space: nowrap; /* 禁止换行 */
    text-align: center; /* 标题居中 */
    color: #fff; /* 设置文字颜色 */
}
.telegrambd{
    text-align: center;padding: 5px;
    color: #fff; /* 设置文字颜色 */
}


/* 按钮容器样式，用于居中整个页面 */
.toggle-button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.toggle-button {
    flex: 0 0 calc(100%);
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.toggle-button:hover {
    background-color: #0056b3;
}

/* PC端调整按钮宽度 */
@media (min-width: 1024px) {
    .toggle-button {
        flex: 0 0 calc(25% - 10px);
    }
    .icon-ad {
        width: calc(10% - 10px); /* 在PC端时一行10个图标 */
        height: 60px;
    }
}

/* 默认隐藏广告 */
.mobile-only {
    display: none;
}

/* 移动设备显示广告 */
@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
}

.googlelink{
    position: absolute;
    opacity: 0;
}
.footer-links {
    color: white;
    text-align: center;
    padding: 20px 0; /* 给上方和下方留出一些内边距 */
    margin-top: 10px; /* 给 footer 上方留一些外边距，避免和内容紧挨着 */
}

/* 设置链接样式 */
.footer-links a {
    color: white;
    text-decoration: none;
    margin: 10px 15px; /* 上下 10px，左右 15px */
    font-size: 14px;

    /* 添加以下属性隐藏多余文字 */
    display: inline-block; /* 确保 text-overflow 生效 */
    max-width: 100px; /* 设置一个最大宽度，根据需要调整 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 用省略号表示被隐藏的文字 */
    white-space: nowrap; /* 禁止换行 */
    text-align: center; /* 居中对齐文字 */
}

/* 让链接在鼠标悬停时显示高亮 */
.footer-links a:hover {
    text-decoration: underline;
    color: #ff6600;
}

/* 响应式设计：调整链接布局为网格布局，每行显示 4 个 */
@media (max-width: 768px) {
    .footer-links {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* 每行 4 列 */
        gap: 15px 10px; /* 增加上下和左右的网格间距 */
        justify-items: center; /* 水平居中 */
        padding: 15px 0; /* 减少内边距 */
    }

    .footer-links a {
        margin: 0; /* 移除单独的外边距，使用网格间距 */
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    /* 在更小屏幕上保持 1 行 4 个链接，但字体更大 */
    .footer-links a {
        font-size: 14px; /* 更大的字体 */
    }

    .footer-links {
        gap: 20px 10px; /* 为小屏幕增加更多的间隔 */
    }
}

.video-comments { border: 1px solid #263140; border-radius: 18px; padding: 20px; background: linear-gradient(145deg, rgba(24,31,42,.96), rgba(13,18,26,.96)); }
.playlist-discussion { width:100%; max-width:none; margin-left:0; margin-right:0; padding:28px 30px; border-color:rgba(216,222,233,.12); border-radius:22px; background:radial-gradient(circle at 92% 0,rgba(254,98,142,.14),transparent 34%),linear-gradient(145deg,#1a2230,#121923); box-shadow:0 18px 50px rgba(0,0,0,.18); }
.playlist-discussion .comments-heading { align-items:flex-start; padding-bottom:18px; border-bottom:1px solid rgba(137,150,170,.18); }
.playlist-discussion .comments-heading h2 { margin:5px 0 6px; color:#f4f7fb; font-size:24px; font-weight:800; line-height:1.3; }
.playlist-discussion .comments-heading>div>p:last-child { color:#9eabbf!important; line-height:1.65; }
.playlist-discussion .comments-count { margin-top:4px; color:#fff; background:rgba(254,98,142,.14); border:1px solid rgba(254,98,142,.24); }
.playlist-discussion .comment-form { width:100%; padding:18px; border-color:rgba(158,171,191,.22); background:rgba(8,13,20,.32); }
.playlist-discussion .comment-form textarea { min-height:110px; }
.playlist-discussion .comments-list,.playlist-discussion .comments-message { width:100%; }
.playlist-page { max-width: 1280px; }
.playlist-breadcrumb { display:flex; align-items:center; gap:9px; margin:22px 0; color:#6f7b8e; font-size:13px; white-space:nowrap; overflow:hidden; }
.playlist-breadcrumb a { color:#9aa7ba; transition:color .18s ease; }
.playlist-breadcrumb a:hover { color:#fe628e; }
.playlist-breadcrumb span:last-child { overflow:hidden; text-overflow:ellipsis; }
.playlist-hero { position:relative; display:grid; grid-template-columns:minmax(300px, 44%) 1fr; min-height:330px; overflow:hidden; border:1px solid rgba(216,222,233,.1); border-radius:26px; background:radial-gradient(circle at 85% 5%,rgba(254,98,142,.16),transparent 38%),linear-gradient(145deg,#171d27,#0d1118); box-shadow:0 25px 70px rgba(0,0,0,.28); }
.playlist-covers { position:relative; min-height:330px; overflow:hidden; background:#111720; }
.playlist-covers:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#151b24 100%),linear-gradient(0deg,rgba(9,12,17,.72),transparent 55%); }
.playlist-cover { position:absolute; width:76%; aspect-ratio:16/9; object-fit:cover; border-radius:16px; box-shadow:0 18px 45px rgba(0,0,0,.52); }
.playlist-cover-1 { z-index:3; left:8%; top:22%; transform:rotate(-2deg); }
.playlist-cover-2 { z-index:2; left:20%; top:11%; transform:rotate(5deg); opacity:.68; }
.playlist-cover-3 { z-index:1; left:4%; top:4%; transform:rotate(-8deg); opacity:.38; }
.playlist-cover-empty { display:grid; place-items:center; height:100%; color:#fe628e; font-size:72px; background:radial-gradient(circle,rgba(254,98,142,.15),transparent 58%); }
.playlist-hero-copy { position:relative; z-index:4; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:44px 48px; }
.playlist-eyebrow { display:flex; align-items:center; gap:9px; color:#fe628e; font-size:11px; font-weight:800; letter-spacing:.18em; }
.playlist-eyebrow span { width:24px; height:2px; background:#fe628e; }
.playlist-hero h1 { max-width:680px; margin:14px 0 12px; color:#f4f7fb; font-size:clamp(30px,4vw,52px); font-weight:850; line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
.playlist-hero-copy>p { max-width:650px; color:#aab5c6; font-size:15px; line-height:1.8; }
.playlist-meta { display:flex; align-items:center; gap:12px; margin-top:20px; color:#aab5c6; font-size:13px; }
.playlist-meta strong { color:#fff; font-size:18px; }
.playlist-visibility { padding:5px 10px; border:1px solid rgba(254,98,142,.3); border-radius:999px; color:#ff8bac; background:rgba(254,98,142,.08); }
.playlist-edit-button { display:inline-flex; align-items:center; gap:8px; margin-top:24px; padding:10px 16px; border-radius:11px; color:#fff; font-weight:700; background:linear-gradient(135deg,#ff7099,#df4775); box-shadow:0 10px 28px rgba(223,71,117,.25); }
.playlist-edit-button svg { width:17px; height:17px; }
.playlist-content { margin-top:46px; }
.playlist-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.playlist-section-heading span { color:#fe628e; font-size:10px; font-weight:800; letter-spacing:.18em; }
.playlist-section-heading h2 { margin-top:4px; color:#f4f7fb; font-size:25px; font-weight:800; }
.playlist-section-heading>p { color:#7f8b9e; font-size:13px; }
.playlist-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.playlist-video-card { overflow:hidden; border:1px solid rgba(216,222,233,.1); border-radius:17px; background:#151b24; box-shadow:0 14px 36px rgba(0,0,0,.18); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.playlist-video-card:hover { transform:translateY(-4px); border-color:rgba(254,98,142,.36); box-shadow:0 20px 44px rgba(0,0,0,.28); }
.playlist-video-poster { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#0c1016; }
.playlist-video-poster img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease,filter .25s ease; }
.playlist-video-card:hover .playlist-video-poster img { transform:scale(1.045); filter:brightness(.72); }
.playlist-video-index,.playlist-video-duration { position:absolute; z-index:2; bottom:10px; padding:5px 8px; border-radius:7px; color:#fff; font-size:11px; font-weight:800; backdrop-filter:blur(8px); }
.playlist-video-index { left:10px; color:#ff9db8; background:rgba(20,24,33,.82); }
.playlist-video-duration { right:10px; background:rgba(8,11,16,.78); }
.playlist-play-icon { position:absolute; z-index:3; left:50%; top:50%; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:#fff; background:rgba(254,98,142,.88); opacity:0; transform:translate(-50%,-42%) scale(.85); transition:.22s ease; }
.playlist-play-icon svg { width:22px; height:22px; margin-left:3px; }
.playlist-video-card:hover .playlist-play-icon { opacity:1; transform:translate(-50%,-50%) scale(1); }
.playlist-video-body { padding:16px; }
.playlist-video-code { flex:none; margin-top:1px; padding:3px 6px; border-radius:6px; color:#ff8cab; background:rgba(254,98,142,.1); font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.playlist-video-body h3 { min-height:44px; color:#e8edf5; font-size:14px; font-weight:700; line-height:1.55; overflow:hidden; }
.playlist-video-body h3 a { display:flex; align-items:flex-start; gap:8px; }.playlist-video-body h3 a>span:last-child { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.playlist-video-body h3 a:hover { color:#fff; }
.playlist-video-footer { display:flex; align-items:center; justify-content:space-between; min-height:30px; margin-top:13px; color:#758195; font-size:11px; }
.playlist-remove-button { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(239,68,68,.25); border-radius:9px; color:#fb7185; background:rgba(239,68,68,.07); }
.playlist-remove-button:hover { color:#fff; background:#dc355f; }
.playlist-remove-button svg { width:15px; height:15px; }
.playlist-empty { padding:70px 20px; border:1px dashed rgba(216,222,233,.16); border-radius:20px; text-align:center; background:rgba(21,27,36,.5); }
.playlist-empty>span { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 16px; border-radius:18px; color:#fe628e; font-size:30px; background:rgba(254,98,142,.1); }
.playlist-empty h2 { color:#eef2f8; font-size:20px; font-weight:750; }.playlist-empty p { margin-top:6px; color:#7f8b9e; }
@media(max-width:1023px){.playlist-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-hero-copy{padding:36px 30px}}
@media(max-width:639px){.playlist-breadcrumb{margin:15px 0}.playlist-hero{display:block;min-height:0;border-radius:19px}.playlist-covers{min-height:210px}.playlist-covers:after{background:linear-gradient(0deg,#151b24 0,transparent 65%)}.playlist-cover{width:82%}.playlist-cover-1{left:9%;top:25%}.playlist-hero-copy{padding:24px 20px 28px}.playlist-hero h1{font-size:30px}.playlist-video-grid{grid-template-columns:1fr;gap:16px}.playlist-content{margin-top:34px}.playlist-section-heading h2{font-size:22px}.playlist-play-icon{display:none}.playlist-discussion{margin-top:34px!important;padding:20px 17px;border-radius:18px}.playlist-discussion .comments-heading h2{font-size:21px}}

.public-playlists-page{max-width:1480px;padding-top:42px}.public-playlists-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:36px 40px;border:1px solid rgba(216,222,233,.1);border-radius:25px;background:radial-gradient(circle at 85% 0,rgba(254,98,142,.18),transparent 33%),linear-gradient(135deg,#171f2d,#101620);box-shadow:0 24px 60px rgba(0,0,0,.22)}.public-playlists-kicker{color:#fe628e;font-size:10px;font-weight:900;letter-spacing:.2em}.public-playlists-hero h1{margin:8px 0 8px;color:#f5f7fb;font-size:clamp(31px,4vw,49px);font-weight:850;letter-spacing:-.035em}.public-playlists-hero p{color:#9eabbf;line-height:1.7}.public-playlists-total{display:flex;flex-direction:column;align-items:flex-end;flex:none}.public-playlists-total strong{color:#fff;font-size:32px;line-height:1}.public-playlists-total span{margin-top:7px;color:#78869a;font-size:12px}.public-playlists-tabs{display:flex;gap:9px;margin:24px 0}.public-playlists-tabs a{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(216,222,233,.12);border-radius:999px;color:#98a5b7;background:#141b26;font-size:13px;font-weight:750;transition:.2s ease}.public-playlists-tabs a:hover,.public-playlists-tabs a.is-active{border-color:rgba(254,98,142,.38);color:#fff;background:linear-gradient(135deg,rgba(254,98,142,.22),rgba(254,98,142,.08))}.public-playlists-tabs a.is-active span{color:#fe628e}.public-playlists-list{display:grid;gap:15px}.public-playlist-card{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr) 44px;align-items:stretch;min-height:226px;overflow:hidden;border:1px solid rgba(216,222,233,.09);border-radius:20px;background:#151d2a;box-shadow:0 14px 35px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}.public-playlist-card:hover{transform:translateY(-2px);border-color:rgba(254,98,142,.27)}.public-playlist-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:24px 18px;border-right:1px solid rgba(216,222,233,.08);color:#dce3ed}.public-playlist-avatar{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;color:#fff;background:linear-gradient(145deg,hsl(var(--avatar-hue) 78% 60%),hsl(var(--avatar-hue) 70% 44%));box-shadow:0 13px 32px hsl(var(--avatar-hue) 70% 45% / .2);font-size:21px;font-weight:850;letter-spacing:-.03em}.public-playlist-name{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;margin-top:13px;text-align:center}.public-playlist-name strong{max-width:100%;overflow:hidden;color:#f1f4f8;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.public-playlist-name small{margin-top:4px;color:#718096;font-size:10px;letter-spacing:.08em}.public-playlist-stats{margin-top:10px;color:#758399;font-size:10px}.public-playlist-stats b{color:#aab5c5}.public-playlist-posters{display:flex;align-items:center;gap:9px;min-width:0;padding:22px 17px;overflow:hidden}.public-playlist-poster{position:relative;flex:1 1 0;min-width:82px;max-width:142px;height:182px;overflow:hidden;border-radius:9px;background:#0c1118;box-shadow:0 9px 22px rgba(0,0,0,.28)}.public-playlist-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .2s ease}.public-playlist-card:hover .public-playlist-poster img{transform:scale(1.035)}.public-playlist-poster b{position:absolute;left:6px;right:6px;bottom:6px;overflow:hidden;padding:4px 5px;border-radius:5px;color:#fff;background:rgba(8,11,16,.75);font-size:8px;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(6px)}.public-playlist-no-poster{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;height:182px;border:1px dashed rgba(216,222,233,.14);border-radius:12px;color:#78869a}.public-playlist-no-poster b{margin-bottom:4px;color:#fe628e;font-size:30px}.public-playlist-arrow{display:grid;place-items:center;color:#6f7e92;font-size:21px;background:rgba(8,12,18,.15);transition:.2s ease}.public-playlist-card:hover .public-playlist-arrow{color:#fe628e;background:rgba(254,98,142,.06)}.public-playlists-empty{display:grid;place-items:center;padding:70px 20px;border:1px dashed rgba(216,222,233,.14);border-radius:20px;color:#7d8a9d;text-align:center;background:#141b26}.public-playlists-empty span{color:#fe628e;font-size:42px}.public-playlists-empty h2{margin-top:10px;color:#edf1f7;font-size:21px}.public-playlists-empty p{margin-top:6px}
@media(max-width:767px){.public-playlists-page{padding-top:20px}.public-playlists-hero{align-items:flex-start;padding:25px 21px;border-radius:19px}.public-playlists-total{display:none}.public-playlists-hero h1{font-size:31px}.public-playlists-tabs{margin:17px 0}.public-playlist-card{display:block;min-height:0;overflow:visible}.public-playlist-identity{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 15px;border-right:0;border-bottom:1px solid rgba(216,222,233,.08)}.public-playlist-avatar{grid-row:1/3;width:56px;height:56px;font-size:15px}.public-playlist-name{align-items:flex-start;margin:0;text-align:left}.public-playlist-stats{margin:4px 0 0}.public-playlist-posters{gap:8px;padding:13px;overflow-x:auto;scroll-snap-type:x proximity}.public-playlist-poster{flex:0 0 96px;height:136px;scroll-snap-align:start}.public-playlist-arrow{display:none}}
.favorite-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:8px 11px;border:1px solid rgba(251,113,133,.24);border-radius:10px;color:#fb8da2;background:rgba(190,24,93,.08);font-size:12px;font-weight:750;transition:.18s ease}.favorite-remove-button:hover{border-color:rgba(251,113,133,.48);color:#fff;background:#be185d}.favorite-remove-button:disabled{cursor:wait;opacity:.58}.favorite-remove-button span{font-size:17px;line-height:1}
.history-local-header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:28px 0 30px; padding:28px 30px; border:1px solid rgba(216,222,233,.1); border-radius:20px; background:radial-gradient(circle at 90% 0,rgba(254,98,142,.13),transparent 40%),#151b24; }
.history-local-header p { color:#fe628e; font-size:10px; font-weight:850; letter-spacing:.18em; }.history-local-header h1 { margin:5px 0; color:#f3f6fb; font-size:30px; font-weight:800; }.history-local-header span { color:#8996aa; font-size:13px; }
.history-local-header button { flex:none; padding:10px 15px; border:1px solid rgba(254,98,142,.3); border-radius:10px; color:#ff8eae; background:rgba(254,98,142,.08); font-size:13px; font-weight:700; }.history-local-header button:hover { color:#fff; background:#df4775; }
.history-local-card { overflow:hidden; border:1px solid rgba(216,222,233,.1); border-radius:15px; background:#151b24; box-shadow:0 12px 30px rgba(0,0,0,.18); }.history-local-poster { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; }.history-local-poster img { width:100%; height:100%; object-fit:cover; transition:transform .28s ease; }.history-local-card:hover img { transform:scale(1.04); }.history-local-poster span { position:absolute; right:8px; bottom:8px; padding:4px 7px; border-radius:6px; color:#fff; background:rgba(7,10,15,.76); font-size:11px; font-weight:700; }
.history-local-body { padding:13px; }.history-local-code { color:#fe628e; font-size:11px; font-weight:800; letter-spacing:.06em; }.history-local-body h2 { min-height:40px; margin-top:6px; color:#e8edf5; font-size:13px; font-weight:700; line-height:1.5; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.history-local-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:11px; color:#6f7c90; font-size:10px; }.history-local-footer button { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:#fb7185; background:rgba(239,68,68,.08); font-size:18px; }.history-local-footer button:hover { color:#fff; background:#dc355f; }
.history-local-empty { padding:70px 20px; text-align:center; border:1px dashed rgba(216,222,233,.14); border-radius:20px; }.history-local-empty svg { width:55px; height:55px; margin:0 auto; color:#556276; }.history-local-empty h2 { margin-top:14px; color:#eef2f8; font-size:20px; font-weight:750; }.history-local-empty p { margin-top:6px; color:#7f8b9e; }.history-local-empty a { display:inline-flex; margin-top:18px; padding:9px 15px; border-radius:10px; color:#fff; background:#df4775; font-weight:700; }
@media(max-width:639px){.history-local-header{align-items:flex-start;flex-direction:column;margin-top:18px;padding:22px 18px}.history-local-header h1{font-size:26px}.history-local-header button{width:100%}}
.comments-heading, .comment-form-footer, .comment-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.comments-heading h3 { color:#fff; font-size:1.25rem; font-weight:700; }
.comments-kicker { color:#fe628e; font-size:.7rem; font-weight:800; letter-spacing:.16em; }
.comments-count { min-width:34px; padding:5px 10px; border-radius:999px; text-align:center; color:#dbe6f5; background:#263140; }
.comment-form { margin-top:18px; padding:14px; border:1px solid #334155; border-radius:14px; background:#111827; }
.comment-form textarea { width:100%; resize:vertical; outline:none; color:#f8fafc; background:transparent; line-height:1.6; }
.comment-form textarea::placeholder { color:#748198; }
.comment-form-footer { margin-top:10px; color:#8996aa; font-size:.75rem; }
.comment-form button, .comments-more, .comment-login { border-radius:10px; padding:9px 16px; color:#fff; background:linear-gradient(135deg,#fe628e,#df4775); font-weight:700; }
.comment-form button:disabled, .comments-more:disabled { opacity:.55; cursor:not-allowed; }
.comment-login { margin-top:16px; background:#263140; }
.comments-message { margin:18px 0; color:#8996aa; font-size:.9rem; }
.comment-item { padding:16px 0; border-top:1px solid #263140; }
.comment-meta strong { color:#f2f5fa; }
.comment-meta time { margin-left:auto; color:#748198; font-size:.75rem; }
.comment-content { margin-top:8px; color:#c8d1df; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.comment-delete { color:#8996aa; font-size:.75rem; }
.comment-delete:hover { color:#fe628e; }
.comments-more { display:block; margin:12px auto 0; background:#263140; }
@media (max-width:639px) { .video-comments { padding:15px; border-radius:14px; } .comment-form { padding:12px; } }

/* 会员入口与账户弹窗 */
.member-icon-button {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #eceff4;
    border: 1px solid rgba(216, 222, 233, .16);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(67, 76, 94, .9), rgba(46, 52, 64, .94));
    box-shadow: 0 8px 22px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .06);
    transition: transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.member-icon-button.hidden {
    display: none;
}

.member-icon-button:hover,
.member-icon-button:focus-visible {
    color: #fe628e;
    border-color: rgba(254, 98, 142, .58);
    box-shadow: 0 10px 28px rgba(254, 98, 142, .16), inset 0 1px rgba(255, 255, 255, .08);
    transform: translateY(-1px);
    outline: none;
}

#login-modal > div > div.w-screen {
    position: relative;
    border: 1px solid rgba(216, 222, 233, .14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(254, 98, 142, .16), transparent 38%),
        linear-gradient(160deg, #252b37 0%, #1d222c 100%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
}

#login-modal h2 {
    font-weight: 750;
    letter-spacing: -.025em;
}

#login-modal .text-group {
    overflow: hidden;
    border: 1px solid rgba(216, 222, 233, .13);
    border-radius: 14px;
    background: rgba(15, 18, 24, .42);
}

#login-modal .text-group > div {
    border-color: rgba(216, 222, 233, .11);
}

#login-modal .text-group input {
    min-height: 48px;
    color: #eceff4;
    background: #202631 !important;
    caret-color: #fe628e;
}

#login-modal .text-group input::selection {
    color: #fff;
    background: #d94c78;
}

#login-modal .text-group input:-webkit-autofill,
#login-modal .text-group input:-webkit-autofill:hover,
#login-modal .text-group input:-webkit-autofill:focus {
    -webkit-text-fill-color: #eceff4 !important;
    caret-color: #fe628e;
    box-shadow: 0 0 0 1000px #202631 inset !important;
    transition: background-color 99999s ease-out 0s;
}

#login-modal .text-group input:focus {
    border-color: #fe628e;
    box-shadow: 0 0 0 3px rgba(254, 98, 142, .12);
}

#login-modal .button-primary {
    min-height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff759c, #e94e7d);
    box-shadow: 0 12px 28px rgba(233, 78, 125, .24);
    transition: transform .18s ease, box-shadow .18s ease;
}

#login-modal .button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(233, 78, 125, .32);
}

@media (max-width: 639px) {
    .member-icon-button {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

    #login-modal > div > div.w-screen {
        width: calc(100vw - 28px);
        padding: 22px 18px;
        border-radius: 20px;
    }
}