@import url('https://s.wanjinghb.com/css/inter.css');

[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
    background: #f4f8fd;
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gradient-text {
    background: linear-gradient(135deg, #0284c7, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-light {
    background: linear-gradient(180deg, #dff1fe 0%, #ecf5ff 45%, #f4f8fd 100%);
}

.img-hero { background-size: cover; background-position: center; }

.dmr-card {
    background: #ffffff;
    border: 1px solid #e2eefc;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.07);
}

.dmr-chip {
    display: inline-block;
    padding: 0.3rem 1rem;
    background: #e0f0fe;
    color: #0369a1;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 999px;
}

.dmr-btn {
    display: inline-block;
    padding: 0.9rem 2rem;
    border-radius: 0.9rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28);
    transition: transform 0.25s, box-shadow 0.25s;
}
.dmr-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(37, 99, 235, 0.34); }

.dmr-btn-ghost {
    display: inline-block;
    padding: 0.9rem 2rem;
    border-radius: 0.9rem;
    font-weight: 600;
    color: #1d4ed8;
    background: #fff;
    border: 1px solid #bfdbfe;
    transition: background 0.25s;
}
.dmr-btn-ghost:hover { background: #eff6ff; }

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.animate-float { animation: float 3s ease-in-out infinite; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-in { animation: fadeInUp 0.6s ease-out forwards; }

::selection { background-color: #38bdf8; color: white; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #eef4fb; }
::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #60a5fa; }