*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#1a0b2e;color:#e9ddff;line-height:1.65;overflow-x:hidden;min-height:100vh}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.gd{color:#ffd700}
/* ===== Header 神殿楣梁 ===== */
header{background:linear-gradient(180deg,#23103f,#1a0b2e);border-bottom:2px solid #ffd700;position:sticky;top:0;z-index:50;box-shadow:0 4px 22px rgba(0,0,0,.5)}
.xnmec797-hw{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:13px 20px;gap:12px}
.xnmec797-hw>a{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;color:#ffd700;text-shadow:0 0 14px rgba(255,215,0,.5);min-width:0}
.xnmec797-hw>a img{height:38px;width:auto;flex-shrink:0}
.xnmec797-hw>a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav#nav{display:flex;gap:4px;flex-wrap:wrap}
nav#nav a{color:#cdb8ff;font-size:14px;padding:7px 12px;border-radius:6px;opacity:.92;transition:all .2s}
nav#nav a:hover{background:rgba(255,215,0,.14);color:#ffd700}
#mbt{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:4px}
#mbt span{width:24px;height:2px;background:#ffd700;display:block;transition:.2s}
#mbt.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
#mbt.active span:nth-child(2){opacity:0}
#mbt.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
/* ===== Layout ===== */
main{max-width:1180px;margin:0 auto}
section[data-s]{padding:50px 20px}
.xnmec797-ost{text-align:center;font-size:clamp(22px,4vw,34px);font-weight:900;margin-bottom:30px;color:#fff;letter-spacing:.5px;text-shadow:0 2px 16px rgba(96,165,250,.35)}
/* ===== 1. HERO 全屏宏大神殿 + 金色闪电劈下 ===== */
.xnmec797-ohero{position:relative;text-align:center;padding:80px 20px 70px;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#3b1d6e 0%,#1a0b2e 60%);border-bottom:none}
.xnmec797-obolt{position:absolute;top:0;left:50%;width:6px;height:55%;transform:translateX(-50%);background:linear-gradient(180deg,#fff 0%,#ffd700 40%,transparent 100%);clip-path:polygon(50% 0,62% 28%,46% 32%,68% 60%,42% 64%,60% 100%,38% 60%,54% 56%,34% 28%,50% 24%);filter:drop-shadow(0 0 18px rgba(255,215,0,.85));animation:oflash 3.5s ease-in-out infinite}
@keyframes oflash{0%,92%,100%{opacity:.85}94%{opacity:.2}96%{opacity:1}}
.xnmec797-otemple{position:absolute;bottom:18px;font-size:64px;opacity:.4;filter:drop-shadow(0 0 12px rgba(96,165,250,.5))}
.xnmec797-otemple.l{left:5vw}
.xnmec797-otemple.r{right:5vw}
.xnmec797-ozeus{position:relative;font-size:90px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 0 30px rgba(255,215,0,.7));display:inline-block;animation:ozeus 2.5s ease-in-out infinite}
@keyframes ozeus{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}
.xnmec797-oeyebrow{position:relative;font-size:clamp(13px,2.4vw,16px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffd700;margin-bottom:14px}
.xnmec797-oh1{position:relative;font-size:clamp(32px,6.5vw,64px);font-weight:900;line-height:1.08;margin-bottom:18px;color:#fff;text-shadow:0 0 40px rgba(96,165,250,.55),0 3px 18px rgba(0,0,0,.6);letter-spacing:.5px}
.xnmec797-osub{position:relative;opacity:.88;max-width:660px;margin:0 auto 30px;font-size:clamp(15px,2.4vw,19px);color:#cdb8ff}
.xnmec797-othunder{position:relative;display:inline-block;background:linear-gradient(135deg,#ffd700,#f0a800);color:#1a0b2e;font-size:19px;font-weight:900;padding:18px 56px;border-radius:14px;border:2px solid #fff7d6;box-shadow:0 10px 32px rgba(255,215,0,.45),inset 0 0 20px rgba(255,255,255,.3);transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:1px}
.xnmec797-othunder:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 44px rgba(255,215,0,.6)}
/* ===== 闪电锯齿分隔线 ===== */
.xnmec797-obolt-divider{height:18px;background:linear-gradient(90deg,#ffd700,#60a5fa,#ffd700);clip-path:polygon(0 0,5% 100%,10% 0,15% 100%,20% 0,25% 100%,30% 0,35% 100%,40% 0,45% 100%,50% 0,55% 100%,60% 0,65% 100%,70% 0,75% 100%,80% 0,85% 100%,90% 0,95% 100%,100% 0,100% 100%,0 100%);opacity:.9}
/* ===== 2. 中奖 ticker ===== */
.xnmec797-oticker{background:rgba(0,0,0,.35);border-top:1px solid rgba(255,215,0,.25);border-bottom:1px solid rgba(255,215,0,.25);overflow:hidden;white-space:nowrap;padding:13px 0}
.xnmec797-oticker-run{display:inline-block;white-space:nowrap;animation:oticker 26s linear infinite}
.xnmec797-oticker-run span{display:inline-block;margin:0 30px;font-size:14px;color:#cdb8ff}
.xnmec797-oticker-run b{color:#fff}
@keyframes oticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* ===== 3. 热门游戏 神殿柱列 ===== */
.xnmec797-ogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:0 auto}
.xnmec797-ogame{position:relative;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(96,165,250,.3);border-top:4px solid #ffd700;border-radius:12px;padding:26px 14px 20px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.xnmec797-ogame::before,.xnmec797-ogame::after{content:"";position:absolute;top:4px;bottom:0;width:6px;background:repeating-linear-gradient(180deg,rgba(255,215,0,.18) 0 8px,transparent 8px 16px)}
.xnmec797-ogame::before{left:0}
.xnmec797-ogame::after{right:0}
.xnmec797-ogame:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(96,165,250,.3);border-color:#ffd700}
.xnmec797-ogame .ic{font-size:46px;margin-bottom:10px;filter:drop-shadow(0 0 14px rgba(255,215,0,.5))}
.xnmec797-ogame .nm{font-weight:800;color:#fff;font-size:15px;margin-bottom:6px}
.xnmec797-ogame .rtp{display:inline-block;font-size:12px;font-weight:700;color:#60a5fa;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.35);padding:3px 10px;border-radius:999px}
.xnmec797-ohot{position:absolute;top:10px;right:10px;background:#ff3b6b;color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:6px;letter-spacing:1px}
/* ===== 4. 推荐品牌 ===== */
.xnmec797-obrands{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;margin:0 auto}
.xnmec797-ocard{display:block;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(255,215,0,.3);border-radius:12px;overflow:hidden;width:150px;transition:transform .25s,box-shadow .25s,border-color .25s}
.xnmec797-ocard:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,215,0,.25);border-color:#ffd700}
.xnmec797-ocard img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#23103f}
.xnmec797-ocard .ic{font-size:48px;text-align:center;padding:24px 0;background:#23103f}
.xnmec797-ocard .nm{padding:10px 6px;text-align:center;font-size:13px;font-weight:700;color:#ffd700;letter-spacing:.5px}
.xnmec797-omore{display:inline-block;padding:12px 34px;background:transparent;color:#ffd700;border:2px solid #ffd700;border-radius:50px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;transition:all .25s}
.xnmec797-omore:hover{background:#ffd700;color:#1a0b2e;transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,215,0,.4)}
/* ===== 5. 史诗数据统计 神殿柱列 ===== */
.xnmec797-ostats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:920px;margin:0 auto}
.xnmec797-ostat{position:relative;text-align:center;padding:30px 12px 26px;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(96,165,250,.25);border-radius:12px}
.xnmec797-ostat::before{content:"🏛️";position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:24px;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}
.xnmec797-ostat .n{font-size:clamp(26px,4.5vw,40px);font-weight:900;color:#ffd700;line-height:1;text-shadow:0 0 18px rgba(255,215,0,.4)}
.xnmec797-ostat .t{margin-top:8px;font-size:13px;color:#cdb8ff}
/* ===== 6. CTA 双按钮 ===== */
.xnmec797-octa{display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto}
.xnmec797-cta-dl,.xnmec797-cta-reg{display:block;text-align:center;padding:18px 24px;font-size:18px;font-weight:900;border-radius:14px;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}
.xnmec797-cta-dl{background:linear-gradient(135deg,#ffd700,#f0a800);color:#1a0b2e;border-color:#fff7d6;box-shadow:0 8px 26px rgba(255,215,0,.4)}
.xnmec797-cta-reg{background:linear-gradient(135deg,#60a5fa,#3b6fd4);color:#fff;border-color:rgba(255,255,255,.4);box-shadow:0 8px 26px rgba(96,165,250,.4)}
.xnmec797-cta-dl:hover,.xnmec797-cta-reg:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.08)}
/* ===== 7. Provider 神殿柱 ===== */
.xnmec797-oprov{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:860px;margin:0 auto}
.xnmec797-oprov span{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(255,215,0,.3);border-bottom:3px solid #ffd700;border-radius:10px;font-size:15px;font-weight:800;color:#e9ddff}
/* ===== 8. App Info ===== */
.xnmec797-orich{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(96,165,250,.25);border-radius:14px;padding:28px 26px}
.xnmec797-orate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.xnmec797-orate strong{font-size:32px;color:#ffd700;line-height:1}
.xnmec797-orate .sf,.xnmec797-orate .sh{color:#ffd700}
.xnmec797-orate .se{color:#5a4a7a}
.xnmec797-orate small{color:#cdb8ff}
.xnmec797-orich p{color:#cdb8ff}
.sf,.sh{color:#ffd700}
.se{color:#5a4a7a}
/* ===== 9. 评论 ===== */
.xnmec797-orevs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:960px;margin:0 auto}
.xnmec797-orev{background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(255,215,0,.2);border-left:4px solid #ffd700;border-radius:12px;padding:20px}
.xnmec797-orev .top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.xnmec797-orev .mark{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#3b1d6e,#23103f);border:1px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.xnmec797-orev .nm{font-weight:800;color:#fff}
.xnmec797-orev .st{font-size:13px}
.xnmec797-orev strong{display:block;color:#ffd700;margin-bottom:6px}
.xnmec797-orev p{color:#cdb8ff;font-size:14px}
/* ===== 10. FAQ ===== */
.xnmec797-ofaq{max-width:780px;margin:0 auto}
.xnmec797-ofaq details{background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(96,165,250,.25);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.xnmec797-ofaq summary{cursor:pointer;font-weight:800;color:#fff;list-style:none;position:relative;padding-right:28px}
.xnmec797-ofaq summary::-webkit-details-marker{display:none}
.xnmec797-ofaq summary::after{content:"⚡";position:absolute;right:0;top:0;color:#ffd700;transition:transform .2s}
.xnmec797-ofaq details[open] summary::after{transform:rotate(180deg)}
.xnmec797-ofaq p{margin-top:12px;color:#cdb8ff}
/* ===== 11. About 神谕碑文 ===== */
.xnmec797-oabout{max-width:780px;margin:0 auto;background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(255,215,0,.25);border-radius:14px;padding:30px 28px;position:relative}
.xnmec797-oabout::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,215,0,.18);border-radius:10px;pointer-events:none}
.xnmec797-oabout p{color:#cdb8ff;margin-bottom:12px;position:relative}
.xnmec797-oabout strong{color:#ffd700}
/* ===== 12. 讨论区 ===== */
section[data-s="discussion"]{max-width:800px;margin:0 auto;padding:50px 20px}
section[data-s="discussion"] h2{text-align:center;font-size:clamp(22px,4vw,30px);font-weight:900;margin-bottom:28px;color:#fff}
.xnmec797-disc-form{background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(96,165,250,.25);border-radius:12px;padding:16px;margin-bottom:22px;display:flex;gap:10px;align-items:flex-start}
img.xnmec797-disc-av{width:38px;height:38px;border-radius:50%;display:block;flex-shrink:0;background:#23103f;object-fit:cover}
img.xnmec797-disc-av-sm{width:30px;height:30px}
.xnmec797-disc-form textarea{flex:1;min-height:58px;padding:10px 12px;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;line-height:1.5;background:#1a0b2e;color:#e9ddff}
.xnmec797-disc-form textarea:focus{outline:none;border-color:#ffd700}
.xnmec797-disc-send{padding:11px 20px;background:linear-gradient(135deg,#ffd700,#f0a800);color:#1a0b2e;border:0;border-radius:8px;font-size:14px;font-weight:800;cursor:pointer;flex-shrink:0;transition:transform .2s}
.xnmec797-disc-send:hover{transform:translateY(-1px)}
.xnmec797-disc-post{background:linear-gradient(180deg,#2a1550,#1f0f3d);border:1px solid rgba(255,215,0,.18);border-radius:12px;padding:16px;margin-bottom:12px;transition:border-color .3s}
.xnmec797-disc-post:hover{border-color:rgba(255,215,0,.45)}
.xnmec797-disc-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.xnmec797-disc-meta{flex:1;min-width:0}
.xnmec797-disc-name{display:block;font-weight:800;color:#fff;font-size:14px}
.xnmec797-disc-time{font-size:12px;color:#a48fd0}
.xnmec797-disc-body{color:#cdb8ff;font-size:14px;line-height:1.6;margin-bottom:8px;word-wrap:break-word}
.xnmec797-disc-actions{display:flex;gap:14px;font-size:13px;color:#a48fd0}
.xnmec797-disc-like,.xnmec797-disc-reply-btn{background:none;border:0;color:#a48fd0;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:4px}
.xnmec797-disc-like:hover,.xnmec797-disc-reply-btn:hover{background:rgba(255,215,0,.12);color:#ffd700}
.xnmec797-disc-replies{margin-top:10px;padding-left:14px;border-left:2px solid rgba(96,165,250,.3)}
.xnmec797-disc-reply{background:rgba(0,0,0,.25);border-radius:8px;padding:10px;margin-top:8px}
.xnmec797-disc-more{text-align:center;padding:12px 0;color:#ffd700;font-size:14px;font-weight:800;cursor:pointer;background:none;border:0;width:100%;border-radius:8px;transition:background .2s}
.xnmec797-disc-more:hover{background:rgba(255,215,0,.1)}
/* ===== 13. 跳转遮罩 ===== */
.xnmec797-ro-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(10,4,24,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);align-items:center;justify-content:center}
.xnmec797-ro-overlay.active{display:flex}
.xnmec797-ro-card{background:linear-gradient(180deg,#2a1550,#1f0f3d);border:2px solid #ffd700;border-radius:20px;padding:38px 32px 30px;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 40px rgba(255,215,0,.2);max-width:330px;width:90%;animation:smRoIn .35s ease}
@keyframes smRoIn{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.xnmec797-ro-ring{position:relative;width:104px;height:104px;margin:0 auto 22px}
.xnmec797-ro-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.xnmec797-ro-ring #smRoArc{transition:stroke-dashoffset .3s linear}
.xnmec797-ro-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:900;color:#ffd700}
#smRoText{color:#cdb8ff;font-size:15px;margin:0 0 18px;line-height:1.5}
#smRoSkip{display:inline-block;padding:11px 38px;background:linear-gradient(135deg,#ffd700,#f0a800);color:#1a0b2e;border:none;border-radius:50px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .3s;text-transform:uppercase;letter-spacing:1px}
#smRoSkip:hover{transform:scale(1.05)}
/* ===== Footer ===== */
footer{background:#150a26;border-top:2px solid #ffd700;padding:30px 20px;text-align:center;color:#a48fd0}
.footer-legal-links{margin-bottom:12px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.footer-legal-links a{color:#cdb8ff;font-size:13px;transition:color .3s}
.footer-legal-links a:hover{color:#ffd700}
.footer-age{font-size:12px;color:#8a76b8;margin-top:6px}
.footer-external-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:12px 0 4px}
.footer-external-links a{color:#a48fd0;font-size:12px;transition:color .3s}
.footer-external-links a:hover{color:#ffd700}
/* ===== 响应式 ===== */
@media(max-width:768px){nav#nav{display:none}#mbt{display:flex}}
@media(max-width:768px){nav#nav.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;padding:14px 20px;background:#23103f;border-bottom:2px solid #ffd700;box-shadow:0 10px 28px rgba(0,0,0,.5);gap:4px;z-index:60}nav#nav.open a{border-bottom:1px solid rgba(255,215,0,.12)}}
@media(max-width:680px){.xnmec797-ogrid{grid-template-columns:repeat(2,1fr);gap:12px}.xnmec797-ostats{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:480px){.xnmec797-ohero{padding:54px 16px 48px}.xnmec797-otemple{font-size:44px}.xnmec797-ozeus{font-size:64px}.xnmec797-othunder{padding:16px 38px;font-size:17px}.xnmec797-oprov span{padding:10px 16px;font-size:14px}}