*{box-sizing:border-box}
:root{
    --bg:#050b17;
    --panel:rgba(10,20,38,.72);
    --line:rgba(141,190,255,.18);
    --text:#eef5ff;
    --muted:#a7b9d4;
    --blue:#3a86ff;
    --cyan:#55e1ff;
    --green:#4de6b7;
    --orange:#ffb36b;
    --red:#ff7b7b;
    --shadow:0 18px 50px rgba(0,0,0,.3);
}
html,body{margin:0;padding:0}
body{
    background:radial-gradient(circle at top left,#12264a 0,#07111f 42%,#030712 100%);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
    min-height:100vh;
}
a{text-decoration:none;color:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 22px;position:relative;z-index:2}
.galaxy-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#starCanvas{position:absolute;inset:0;width:100%;height:100%}
.nebula{position:absolute;border-radius:50%;filter:blur(95px);opacity:.25;animation:float 14s ease-in-out infinite alternate}
.n1{width:560px;height:560px;left:-120px;top:100px;background:#2346ff}
.n2{width:520px;height:520px;right:-80px;top:260px;background:#8b4dff;animation-duration:18s}
.space-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(120,170,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.16) 1px,transparent 1px);background-size:54px 54px}
@keyframes float{from{transform:translate(0,0) scale(1)}to{transform:translate(28px,-24px) scale(1.08)}}

.site-header{position:sticky;top:0;z-index:20;background:rgba(5,12,24,.62);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:center;position:relative}
.brand{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px}
.brand-orb{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:0 10px 25px rgba(58,134,255,.32)}
.brand b{display:block;font-size:22px;color:#fff;letter-spacing:.4px}
.brand em{display:block;font-size:10px;color:#88a2c8;font-style:normal;margin-top:2px;letter-spacing:.3px}
.nav{
    display:flex;gap:6px;flex-wrap:wrap;justify-content:center;
    background:linear-gradient(180deg,rgba(8,20,40,.54),rgba(5,14,28,.42));
    border:1px solid rgba(136,202,255,.18);
    border-radius:999px;padding:7px 10px;
    box-shadow:0 10px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(20px);
}
.nav a{
    font-size:15px;font-weight:800;color:#dbe9ff;padding:11px 15px;border-radius:999px;
    position:relative;transition:.22s ease;letter-spacing:.2px;
}
.nav a::after{
    content:"";
    position:absolute;inset:0;border-radius:999px;
    box-shadow:0 0 0 rgba(85,225,255,0);
    transition:.25s ease;
}
.nav a:hover{
    color:#fff;transform:translateY(-1px);
    text-shadow:0 0 10px rgba(85,225,255,.35);
}
.nav a:hover::after{
    box-shadow:0 0 18px rgba(85,225,255,.22), inset 0 0 12px rgba(85,225,255,.08);
}
.nav a.active{
    background:linear-gradient(135deg,#4da5ff,#61e6ff);
    color:#fff;
    box-shadow:0 0 24px rgba(85,225,255,.28), inset 0 1px 0 rgba(255,255,255,.18);
}

.glass{
    background:linear-gradient(180deg,rgba(7,22,45,.34),rgba(5,16,32,.22));
    border:1px solid rgba(153,208,255,.18);
    box-shadow:
        0 22px 60px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(255,255,255,.03);
    backdrop-filter:blur(24px) saturate(150%);
    -webkit-backdrop-filter:blur(24px) saturate(150%);
    border-radius:26px;
    position:relative;
    overflow:hidden;
}
.glass::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 70%,rgba(255,255,255,.03));
    pointer-events:none;
}
.hero{padding:42px 0 28px}
.hero-grid{display:grid;grid-template-columns:1.55fr .95fr;gap:22px}
.hero-main{padding:36px}
.tag,.section-label,.badge{display:inline-flex;border-radius:999px;font-weight:900}
.tag{padding:8px 14px;background:rgba(85,225,255,.1);color:#9cecff;border:1px solid rgba(85,225,255,.18)}
.hero h1{font-size:58px;line-height:1.05;margin:20px 0 4px}
.hero h2{font-size:38px;line-height:1.1;color:#9bdcff;margin:0 0 20px}
.hero p{font-size:18px;line-height:1.9;color:#c9d7ed}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn,.small-btn,.download-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;font-weight:900}
.btn{height:54px;padding:0 28px}
.primary,.small-btn,.download-btn{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#e7f1ff}
.stats{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.stats div{min-width:122px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.stats b{display:block;font-size:24px}
.stats span{display:block;color:#91a9ca;margin-top:6px}
.hero-side{display:grid;gap:22px}
.side-card{padding:26px}
.side-card h3{font-size:24px;margin:0 0 14px}
.side-card ul{margin:0;padding-left:20px;color:#c9d7ed;line-height:1.9}
.side-card p{color:#c9d7ed;line-height:1.9}

.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px auto 34px}
.mini{padding:20px;transition:.25s ease}
.mini:hover{transform:translateY(-4px)}
.mini b{display:block;font-size:22px;margin-bottom:8px}
.mini span{color:#9db2d1}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-label{padding:6px 12px;background:rgba(58,134,255,.12);color:#9cecff;border:1px solid var(--line);font-size:12px}
.section-head h2{font-size:34px;margin:8px 0 0}
.section-head p{color:#9db2d1;margin:8px 0 0}
.search{width:300px;height:46px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:0 14px}
.search::placeholder{color:#91a9ca}

.carousel-section{padding:8px 22px 12px}
.controls{display:flex;gap:10px}
.controls button{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:28px;cursor:pointer}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 12px);gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.slide-card,.product-card{padding:16px;display:flex;flex-direction:column}
.cover{display:block;border-radius:17px;overflow:hidden;background:rgba(255,255,255,.04)}
.cover img{width:100%;height:190px;object-fit:cover;display:block}
.no-cover{height:190px;display:flex;align-items:center;justify-content:center;color:#91a9ca}
.badge{padding:7px 12px;margin-top:14px;background:rgba(85,225,255,.1);color:#9cecff;border:1px solid rgba(85,225,255,.18);font-size:12px}
.slide-card h3,.product-card h3{font-size:22px;margin:14px 0 8px}
.slide-card p,.product-card p{color:#aebfda;line-height:1.7;min-height:52px}
.card-bottom,.product-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.price,.free-price{font-size:24px;font-weight:900}
.price{color:var(--green)}
.free-price{color:var(--orange)}
.small-btn{height:42px;padding:0 16px}
.wide{width:100%}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.meta span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;color:#cbdaf2}

.product-section{padding:20px 22px 38px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.detail-page{padding:36px 22px 50px}
.back-link{display:inline-block;color:#92ddff;font-weight:900;margin-bottom:18px}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.media-panel,.detail-info{padding:22px}
.main-image{border-radius:18px;overflow:hidden;background:#06101e}
.main-image img{width:100%;max-height:560px;object-fit:contain;display:block}
.thumb-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.thumb{width:92px;height:72px;border-radius:14px;border:1px solid var(--line);padding:0;background:rgba(255,255,255,.04);overflow:hidden;cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover}
.empty-media{min-height:320px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-radius:18px;color:#91a9ca}
.video-box{margin-top:18px}
.video-box video{width:100%;border-radius:16px;background:#000}
.detail-info h1{font-size:42px;margin:14px 0 8px}
.subtitle{color:#b5c8e6}
.price-line{font-size:32px;font-weight:900;color:var(--green);margin:18px 0}
.features{padding-left:20px;color:#c9d7ed;line-height:1.8}
.rich-text{line-height:1.9;color:#d7e4f8}
.rich-text img{max-width:100%;display:block;margin:16px auto;border-radius:15px;border:1px solid var(--line)}
.download-box,.pay-box{margin-top:20px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.download-btn{height:44px;margin:8px 0;padding:0 16px}
.muted{color:#9db2d1;line-height:1.8}
.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0}
.qr-card{padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);text-align:center}
.qr-card b{display:block;margin-bottom:10px}
.qr-card img{max-width:100%;border-radius:14px}
.code-form label{font-weight:900}
.code-form div{display:flex;gap:10px;margin-top:8px}
.code-form input{flex:1;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:0 14px}
.code-form button{height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;padding:0 18px}
.error{color:var(--red)}

.risk-footer{position:relative;z-index:2;padding:42px 0 52px;border-top:1px solid var(--line);background:rgba(3,7,15,.7)}
.risk-footer h2{font-size:34px;margin:10px 0 18px}
.risk-footer p{line-height:1.95;color:#c6d6ee}

.admin-body{background:radial-gradient(circle at top left,#12264a 0,#07111f 42%,#030712 100%);color:#eef5ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
.admin-login,.admin-card{background:linear-gradient(180deg,rgba(16,31,55,.86),rgba(10,20,38,.74));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}
.admin-login{width:min(460px,calc(100% - 30px));margin:90px auto;padding:28px}
.admin-login input,.admin-login button,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}
.admin-login input,.admin-form input,.admin-form select{height:46px;padding:0 12px}
.admin-login button,.admin-form button{height:46px;border:0;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900;cursor:pointer}
.admin-login input,.admin-login button{margin-top:12px}
.admin-header{max-width:1280px;margin:0 auto;padding:26px 22px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.admin-header nav{display:flex;gap:10px}
.admin-header nav a{padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.admin-layout{max-width:1280px;margin:0 auto;padding:8px 22px 40px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.admin-card{padding:22px}
.admin-card.wide{grid-column:1/-1}
.admin-form{display:grid;gap:12px}
.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-form textarea{min-height:120px;padding:12px}
.admin-qr{max-width:180px;border-radius:14px;border:1px solid var(--line)}
.admin-message,.admin-error{padding:12px 14px;border-radius:14px;margin:12px 0}
.admin-message{background:rgba(77,230,183,.1);color:#9ef1d7}
.admin-error{background:rgba(255,123,123,.1);color:#ffd0d0}
.code-list,.admin-products{display:grid;gap:10px;margin-top:14px}
.code-item,.admin-product{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:14px}
.code-item span,.admin-product span{display:block;color:#9db2d1;margin-top:5px}
.admin-product a{color:#9cecff}
.admin-product button{background:#ff6b6b;color:#fff;border-radius:12px;border:0;height:40px;padding:0 14px;cursor:pointer}

.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border-radius:16px 16px 0 0;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.editor-toolbar button{height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}
.rich-editor{min-height:360px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:rgba(255,255,255,.04);padding:18px;line-height:1.9;outline:none}
.rich-editor img{max-width:100%;display:block;margin:14px auto;border-radius:14px;border:1px solid var(--line)}

@media(max-width:1180px){
    .header-inner{justify-content:flex-start;align-items:flex-start;flex-direction:column;min-height:auto;padding:16px 22px}
    .brand{position:static;transform:none}
    .nav{justify-content:flex-start;width:100%;overflow-x:auto}
    .hero-grid,.detail-grid,.admin-layout{grid-template-columns:1fr}
    .category-row,.product-grid{grid-template-columns:repeat(2,1fr)}
    .track{grid-auto-columns:calc(50% - 10px)}
}
@media(max-width:760px){
    .container{padding:0 16px}
    .hero h1{font-size:38px}
    .hero h2{font-size:28px}
    .brand b{font-size:22px}
    .nav a{font-size:15px;padding:10px 14px}
    .category-row,.product-grid,.admin-two,.qr-grid{grid-template-columns:1fr}
    .track{grid-auto-columns:100%}
    .section-head{align-items:flex-start;flex-direction:column}
    .search{width:100%}
    .code-form div{flex-direction:column}
}






/* ===== v4 High-End Galaxy Landing ===== */
.meteor-layer{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:1;
}
.meteor{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#fff;
    opacity:0;
    box-shadow:
        0 0 10px rgba(255,255,255,.95),
        0 0 18px rgba(85,225,255,.72);
    animation:meteorFly linear forwards;
}
.meteor::after{
    content:"";
    position:absolute;
    right:2px;
    top:0;
    width:var(--trail, 170px);
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(85,225,255,.48),transparent);
    transform:translateY(-50%);
}
@keyframes meteorFly{
    0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--angle,-38deg)) scale(var(--scale,.9))}
    8%{opacity:1}
    100%{opacity:0;transform:translate3d(var(--dx,-760px),var(--dy,560px),0) rotate(var(--angle,-38deg)) scale(calc(var(--scale,.9) * 1.04))}
}

.earth-card{
    padding:18px 20px 20px;
    min-height:332px;
    position:relative;
    overflow:hidden;
}
.earth-scene{
    width:340px;
    height:210px;
    margin:0 auto 6px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:1400px;
    transform-style:preserve-3d;
}
.planet-aura{
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(55,146,255,.18) 0, rgba(55,146,255,.08) 38%, rgba(55,146,255,0) 72%);
    filter:blur(22px);
    opacity:.75;
    z-index:1;
    animation:auraPulse 5s ease-in-out infinite alternate;
}
@keyframes auraPulse{
    from{transform:scale(1);opacity:.55}
    to{transform:scale(1.06);opacity:.85}
}
.earth{
    width:186px;
    height:186px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
    transform-style:preserve-3d;
    transform:rotateX(12deg) rotateY(-15deg);
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.28), transparent 10%),
        radial-gradient(circle at 50% 50%, rgba(26,99,224,.18), transparent 65%),
        linear-gradient(135deg,#0a3c93 0%,#1447ab 42%,#05235f 100%);
    box-shadow:
        inset -18px -20px 30px rgba(0,0,0,.28),
        inset 12px 8px 18px rgba(255,255,255,.05),
        0 0 36px rgba(80,190,255,.25),
        0 12px 28px rgba(0,0,0,.20);
    animation:earthFloat 7s ease-in-out infinite alternate;
    z-index:5;
}
.earth-atmosphere{
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:1px solid rgba(160,225,255,.18);
    background:radial-gradient(circle at 36% 28%, rgba(255,255,255,.24), transparent 12%);
    box-shadow:
        0 0 18px rgba(80,190,255,.16),
        inset 0 0 8px rgba(255,255,255,.08);
}
.earth-texture{
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        url('/assets/earth_texture.png') center center / cover no-repeat;
    transform:scale(1.08);
    mix-blend-mode:screen;
    opacity:.95;
    filter:saturate(1.08) contrast(1.08) brightness(1.03);
    animation:earthSpin 28s linear infinite;
}
.earth-clouds{
    position:absolute;
    inset:-1px;
    border-radius:50%;
    background:
        linear-gradient(22deg,transparent 6%,rgba(255,255,255,.12) 10%,transparent 16%,transparent 42%,rgba(255,255,255,.12) 48%,transparent 55%),
        linear-gradient(-18deg,transparent 12%,rgba(255,255,255,.08) 18%,transparent 26%,transparent 64%,rgba(255,255,255,.08) 70%,transparent 76%);
    mix-blend-mode:screen;
    opacity:.34;
    animation:cloudDrift 12s linear infinite;
}
.earth-shadow{
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.18), transparent 14%),
        linear-gradient(90deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.06) 52%, rgba(0,0,0,.38) 100%);
}
.earth-highlight{
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        radial-gradient(circle at 26% 22%, rgba(255,255,255,.36), transparent 8%),
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 18%);
    pointer-events:none;
}

.orbit{
    position:absolute;
    border-radius:50%;
    z-index:3;
    opacity:.68;
}
.orbit-a{
    width:244px;height:112px;
    border:1px solid rgba(139,214,255,.18);
    transform:rotateX(72deg) rotateZ(0deg);
    animation:orbitSpinA 12s linear infinite;
}
.orbit-b{
    width:278px;height:128px;
    border:1px solid rgba(109,136,255,.16);
    transform:rotateX(72deg) rotateZ(36deg);
    animation:orbitSpinB 17s linear infinite reverse;
}
.orbit-c{
    width:214px;height:168px;
    border:1px solid rgba(137,92,255,.14);
    transform:rotateY(72deg) rotateZ(18deg);
    animation:orbitSpinC 22s linear infinite;
}
.orbit-dot{
    position:absolute;
    border-radius:50%;
    z-index:6;
}
.dot-a{
    width:7px;height:7px;
    background:#55e1ff;
    box-shadow:0 0 14px rgba(85,225,255,.85);
    animation:dotOrbitA 12s linear infinite;
}
.dot-b{
    width:5px;height:5px;
    background:#a78bfa;
    box-shadow:0 0 12px rgba(167,139,250,.85);
    animation:dotOrbitB 17s linear infinite;
}
.dot-c{
    width:6px;height:6px;
    background:#fff;
    box-shadow:0 0 12px rgba(255,255,255,.95);
    animation:dotOrbitC 22s linear infinite;
}
.space-spark{
    position:absolute;
    border-radius:50%;
    opacity:.85;
    z-index:6;
}
.spark-a{width:6px;height:6px;left:79%;top:34%;background:#55e1ff;box-shadow:0 0 12px rgba(85,225,255,1);animation:pulse 2.4s ease-in-out infinite}
.spark-b{width:4px;height:4px;left:20%;top:28%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,1);animation:pulse 2.0s ease-in-out infinite .5s}
.spark-c{width:5px;height:5px;left:72%;top:72%;background:#a78bfa;box-shadow:0 0 10px rgba(167,139,250,1);animation:pulse 2.7s ease-in-out infinite .9s}

.earth-card h3,.earth-card p{
    position:relative;
    z-index:8;
    text-align:center;
}
.earth-card h3{
    margin:4px 0 8px;
    font-size:21px;
    color:#fff;
    text-shadow:0 0 14px rgba(85,225,255,.16);
}
.earth-card p{
    margin:0;
    color:#c8d6ea;
    line-height:1.76;
    font-size:14px;
}

@keyframes earthSpin{
    0%{transform:scale(1.08) rotate(0deg)}
    50%{transform:scale(1.09) rotate(.5deg)}
    100%{transform:scale(1.08) rotate(0deg)}
}
@keyframes cloudDrift{
    from{transform:translateX(-12%)}
    to{transform:translateX(12%)}
}
@keyframes earthFloat{
    from{transform:rotateX(12deg) rotateY(-15deg) translateY(0)}
    to{transform:rotateX(13deg) rotateY(-11deg) translateY(-8px)}
}
@keyframes orbitSpinA{from{transform:rotateX(72deg) rotateZ(0deg)}to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes orbitSpinB{from{transform:rotateX(72deg) rotateZ(36deg)}to{transform:rotateX(72deg) rotateZ(396deg)}}
@keyframes orbitSpinC{from{transform:rotateY(72deg) rotateZ(18deg)}to{transform:rotateY(72deg) rotateZ(378deg)}}
@keyframes dotOrbitA{
    0%{transform:translate(196px,112px)}
    25%{transform:translate(145px,80px)}
    50%{transform:translate(92px,112px)}
    75%{transform:translate(145px,144px)}
    100%{transform:translate(196px,112px)}
}
@keyframes dotOrbitB{
    0%{transform:translate(206px,118px)}
    25%{transform:translate(144px,74px)}
    50%{transform:translate(84px,118px)}
    75%{transform:translate(144px,162px)}
    100%{transform:translate(206px,118px)}
}
@keyframes dotOrbitC{
    0%{transform:translate(202px,112px)}
    25%{transform:translate(160px,66px)}
    50%{transform:translate(106px,92px)}
    75%{transform:translate(156px,162px)}
    100%{transform:translate(202px,112px)}
}
@keyframes pulse{
    0%,100%{opacity:.42;transform:scale(.92)}
    50%{opacity:1;transform:scale(1.16)}
}

/* Higher-end carousel */
.carousel-section{
    padding:8px 22px 14px;
    position:relative;
}
.section-head h2{font-size:32px}
.section-head p{font-size:15px}
.track-shell{
    position:relative;
    overflow:hidden;
    border-radius:28px;
}
.track-shell::before,
.track-shell::after{
    content:"";
    position:absolute;top:0;bottom:0;width:80px;z-index:3;pointer-events:none;
}
.track-shell::before{
    left:0;background:linear-gradient(90deg, rgba(4,13,28,.75), rgba(4,13,28,0));
}
.track-shell::after{
    right:0;background:linear-gradient(270deg, rgba(4,13,28,.75), rgba(4,13,28,0));
}
.track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc(25% - 12px);
    gap:16px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:6px 4px 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}
.slide-card,.product-card{
    transition:.28s ease;
}
.slide-card:hover,.product-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 22px 44px rgba(0,0,0,.26),
        0 0 0 1px rgba(85,225,255,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.slide-card{
    scroll-snap-align:start;
    background:linear-gradient(180deg,rgba(7,22,45,.28),rgba(5,16,32,.18));
}
.slide-card .cover{
    position:relative;
}
.slide-card .cover::after,
.product-card .cover::after{
    content:"";
    position:absolute;inset:auto 0 0 0;height:45%;
    background:linear-gradient(180deg,transparent,rgba(4,12,22,.35));
    pointer-events:none;
}
.slide-card h3,.product-card h3{
    font-size:20px;
}
.card-bottom .small-btn,.product-card .small-btn{
    box-shadow:0 0 18px rgba(85,225,255,.18);
}

/* Better product area */
.product-section{padding:18px 22px 40px}
.product-grid{gap:18px}
.product-card{
    background:linear-gradient(180deg,rgba(7,22,45,.28),rgba(5,16,32,.18));
}

/* Responsive adjustments */
@media(max-width:1180px){
    .header-inner{justify-content:flex-start;align-items:flex-start;flex-direction:column;min-height:auto;padding:14px 22px}
    .brand{position:static;transform:none}
    .nav{justify-content:flex-start;width:100%;overflow-x:auto}
    .hero-grid,.detail-grid,.admin-layout{grid-template-columns:1fr}
    .hero-main{min-height:auto}
    .category-row,.product-grid{grid-template-columns:repeat(2,1fr)}
    .track{grid-auto-columns:calc(50% - 10px)}
}
@media(max-width:760px){
    .container{padding:0 16px}
    .brand b{font-size:20px}
    .nav a{font-size:14px;padding:10px 12px}
    .hero h1{font-size:38px}
    .hero h2{font-size:26px}
    .earth-scene{width:240px;height:190px}
    .earth{width:150px;height:150px}
    .planet-aura{width:190px;height:190px}
    .track{grid-auto-columns:100%}
}

.price-options,.buy-type-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin:18px 0;
}
.price-option,.buy-type-grid div{
    padding:14px;
    border-radius:16px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.045);
}
.price-option span,.buy-type-grid span{
    display:block;
    color:#9db2d1;
    font-size:13px;
    margin-bottom:6px;
}
.price-option b,.buy-type-grid b{
    color:var(--green);
    font-size:24px;
}
.code-form .code-row{
    display:grid;
    grid-template-columns:150px 1fr auto;
    gap:10px;
    margin-top:8px;
}
.code-form select{
    height:44px;
    border-radius:14px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.04);
    color:#fff;
    padding:0 12px;
}
.download-box h4{
    margin:14px 0 8px;
    color:#d7e4f8;
}
@media(max-width:680px){
    .price-options,.buy-type-grid{grid-template-columns:1fr}
    .code-form .code-row{grid-template-columns:1fr}
}

.admin-note{color:#9db2d1;line-height:1.8;margin:6px 0 12px}
.admin-product-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:170px}
.admin-edit-link,.admin-cancel{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:rgba(78,142,255,.12);color:#9cecff;text-decoration:none;font-weight:900}
.admin-edit-link{height:40px;padding:0 14px}
.admin-cancel{height:44px;padding:0 16px}

.admin-command {
    white-space: pre-wrap;
    word-break: break-all;
    background: rgba(4, 10, 24, 0.55);
    border: 1px solid rgba(117, 213, 255, 0.2);
    border-radius: 14px;
    padding: 14px;
    color: #d8ecff;
}

/* 产品图片点击放大 */
.main-image img,.rich-text img{cursor:zoom-in}
.image-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(2,8,20,.86);backdrop-filter:blur(12px)}
.image-lightbox.show{display:flex}
.image-lightbox img{max-width:min(94vw,1280px);max-height:90vh;object-fit:contain;border-radius:18px;border:1px solid rgba(140,190,255,.36);box-shadow:0 24px 80px rgba(0,0,0,.55);background:#06101e;cursor:zoom-out}
.image-lightbox-close{position:absolute;top:24px;right:28px;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(15,31,60,.86);color:#fff;font-size:32px;line-height:1;cursor:pointer}
body.lightbox-open{overflow:hidden}

/* ===== v5 产品平台、状态与后台资源管理 ===== */
.nav-dropdown{position:relative;display:block}
.nav-dropdown summary{list-style:none;font-size:15px;font-weight:800;color:#dbe9ff;padding:11px 15px;border-radius:999px;position:relative;transition:.22s ease;letter-spacing:.2px;cursor:pointer;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary span{margin-left:4px;font-size:12px}
.nav-dropdown summary:hover{color:#fff;transform:translateY(-1px);text-shadow:0 0 10px rgba(85,225,255,.35)}
.nav-dropdown.active summary,.nav-dropdown[open] summary{background:linear-gradient(135deg,#4da5ff,#61e6ff);color:#fff;box-shadow:0 0 24px rgba(85,225,255,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.nav-drop-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;min-width:178px;padding:8px;border:1px solid rgba(136,202,255,.22);border-radius:18px;background:rgba(5,15,32,.96);box-shadow:0 18px 38px rgba(0,0,0,.34);backdrop-filter:blur(20px)}
.nav-drop-menu a{display:block!important;padding:11px 13px!important;border-radius:12px!important;font-size:14px!important;white-space:nowrap}
.nav-drop-menu a.active{background:rgba(85,225,255,.13)!important;color:#fff!important}
.admin-nav-link{border:1px solid rgba(85,225,255,.24)}
.platform-row{padding:0 22px 22px}
.platform-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.section-head.compact{margin-bottom:14px}
.unavailable-page{padding:80px 22px}
.unavailable-card{padding:42px;text-align:center}
.unavailable-card h1{margin:14px 0;font-size:34px}
.unavailable-card p{color:#b7c9e6;line-height:1.8;margin-bottom:22px}
.admin-preview-banner{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(255,179,107,.35);border-radius:14px;background:rgba(255,179,107,.1);color:#ffd8a8}
.detail-topline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.status-chip,.featured-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1.2;white-space:nowrap}
.status-draft{background:rgba(255,179,107,.13);border:1px solid rgba(255,179,107,.28);color:#ffd39b}
.status-published{background:rgba(77,230,183,.12);border:1px solid rgba(77,230,183,.26);color:#9ef1d7}
.status-offline{background:rgba(255,123,123,.12);border:1px solid rgba(255,123,123,.26);color:#ffd0d0}
.featured-chip{background:rgba(85,225,255,.12);border:1px solid rgba(85,225,255,.25);color:#9cecff;margin-left:8px}
.thumb.active{border-color:rgba(85,225,255,.9);box-shadow:0 0 0 2px rgba(85,225,255,.16)}
.download-btn{gap:10px;justify-content:flex-start}
.download-btn small{font-size:12px;opacity:.8;font-weight:700}
.secure-download-box{border-color:rgba(77,230,183,.32);background:rgba(77,230,183,.06)}
.empty-product-state{padding:34px;text-align:center}
.empty-product-state h3{margin:0 0 10px;font-size:24px}
.empty-product-state p{color:#aebfda;line-height:1.8;margin:0 0 18px}
.product-card[hidden]{display:none!important}

.admin-inline-form{display:inline-flex;margin:0}
.admin-header nav{align-items:center;flex-wrap:wrap}
.admin-header nav .admin-logout-btn{height:44px;padding:0 16px;border:1px solid rgba(255,123,123,.34);border-radius:14px;background:rgba(255,123,123,.12);color:#ffd0d0;font-weight:900;cursor:pointer}
.admin-warning{padding:14px 16px;border-radius:14px;border:1px solid rgba(255,179,107,.36);background:rgba(255,179,107,.1);color:#ffd9ac;line-height:1.75}
.admin-warning code,.admin-security-card code,.admin-note code{padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.25);color:#dff5ff}
.admin-security-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-security-card h2{margin:8px 0}
.admin-security-card p{margin:0;color:#aebfda;line-height:1.75}
.admin-security-card form{flex:0 0 auto}
.admin-security-card button{min-height:44px;padding:0 16px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;cursor:pointer}
.admin-form select option{background:#0c1a32;color:#fff}
.checkbox-line{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#dceaff;cursor:pointer}
.checkbox-line input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--cyan);flex:0 0 auto}
.platform-check-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.resource-management{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.resource-block{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.resource-block h3{margin:0 0 12px;font-size:18px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.resource-image-item{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}
.resource-image-item>img{width:100%;height:112px;object-fit:cover;display:block}
.resource-image-item>span{display:block;padding:8px 10px;color:#aebfda;font-size:12px}
.resource-actions{display:flex;gap:7px;padding:0 8px 8px;flex-wrap:wrap}
.resource-actions form,.resource-file-item form,.code-actions form,.admin-product-actions form{margin:0}
.resource-btn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:10px!important;font-size:12px!important}
.resource-file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(141,190,255,.12)}
.resource-file-item:first-of-type{border-top:0}
.resource-file-item b{display:block;word-break:break-word}
.resource-file-item span{display:block;margin-top:5px;color:#9db2d1;font-size:12px}
.resource-file-item video{width:100%;max-width:280px;border-radius:12px;background:#000}
.danger-btn{border:0!important;background:rgba(255,123,123,.88)!important;color:#fff!important;cursor:pointer}
.small-danger{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important}
.code-item{align-items:flex-start}
.code-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-product-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-product-title .status-chip{margin:0}
.editor-uploading{color:#9cecff!important}
.editor-upload-error{color:#ffd0d0!important}

@media(max-width:1360px){
    .header-inner{justify-content:flex-start;align-items:flex-start;flex-direction:column;min-height:auto;padding:14px 22px}
    .brand{position:static;transform:none}
    .nav{justify-content:flex-start;width:100%;overflow:visible}
}
@media(max-width:1180px){
    .platform-check-grid{grid-template-columns:repeat(3,1fr)}
    .resource-management{grid-template-columns:1fr}
}
@media(max-width:760px){
    .nav{gap:4px;padding:6px;flex-wrap:wrap}
    .nav a,.nav-dropdown summary{font-size:14px;padding:10px 12px}
    .nav-drop-menu{left:0;right:auto;min-width:190px}
    .category-row,.platform-shortcuts{grid-template-columns:1fr}
    .platform-row{padding:0 16px 22px}
    .platform-check-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}
    .admin-security-card,.resource-file-item{align-items:flex-start;flex-direction:column}
    .admin-header{flex-direction:column}
    .code-item,.admin-product{align-items:flex-start;flex-direction:column}
    .code-actions,.admin-product-actions{justify-content:flex-start;min-width:0}
    .resource-file-item video{max-width:100%}
    .unavailable-page{padding:52px 16px}
    .unavailable-card{padding:28px 20px}
}
@media(max-width:440px){
    .platform-check-grid,.resource-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* ===== v6 本地优化：品牌、导航、首页首屏与 3D 地球 ===== */
.brand-orb{
    background:linear-gradient(135deg,#4096ff,#65e4ff);
    box-shadow:0 12px 30px rgba(64,150,255,.35);
}
.brand b{font-size:21px}
.brand em{font-size:12px;color:#9fb6da;letter-spacing:0;margin-top:4px}

.nav{gap:4px;padding:7px 10px}
.nav a{font-size:14px;padding:11px 13px}
.admin-nav-link{border:1px solid rgba(85,225,255,.24)}
.nav-dropdown,.nav-drop-menu{display:none!important}

.hero-grid{grid-template-columns:1.5fr .95fr;gap:24px}
.hero-main{padding:38px 38px 34px}
.hero h1{font-size:56px}
.hero h2{font-size:36px}
.hero p{font-size:17px;line-height:1.95}
.stats div{min-width:128px}
.stats b{font-size:26px}
.hero-side{grid-template-rows:auto auto auto;align-content:start}
.side-card{padding:24px 26px}
.side-card h3{font-size:25px}
.side-card p{font-size:15px;line-height:1.9;margin:0 0 10px}
.side-card p:last-child{margin-bottom:0}

.earth-card{
    padding:22px 24px 24px;
    min-height:392px;
    background:
        radial-gradient(circle at 50% 0,rgba(80,175,255,.18),transparent 45%),
        linear-gradient(180deg,rgba(9,28,62,.55),rgba(10,18,44,.34) 58%,rgba(18,15,68,.42));
}
.earth-card::after{
    content:"";
    position:absolute;
    inset:auto -18% -20% -18%;
    height:42%;
    background:radial-gradient(circle,rgba(93,123,255,.20),rgba(93,123,255,0) 65%);
    filter:blur(20px);
    pointer-events:none;
}
.earth-scene{
    width:min(100%,430px);
    height:250px;
    margin:0 auto 12px;
    perspective:1800px;
}
.planet-aura{
    width:286px;
    height:286px;
    background:radial-gradient(circle,rgba(62,160,255,.23) 0,rgba(62,160,255,.11) 34%,rgba(62,160,255,0) 72%);
    filter:blur(24px);
    animation:auraPulse 4.8s ease-in-out infinite alternate;
}
.earth{
    width:206px;
    height:206px;
    transform:rotateX(17deg) rotateY(-18deg) translateZ(0);
    box-shadow:
        inset -24px -22px 38px rgba(0,0,0,.34),
        inset 14px 10px 22px rgba(255,255,255,.06),
        0 0 48px rgba(80,190,255,.24),
        0 18px 34px rgba(0,0,0,.25);
    animation:earthFloatV6 7.2s ease-in-out infinite;
}
.earth::before{
    content:"";
    position:absolute;
    inset:-10% 0 62% -8%;
    border-radius:50%;
    background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.26),rgba(255,255,255,0) 62%);
    filter:blur(8px);
    pointer-events:none;
}
.earth-atmosphere{inset:-4px;box-shadow:0 0 20px rgba(80,190,255,.18), inset 0 0 10px rgba(255,255,255,.08)}
.earth-texture{
    inset:-1px;
    background:url('/assets/earth_texture.png') repeat-x 0 center / auto 100%;
    filter:saturate(1.16) contrast(1.1) brightness(1.04);
    mix-blend-mode:screen;
    animation:earthMapSpin 20s linear infinite;
}
.earth-clouds{
    opacity:.42;
    animation:cloudDriftV6 13s linear infinite;
}
.earth-shadow{
    background:
        radial-gradient(circle at 28% 22%,rgba(255,255,255,.18),transparent 15%),
        linear-gradient(90deg,rgba(0,0,0,0) 26%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.46) 100%);
}
.orbit-a{width:278px;height:124px;border-color:rgba(139,214,255,.22)}
.orbit-b{width:318px;height:146px;border-color:rgba(109,136,255,.18)}
.orbit-c{width:240px;height:188px;border-color:rgba(137,92,255,.18)}
.dot-a{animation-duration:11s}
.dot-b{animation-duration:15s}
.dot-c{animation-duration:20s}
.earth-card h3{margin:4px 0 8px;font-size:28px;letter-spacing:.5px}
.earth-card p{font-size:15px;line-height:1.88;max-width:480px;margin:0 auto}

@keyframes earthMapSpin{
    from{background-position:0 center}
    to{background-position:-420px center}
}
@keyframes cloudDriftV6{
    from{transform:translateX(-18%)}
    to{transform:translateX(18%)}
}
@keyframes earthFloatV6{
    0%{transform:rotateX(16deg) rotateY(-22deg) translateY(4px)}
    50%{transform:rotateX(18deg) rotateY(-12deg) translateY(-8px)}
    100%{transform:rotateX(16deg) rotateY(-22deg) translateY(4px)}
}

@media(max-width:1360px){
    .header-inner{justify-content:flex-start;align-items:flex-start;flex-direction:column;min-height:auto;padding:14px 22px}
    .brand{position:static;transform:none}
    .nav{justify-content:flex-start;width:100%;overflow-x:auto;border-radius:22px}
    .hero-grid,.detail-grid,.admin-layout{grid-template-columns:1fr}
    .hero-main{min-height:auto}
    .category-row,.product-grid{grid-template-columns:repeat(2,1fr)}
    .track{grid-auto-columns:calc(50% - 10px)}
}
@media(max-width:760px){
    .brand b{font-size:20px}
    .brand em{font-size:11px}
    .nav a{font-size:14px;padding:10px 12px}
    .hero-main{padding:30px 22px}
    .hero h1{font-size:38px}
    .hero h2{font-size:26px}
    .hero p{font-size:16px}
    .earth-card{min-height:340px;padding:18px}
    .earth-scene{width:100%;height:210px}
    .earth{width:158px;height:158px}
    .planet-aura{width:214px;height:214px}
    .earth-card h3{font-size:24px}
    .side-card{padding:20px}
    .platform-shortcuts{grid-template-columns:1fr}
}

/* ===== v6.1：首页市场走势动画与宽屏导航修正 ===== */
.site-header .header-inner{
    justify-content:space-between;
    gap:24px;
}
.site-header .brand{
    position:static;
    left:auto;
    top:auto;
    transform:none;
    flex:0 0 auto;
}
.site-header .nav{
    flex:1 1 auto;
    min-width:0;
    flex-wrap:nowrap;
    justify-content:flex-end;
}

.market-card{
    padding:20px 22px 22px;
    min-height:392px;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 54% 0,rgba(47,169,255,.18),transparent 46%),
        linear-gradient(180deg,rgba(8,26,59,.54),rgba(9,16,40,.33) 60%,rgba(19,15,69,.46));
}
.market-card::after{
    content:"";
    position:absolute;
    inset:auto -14% -24% -14%;
    height:42%;
    pointer-events:none;
    background:radial-gradient(circle,rgba(78,112,255,.21),rgba(78,112,255,0) 66%);
    filter:blur(22px);
}
.market-visual{
    height:246px;
    position:relative;
    margin:0 0 14px;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(120,213,255,.22);
    border-radius:20px;
    background:#05142b;
    box-shadow:
        inset 0 0 34px rgba(49,150,255,.17),
        0 14px 30px rgba(0,0,0,.23);
}
.market-visual::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,255,255,.10),transparent 16%,transparent 75%,rgba(13,47,114,.30)),
        radial-gradient(circle at 78% 18%,rgba(104,248,255,.18),transparent 30%),
        radial-gradient(circle at 9% 96%,rgba(36,116,255,.25),transparent 35%);
}
.market-kline-media{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:scale(1.06) translate3d(0,0,0);
    filter:saturate(1.12) contrast(1.06) brightness(.96);
    animation:klineCameraMove 11s ease-in-out infinite alternate;
}
.market-grid-overlay{
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    opacity:.30;
    background-image:
        linear-gradient(rgba(93,224,255,.20) 1px,transparent 1px),
        linear-gradient(90deg,rgba(93,224,255,.20) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 78%);
    animation:gridDrift 10s linear infinite;
}
.market-scanline{
    position:absolute;
    left:-8%;
    right:-8%;
    top:-15%;
    z-index:5;
    height:22%;
    pointer-events:none;
    opacity:.66;
    background:linear-gradient(180deg,transparent,rgba(102,235,255,.11),rgba(182,252,255,.42),rgba(102,235,255,.10),transparent);
    filter:blur(.2px);
    transform:skewY(-9deg);
    animation:scanSweep 4.6s linear infinite;
}
.market-glow{
    position:absolute;
    z-index:6;
    width:10px;
    height:10px;
    border-radius:50%;
    pointer-events:none;
    background:#76efff;
    box-shadow:0 0 8px rgba(118,239,255,.98),0 0 22px rgba(118,239,255,.85),0 0 42px rgba(70,138,255,.55);
    animation:marketPulse 2.4s ease-in-out infinite;
}
.glow-one{left:21%;top:55%;animation-delay:.1s}
.glow-two{right:16%;top:23%;width:7px;height:7px;background:#a78bfa;box-shadow:0 0 9px rgba(167,139,250,.98),0 0 28px rgba(167,139,250,.75);animation-delay:1.2s}
.market-node{
    position:absolute;
    z-index:6;
    width:5px;
    height:5px;
    border-radius:50%;
    pointer-events:none;
    background:#fff;
    box-shadow:0 0 10px rgba(255,255,255,.95),0 0 18px rgba(85,225,255,.76);
    animation:nodeFloat 3.2s ease-in-out infinite;
}
.node-one{left:9%;top:24%}
.node-two{left:66%;top:44%;animation-delay:.85s}
.node-three{right:11%;bottom:16%;animation-delay:1.7s}
.market-caption{
    position:absolute;
    left:16px;
    bottom:14px;
    z-index:7;
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid rgba(117,231,255,.38);
    border-radius:999px;
    background:rgba(5,20,46,.65);
    box-shadow:0 0 16px rgba(75,202,255,.18);
    color:#b9f5ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    backdrop-filter:blur(8px);
}
.market-card h3,.market-card p{
    position:relative;
    z-index:8;
    text-align:center;
}
.market-card h3{
    margin:4px 0 8px;
    font-size:28px;
    color:#fff;
    text-shadow:0 0 16px rgba(85,225,255,.18);
}
.market-card p{
    max-width:480px;
    margin:0 auto;
    color:#c8d6ea;
    line-height:1.82;
    font-size:15px;
}
@keyframes klineCameraMove{
    0%{transform:scale(1.06) translate3d(-1.5%,1.2%,0)}
    50%{transform:scale(1.11) translate3d(1.5%,-1.2%,0)}
    100%{transform:scale(1.07) translate3d(.2%,-.5%,0)}
}
@keyframes gridDrift{
    from{background-position:0 0,0 0}
    to{background-position:28px 28px,28px 28px}
}
@keyframes scanSweep{
    from{transform:translateY(-40%) skewY(-9deg)}
    to{transform:translateY(680%) skewY(-9deg)}
}
@keyframes marketPulse{
    0%,100%{opacity:.45;transform:scale(.75)}
    50%{opacity:1;transform:scale(1.18)}
}
@keyframes nodeFloat{
    0%,100%{opacity:.36;transform:translateY(0)}
    50%{opacity:1;transform:translateY(-6px)}
}

@media(max-width:1360px){
    .site-header .header-inner{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:12px}
    .site-header .nav{width:100%;justify-content:flex-start;overflow-x:auto}
}
@media(max-width:760px){
    .market-card{min-height:340px;padding:18px}
    .market-visual{height:194px;border-radius:16px;margin-bottom:12px}
    .market-card h3{font-size:24px}
    .market-card p{font-size:14px}
    .market-caption{left:12px;bottom:10px;font-size:11px}
}

/* ===== v6.2：收紧宽屏顶部导航空白区域 ===== */
.site-header .header-inner{
    justify-content:flex-start;
    gap:18px;
}
.site-header .nav{
    flex:0 1 auto;
    width:auto;
    min-width:0;
    justify-content:flex-start;
}

@media(max-width:1580px){
    .site-header .header-inner{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
    .site-header .nav{
        width:100%;
        justify-content:flex-start;
        overflow-x:auto;
    }
}

/* ===== v6.3：桌面端品牌与导航强制同一行 =====
   说明：此前 1580px 断点在浏览器缩放后被提前触发，导致导航换到第二行。
   现在桌面端仅在可用宽度小于 1180px 时才允许换行。 */
@media (min-width:1181px){
    .site-header .header-inner{
        min-height:82px;
        display:flex;
        flex-direction:row !important;
        flex-wrap:nowrap;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:18px;
        padding-top:0;
        padding-bottom:0;
    }
    .site-header .brand{
        position:static !important;
        top:auto !important;
        left:auto !important;
        transform:none !important;
        flex:0 0 auto;
        white-space:nowrap;
    }
    .site-header .nav{
        flex:1 1 auto;
        width:auto !important;
        min-width:0;
        margin:0;
        flex-wrap:nowrap;
        justify-content:flex-start !important;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
    }
    .site-header .nav::-webkit-scrollbar{display:none}
    .site-header .nav a{
        flex:0 0 auto;
        font-size:14px;
        padding:10px 12px;
    }
}

@media (max-width:1180px){
    .site-header .header-inner{
        min-height:auto;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px;
        padding-top:14px;
        padding-bottom:14px;
    }
    .site-header .brand{position:static !important;transform:none !important}
    .site-header .nav{
        width:100% !important;
        justify-content:flex-start !important;
        overflow-x:auto;
    }
}

/* ===== v6.4 产品详情页单列重构 ===== */
.detail-page{padding:36px 22px 56px}
.detail-stack{max-width:1040px;margin:0 auto;display:grid;gap:22px}
.detail-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.detail-top-grid.no-video{grid-template-columns:1fr}
.detail-card{padding:22px}
.detail-card h3{margin:0 0 14px;font-size:24px}
.detail-media-card,.detail-video-card,.detail-content-card{min-width:0}
.detail-media-card .main-image{background:#06101e}
.detail-media-card .main-image img{width:100%;max-height:520px;object-fit:contain;display:block}
.detail-media-card .thumb-row{margin-top:14px}
.detail-video-card .video-box{margin-top:0}
.video-box-standalone video{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:16px;background:#000;display:block}
.detail-content-card h1{font-size:42px;margin:10px 0 8px}
.detail-content-card .subtitle{margin-bottom:18px}
.detail-content-card .rich-text{margin-top:8px}
.detail-content-card .rich-text img{max-width:100%;display:block;margin:16px auto;border-radius:15px;border:1px solid var(--line)}
.detail-content-card .download-box,.detail-content-card .pay-box{margin-top:24px}

@media(max-width:980px){
    .detail-stack{max-width:none}
    .detail-top-grid{grid-template-columns:1fr}
    .detail-content-card h1{font-size:36px}
}
@media(max-width:760px){
    .detail-page{padding:28px 16px 44px}
    .detail-card{padding:18px}
    .detail-card h3{font-size:22px}
    .detail-content-card h1{font-size:30px}
}

/* ===== v6.5 产品详情页顶部封面 / 视频卡片对齐 ===== */
.detail-top-grid.has-video{
    align-items:stretch;
}
.detail-top-grid.has-video .detail-card{
    height:100%;
    min-height:410px;
    display:flex;
    flex-direction:column;
}
.detail-top-grid.has-video .detail-card > h3{
    flex:0 0 auto;
}
.detail-top-grid.has-video .detail-media-card .main-image{
    aspect-ratio:16 / 9;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.detail-top-grid.has-video .detail-media-card .main-image img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
}
.detail-top-grid.has-video .detail-video-card .video-box-standalone{
    flex:1 1 auto;
    display:flex;
    align-items:flex-start;
}
.detail-top-grid.has-video .detail-video-card .video-box-standalone video{
    width:100%;
    height:auto;
    max-height:none;
}
.detail-top-grid.has-video .detail-video-card::after{
    content:"";
    flex:1 1 auto;
    min-height:0;
}
.detail-content-card{
    padding:28px 30px;
}

@media(max-width:980px){
    .detail-top-grid.has-video .detail-card{
        min-height:0;
        height:auto;
    }
    .detail-top-grid.has-video .detail-video-card::after{display:none}
}
@media(max-width:760px){
    .detail-content-card{padding:22px 18px}
}


/* ===== v6.6 增强流星密度与亮度 ===== */
.meteor{
    width:2.4px;
    height:2.4px;
    box-shadow:
        0 0 11px rgba(255,255,255,1),
        0 0 22px rgba(85,225,255,.86),
        0 0 34px rgba(111,139,255,.26);
}
.meteor::after{
    height:2.2px;
    background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(85,225,255,.60),rgba(112,109,255,.24),transparent);
}