/* USDT冷钱包 - 全站样式 */
:root {
    --primary: #1a1a3e;
    --secondary: #2d1b69;
    --accent: #00d4ff;
    --accent2: #7b2ff7;
    --glass-bg: rgba(255,255,255,0.08);
    --glass-border: rgba(255,255,255,0.15);
    --text: #e8e8f0;
    --text-secondary: #a0a0c0;
    --gradient: linear-gradient(135deg, #0a0a2e 0%, #1a1a3e 30%, #2d1b69 70%, #1a0a3e 100%);
    --card-gradient: linear-gradient(135deg, rgba(0,212,255,0.1), rgba(123,47,247,0.1));
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background: var(--gradient);
    color: var(--text);
    line-height: 1.7;
    min-height: 100vh;
    overflow-x: hidden;
}
/* 粒子背景 */
.particles-bg {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(0,212,255,0.3), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(123,47,247,0.2), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(0,212,255,0.4), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(123,47,247,0.3), transparent),
        radial-gradient(2px 2px at 160px 30px, rgba(0,212,255,0.2), transparent);
    background-size: 200px 100px;
    animation: particleFloat 20s linear infinite;
    z-index: 0;
    pointer-events: none;
}
@keyframes particleFloat {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100px); }
}
/* 网格背景 */
.grid-bg {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background-image:
        linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 0;
    pointer-events: none;
}
.container { max-width:1200px; margin:0 auto; padding:0 20px; position:relative; z-index:1; }
/* 导航 */
.navbar {
    position: fixed; top:0; left:0; right:0; z-index:1000;
    background: rgba(10,10,46,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    padding: 0 20px;
    transition: all 0.3s ease;
}
.navbar .container {
    display:flex; align-items:center; justify-content:space-between;
    height: 70px;
}
.nav-logo {
    display:flex; align-items:center; gap:10px;
    font-size:1.3rem; font-weight:700; color:var(--accent);
    text-decoration:none;
}
.nav-logo .logo-icon {
    width:36px; height:36px;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem; color:#fff; font-weight:900;
}
.nav-links { display:flex; gap:28px; list-style:none; align-items:center; }
.nav-links a {
    color:var(--text-secondary); text-decoration:none; font-size:0.95rem;
    transition: color 0.3s; font-weight:500;
}
.nav-links a:hover { color:var(--accent); }
.nav-search {
    display:flex; align-items:center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius:25px; padding:6px 16px;
    backdrop-filter: blur(10px);
}
.nav-search input {
    background:transparent; border:none; outline:none;
    color:var(--text); font-size:0.9rem; width:160px;
}
.nav-search input::placeholder { color:var(--text-secondary); }
.nav-search button {
    background:none; border:none; color:var(--accent);
    cursor:pointer; font-size:1.1rem;
}
.mobile-toggle {
    display:none; background:none; border:none;
    color:var(--text); font-size:1.5rem; cursor:pointer;
}
/* 搜索弹窗 */
.search-modal {
    display:none; position:fixed; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.8); z-index:2000;
    justify-content:center; align-items:center;
}
.search-modal.active { display:flex; }
.search-modal-content {
    background: rgba(26,26,62,0.95);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius:20px; padding:40px;
    width:90%; max-width:500px; text-align:center;
}
.search-modal-content h3 { margin-bottom:20px; color:var(--accent); }
.search-loading {
    display:flex; gap:8px; justify-content:center; margin:20px 0;
}
.search-loading span {
    width:12px; height:12px; border-radius:50%;
    background:var(--accent);
    animation: searchBounce 1.4s ease-in-out infinite;
}
.search-loading span:nth-child(2) { animation-delay:0.2s; }
.search-loading span:nth-child(3) { animation-delay:0.4s; }
@keyframes searchBounce {
    0%,80%,100% { transform:scale(0); }
    40% { transform:scale(1); }
}
/* Hero区域 */
.hero {
    padding: 140px 0 80px;
    text-align:center;
    position:relative;
}
.hero h1 {
    font-size:3rem; font-weight:800;
    background: linear-gradient(135deg, var(--accent), var(--accent2), #ff6b9d);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
    margin-bottom:20px;
    line-height:1.3;
}
.hero p {
    font-size:1.2rem; color:var(--text-secondary);
    max-width:700px; margin:0 auto 40px;
}
.hero-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 32px; border-radius:30px;
    font-size:1rem; font-weight:600;
    text-decoration:none; cursor:pointer;
    transition: all 0.3s ease; border:none;
}
.btn-primary {
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color:#fff;
    box-shadow: 0 4px 25px rgba(0,212,255,0.3);
}
.btn-primary:hover {
    transform:translateY(-2px);
    box-shadow: 0 8px 35px rgba(0,212,255,0.5);
}
.btn-outline {
    background:transparent;
    border:2px solid var(--accent);
    color:var(--accent);
}
.btn-outline:hover {
    background:rgba(0,212,255,0.1);
    transform:translateY(-2px);
}
/* 玻璃卡片 */
.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    border-radius:16px;
    padding:30px;
    transition: all 0.3s ease;
}
.glass-card:hover {
    border-color: rgba(0,212,255,0.3);
    box-shadow: 0 8px 40px rgba(0,212,255,0.1);
    transform:translateY(-4px);
}
/* 仪表盘 */
.dashboard {
    padding:60px 0;
}
.dashboard-grid {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
    margin-bottom:40px;
}
.dash-card {
    text-align:center;
}
.dash-card .dash-value {
    font-size:2rem; font-weight:800;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
}
.dash-card .dash-label {
    font-size:0.85rem; color:var(--text-secondary);
    margin-top:8px;
}
.dash-card .dash-change {
    font-size:0.8rem; margin-top:4px;
}
.dash-card .dash-change.up { color:#00e676; }
.dash-card .dash-change.down { color:#ff5252; }
/* 安全动画条 */
.security-bar {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius:12px;
    padding:16px 24px;
    display:flex; align-items:center; gap:16px;
    overflow:hidden;
    margin-bottom:40px;
}
.security-bar .pulse {
    width:12px; height:12px; border-radius:50%;
    background:#00e676;
    animation: pulse 2s ease-in-out infinite;
    flex-shrink:0;
}
@keyframes pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(0,230,118,0.4); }
    50% { box-shadow: 0 0 0 10px rgba(0,230,118,0); }
}
.security-bar .scroll-text {
    white-space:nowrap;
    animation: scrollText 30s linear infinite;
    color:var(--text-secondary); font-size:0.9rem;
}
@keyframes scrollText {
    0% { transform:translateX(100%); }
    100% { transform:translateX(-100%); }
}
/* 区块标题 */
.section { padding:60px 0; }
.section-title {
    font-size:2rem; font-weight:700;
    text-align:center; margin-bottom:40px;
    position:relative;
}
.section-title::after {
    content:'';
    display:block; width:60px; height:3px;
    background: linear-gradient(90deg, var(--accent), var(--accent2));
    margin:12px auto 0;
    border-radius:2px;
}
/* 新闻/文章网格 */
.news-grid {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:24px;
}
.news-card { cursor:pointer; }
.news-card .news-img {
    width:100%; height:200px;
    object-fit:cover; border-radius:12px 12px 0 0;
    display:block;
}
.news-card .news-body { padding:20px; }
.news-card .news-tag {
    display:inline-block;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color:#fff; font-size:0.75rem; font-weight:600;
    padding:3px 10px; border-radius:20px;
    margin-bottom:10px;
}
.news-card h4 { font-size:1.05rem; margin-bottom:8px; line-height:1.5; }
.news-card p { font-size:0.9rem; color:var(--text-secondary); line-height:1.6; }
.news-card .news-meta {
    display:flex; justify-content:space-between;
    font-size:0.8rem; color:var(--text-secondary);
    margin-top:12px; padding-top:12px;
    border-top:1px solid var(--glass-border);
}
/* 视频卡片 */
.video-card {
    position:relative; cursor:pointer;
    overflow:hidden; border-radius:16px;
}
.video-card img {
    width:100%; height:220px;
    object-fit:cover; display:block;
    transition: transform 0.3s;
}
.video-card:hover img { transform:scale(1.05); }
.video-card .play-btn {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:60px; height:60px;
    background:rgba(0,212,255,0.9);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    opacity:0; transition: opacity 0.3s;
    font-size:1.5rem; color:#fff;
}
.video-card:hover .play-btn { opacity:1; }
.video-card .video-title {
    position:absolute; bottom:0; left:0; right:0;
    padding:16px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    font-size:0.95rem; font-weight:600;
}
/* 专家/社区/评价 */
.expert-grid, .review-grid, .community-grid {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:24px;
}
.expert-card .expert-avatar {
    font-size:3rem; margin-bottom:12px;
}
.expert-card .expert-name {
    font-size:1.1rem; font-weight:700; color:var(--accent);
}
.expert-card .expert-title {
    font-size:0.85rem; color:var(--text-secondary); margin-bottom:12px;
}
.expert-card .expert-topic {
    display:inline-block;
    background:rgba(0,212,255,0.1);
    color:var(--accent); font-size:0.8rem;
    padding:3px 10px; border-radius:20px;
    margin-bottom:12px;
}
.expert-card blockquote {
    font-size:0.9rem; color:var(--text-secondary);
    line-height:1.7; font-style:italic;
    border-left:3px solid var(--accent2);
    padding-left:16px;
}
.review-card .stars { color:#ffd700; font-size:1.1rem; margin-bottom:8px; }
.review-card .review-text {
    font-size:0.9rem; color:var(--text-secondary);
    line-height:1.7; margin-bottom:12px;
}
.review-card .review-user {
    font-size:0.85rem; color:var(--accent);
    font-weight:600;
}
.review-card .review-date {
    font-size:0.8rem; color:var(--text-secondary);
}
/* 页脚 */
.footer {
    background: rgba(5,5,25,0.8);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--glass-border);
    padding: 60px 0 0;
    margin-top:80px;
}
.footer-grid {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:40px;
    padding-bottom:40px;
    border-bottom:1px solid var(--glass-border);
}
.footer-col h4 {
    font-size:1.05rem; font-weight:700;
    margin-bottom:16px; color:var(--accent);
}
.footer-col p, .footer-col a {
    font-size:0.9rem; color:var(--text-secondary);
    text-decoration:none; display:block;
    margin-bottom:8px; line-height:1.6;
}
.footer-col a:hover { color:var(--accent); }
.footer-bottom {
    display:flex; justify-content:space-between;
    align-items:center; padding:24px 0;
    font-size:0.85rem; color:var(--text-secondary);
    flex-wrap:wrap; gap:12px;
}
/* 面包屑 */
.breadcrumb {
    padding:90px 0 20px;
    font-size:0.9rem;
}
.breadcrumb a { color:var(--accent); text-decoration:none; }
.breadcrumb span { color:var(--text-secondary); margin:0 8px; }
/* 内页内容 */
.page-content {
    padding:20px 0 60px;
}
.page-content h1 {
    font-size:2.2rem; font-weight:800;
    margin-bottom:24px;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
}
.page-content h2 {
    font-size:1.6rem; font-weight:700;
    margin:32px 0 16px; color:var(--text);
}
.page-content h5, .page-content h6 {
    font-size:1.1rem; font-weight:600;
    margin:20px 0 10px; color:var(--accent);
}
.page-content p {
    font-size:1rem; color:var(--text-secondary);
    margin-bottom:16px; line-height:1.8;
}
.page-content img {
    max-width:100%; height:auto;
    border-radius:12px; margin:20px 0;
}
.content-card {
    margin-bottom:30px;
}
/* 步骤条 */
.steps-container { margin:30px 0; }
.step-item {
    border: 1px solid var(--glass-border);
    border-radius:12px; margin-bottom:12px;
    overflow:hidden;
}
.step-header {
    display:flex; align-items:center; gap:16px;
    padding:16px 24px; cursor:pointer;
    background:var(--glass-bg);
    transition: background 0.3s;
}
.step-header:hover { background:rgba(0,212,255,0.05); }
.step-number {
    width:36px; height:36px; border-radius:50%;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:0.9rem; flex-shrink:0;
}
.step-title { font-weight:600; font-size:1rem; }
.step-arrow {
    margin-left:auto; transition: transform 0.3s;
    color:var(--accent);
}
.step-content {
    max-height:0; overflow:hidden;
    transition: max-height 0.4s ease;
    padding:0 24px;
}
.step-content.active {
    max-height:500px;
    padding:16px 24px;
}
.step-content p {
    font-size:0.95rem; color:var(--text-secondary);
    line-height:1.8;
}
/* 论坛样式 */
.forum-list { display:flex; flex-direction:column; gap:16px; }
.forum-item {
    display:flex; align-items:center; gap:20px;
    padding:20px 24px;
}
.forum-item .forum-icon {
    width:48px; height:48px; border-radius:12px;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    display:flex; align-items:center; justify-content:center;
    font-size:1.3rem; flex-shrink:0;
}
.forum-item .forum-info { flex:1; }
.forum-item .forum-title {
    font-size:1.05rem; font-weight:600; margin-bottom:4px;
}
.forum-item .forum-meta {
    font-size:0.85rem; color:var(--text-secondary);
}
.forum-item .forum-stats {
    display:flex; gap:16px; font-size:0.85rem;
    color:var(--text-secondary);
}
/* 行情卡片 */
.market-grid {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px;
    margin-bottom:30px;
}
.market-card { text-align:center; }
.market-card .coin-name {
    font-size:1.1rem; font-weight:700;
    margin-bottom:8px; color:var(--accent);
}
.market-card .coin-price {
    font-size:1.8rem; font-weight:800;
    margin-bottom:4px;
}
.market-card .coin-change { font-size:0.9rem; }
.market-card .coin-change.up { color:#00e676; }
.market-card .coin-change.down { color:#ff5252; }
/* 响应式 */
@media (max-width:1024px) {
    .dashboard-grid { grid-template-columns: repeat(2, 1fr); }
    .news-grid, .expert-grid, .review-grid, .community-grid, .market-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px) {
    .nav-links { display:none; }
    .nav-search { display:none; }
    .mobile-toggle { display:block; }
    .nav-links.active {
        display:flex; flex-direction:column;
        position:absolute; top:70px; left:0; right:0;
        background:rgba(10,10,46,0.95);
        backdrop-filter:blur(20px);
        padding:20px;
        border-bottom:1px solid var(--glass-border);
    }
    .hero { padding:120px 0 60px; }
    .hero h1 { font-size:2rem; }
    .hero p { font-size:1rem; }
    .dashboard-grid { grid-template-columns: repeat(2, 1fr); }
    .news-grid, .expert-grid, .review-grid, .community-grid, .market-grid {
        grid-template-columns: 1fr;
    }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction:column; text-align:center; }
    .page-content h1 { font-size:1.6rem; }
    .section-title { font-size:1.5rem; }
    .forum-item { flex-direction:column; text-align:center; }
    .forum-item .forum-stats { justify-content:center; }
    .btn { padding:12px 24px; font-size:0.9rem; }
}
@media (max-width:480px) {
    .hero h1 { font-size:1.6rem; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .dash-card .dash-value { font-size:1.5rem; }
    .hero-btns { flex-direction:column; align-items:center; }
}