@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");

/* ===============================
   Apple Dark Glass · Night Dusk + Subtle Noise (全黑版)
   =============================== */

:root{
    --bg-deep:#000000;
    --bg-mid:#0a0a0a;

    --sun-gold: rgba(255,180,95,0.55);
    --sun-amber: rgba(255,210,150,0.38);

    --noise-color: rgba(255,255,255,0.03);
}

/* ---------- Reset ---------- */
*{box-sizing:border-box;margin:0;padding:0;}

html,body{
    width:100%;
    height:100%;
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,"PingFang SC",sans-serif;
    color:#E8E8EA;
    background: var(--bg-deep);
    overflow-x:hidden;
}

/* =====================================
   GLOBAL UNIFIED BACKGROUND + SUBTLE NOISE
   ===================================== */
body::before{
    content:"";
    position:fixed;
    inset:-18%;
    z-index:-2;

    background:
        radial-gradient(circle at 18% 14%, var(--sun-gold), transparent 48%),
        radial-gradient(circle at 26% 20%, var(--sun-amber), transparent 55%),
        linear-gradient(
            180deg,
            var(--bg-mid) 0%,
            var(--bg-deep) 42%,
            var(--bg-deep) 100%
        );

    filter: blur(28px);
    animation: dusk-drift 140s ease-in-out infinite alternate;
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;

    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSIxIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMykiIC8+PC9zdmc+') repeat;
    opacity:0.06;
    animation: noise-flicker 15s infinite alternate;
    pointer-events:none;
}

@keyframes dusk-drift{
    0%   { transform: translate(0,0) scale(1); }
    100% { transform: translate(-3%, -2%) scale(1.04); }
}

@keyframes noise-flicker{
    0% { opacity:0.04; transform:translate(0,0); }
    50% { opacity:0.065; transform:translate(0.2%,0.2%); }
    100% { opacity:0.05; transform:translate(-0.1%,0.1%); }
}

/* ---------- Wrapper ---------- */
#wrapper{
    position:relative;
    z-index:2;
    padding-bottom:5em;
}

/* ---------- Main Glass Card ---------- */
.main{
    width:85%;
    max-width:1050px;
    margin:4.2em auto;
    border-radius:22px;
    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.10),
            rgba(255,255,255,0.03) 35%,
            rgba(0,0,0,0.55)
        ),
        rgba(14,14,26,0.62);

    backdrop-filter: blur(14px) saturate(1.1);
    border:1px solid rgba(255,255,255,0.18);

    box-shadow:
        0 32px 90px rgba(0,0,0,0.85),
        inset 0 1px 0 rgba(255,255,255,0.08);

    opacity:0;
    transform: translateY(40px) scale(0.98);
    animation: card-fade-in .9s ease-out forwards;
}

.main:nth-of-type(1){ animation-delay:.05s }
.main:nth-of-type(2){ animation-delay:.18s }
.main:nth-of-type(3){ animation-delay:.32s }
.main:nth-of-type(4){ animation-delay:.46s }

@keyframes card-fade-in{
    to{
        opacity:1;
        transform: translateY(0) scale(1);
    }
}

/* ---------- Content ---------- */
/* 修改：第三个值(bottom)改为 1.5em，缩短按钮到卡片底部的距离 */
.card-content{
    padding:2.2em 5em 1.5em;
    text-align:center;
}

/* ---------- Titles ---------- */
.main-title{
    font-size:3.2em;
    font-weight:700;
    margin-bottom:.35em;
    color:#fff;
}

.main-link{
    font-size:2.2em;
    margin-bottom:1.3em;
}

.main-link a{
    color:#eef0ff;
    text-decoration:none;
    text-shadow:0 0 8px rgba(160,180,255,0.45);
}

/* ---------- Section Spacing ---------- */
header.major{
    margin-bottom:2.2em;
}

header.major h2{
    font-size:1.9em;
    font-weight:700;
    margin-bottom:0;
    color:#fff;
}

/* ---------- Bandwidth Glass Pod ---------- */
/* 修改：margin-bottom 改为 8px，极大拉近与下方按钮的距离 */
.bandwidth-display{
    margin:0 auto 8px;
    padding:8px;
    border-radius:14px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.12),
            rgba(255,255,255,0.035)
        );

    backdrop-filter: blur(14px) saturate(1.08);
    border:1px solid rgba(255,255,255,0.22);

    box-shadow:
        0 10px 26px rgba(0,0,0,0.55),
        inset 0 1px 0 rgba(255,255,255,0.35);
}

.bandwidth-display iframe{
    height:132px;
    border-radius:10px;
}

/* ---------- BUTTON LAYOUT (统一节奏) ---------- */
.actions,
.actions li{
    list-style:none;
    padding:0;
    margin:0;
}

/* 修改：margin-top 改为 0，让按钮紧贴上方 */
.actions.special{
    margin-top:0;
}

/* 修改：margin-bottom 改为 0，去除按钮自身的下方推挤 */
.actions.special li{
    margin-bottom:0;
}

.custom-button-group{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin-top:2.2em;
}

/* ---------- Button ---------- */
.button{
    display:block;
    width:100%;
    min-width:300px;
    padding:18px 28px;
    border-radius:15px;
    color:#fff;
    text-decoration:none;
    font-weight:700;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.18),
            rgba(255,255,255,0.04) 45%,
            rgba(255,255,255,0.10)
        );

    backdrop-filter: blur(14px) saturate(1.15);
    border:1px solid rgba(255,255,255,0.3);

    box-shadow:
        0 14px 32px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.4);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.button:hover{
    transform: translateY(-2px);
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.28),
            rgba(255,255,255,0.06) 45%,
            rgba(255,255,255,0.18)
        );

    box-shadow:
        0 18px 42px rgba(0,0,0,.75),
        inset 0 1px 0 rgba(255,255,255,.55);
}

/* ---------- Responsive ---------- */
@media(max-width:768px){
    .main{width:95%;margin:2.4em auto}
    .card-content{padding:2.2em 1.2em 1.5em} /* 底部也同步调整为 1.5em */
    .main-title{font-size:2em}
    .main-link{font-size:1.25em}
    header.major{margin-bottom:1.6em}
    .custom-button-group{margin-top:1.6em}
    .button{min-width:240px}
}