/* 优惠券、场景演示与原创文章样式。纯 CSS 图示，无外站版权素材。 */
:root{--gold:#ffcc6c;--deep:#132554}
.hero-voucher{max-width:550px;margin:25px 0 19px;border:1px solid #f5c996;background:linear-gradient(130deg,#fff7e9,#fff3df 64%,#fff);box-shadow:0 15px 39px #f5bd5529;border-radius:18px;padding:17px 19px;position:relative;overflow:hidden}
.hero-voucher:after{content:"";position:absolute;right:-40px;top:-70px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#ffd89499,transparent 73%);pointer-events:none;animation:voucher-glow 3s ease-in-out infinite}
.voucher-chip{font-size:11px;font-weight:900;color:#ab5a0a;letter-spacing:.03em}.voucher-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.voucher-value{display:flex;align-items:center;color:#bd4f05;min-width:92px}.voucher-value em{font-style:normal;font-weight:950;font-size:62px;line-height:1}.voucher-value span{font-size:21px;font-weight:900;line-height:1.1}.voucher-value small{font-size:9px;font-weight:700}.voucher-desc{font-size:13px;font-weight:750;color:#8c571c;flex:1;min-width:150px}.voucher-desc strong{color:#ce4d08;font-size:24px;letter-spacing:.025em}.voucher-desc small{font-size:10px;color:#946c43;font-weight:500}.voucher-copy{border:0;background:#ffad36;padding:10px 12px;border-radius:10px;color:#48260a;font-size:12px;font-weight:800;position:relative;z-index:1}.voucher-copy:hover{background:#ffcb73}
.modal-promo{background:linear-gradient(95deg,#fff2d7,#fffaee);border:1px dashed #e8bc70;border-radius:14px;margin:17px 0 8px;padding:14px 15px;display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:center}.modal-promo small{font-size:10px;color:#9f681d;grid-column:1/-1}.modal-promo strong{font-weight:950;letter-spacing:.04em;font-size:27px;color:#c95608}.modal-promo span{font-size:11px;color:#8c6e46;grid-column:1/-1}.promo-copy-mini{background:#fff;border:1px solid #ebb969;border-radius:9px;font-size:11px;padding:7px;grid-row:2;grid-column:2;color:#9d5f10}
.showcase-section{background:#f9faff}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scene-card{background:white;border:1px solid #e0e8f7;border-radius:22px;overflow:hidden;box-shadow:0 15px 30px #294b9410;transition:transform .22s,box-shadow .22s}.scene-card:hover{transform:translateY(-5px);box-shadow:0 21px 35px #294b9425}.scene-art{min-height:176px;position:relative;overflow:hidden;background:linear-gradient(130deg,#293d90,#6785dc);display:grid;place-items:center;color:#ffffffdd;font-weight:950;font-size:66px;letter-spacing:.11em;isolation:isolate}.scene-art:before{content:"";position:absolute;width:245px;height:245px;border:35px solid #ffffff14;border-radius:45px;transform:rotate(34deg);top:-95px;right:-75px;z-index:-1}.scene-art:after{content:"";height:95px;width:120%;background:#ffffff16;position:absolute;bottom:-77px;transform:rotate(-11deg);z-index:-1}.scene-card.mc .scene-art{background:linear-gradient(125deg,#146459,#60b5a0)}.scene-card.pal .scene-art{background:linear-gradient(135deg,#3951aa,#819ae9)}.scene-card.dst .scene-art{background:linear-gradient(135deg,#4b365c,#a37b9d)}.scene-body{padding:22px 23px}.scene-body h3{font-size:19px;margin:13px 0}.scene-body p{font-size:13px;min-height:67px}.scene-body a{font-size:13px;color:#3860cf;font-weight:800}.showcase-bottom{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;color:#4a5d80;font-size:14px}
.webshow-section{background:white}.webshow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.webshow{display:block;border:1px solid #e4e9f3;background:white;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 13px 32px #1d3d7212}.webshow:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1d3d7220}.browser-preview{height:240px;overflow:hidden;background:#eaf1ff;border-bottom:1px solid #e2e8f4}.browser-bar{height:34px;background:#f3f7fd;border-bottom:1px solid #dfe6f5;display:flex;gap:5px;align-items:center;padding:0 12px}.browser-bar i{display:block;border-radius:50%;width:6px;height:6px;background:#b8c6d7}.browser-bar i:first-child{background:#ff8a8a}.browser-bar i:nth-child(2){background:#f5c96b}.browser-bar i:nth-child(3){background:#61cc9c}.browser-bar b{font-size:10px;font-weight:700;color:#8493a9;margin-left:auto}.browser-content{height:210px;padding:36px 25px;background:radial-gradient(circle at 85% 30%,#c7d7fb 0,transparent 33%),linear-gradient(115deg,#e9f3ff,#d8ecf9);display:flex;flex-direction:column}.browser-preview.blog .browser-content{background:radial-gradient(circle at 90% 20%,#badacc 0,transparent 45%),linear-gradient(115deg,#e6f2e7,#d5edf1)}.browser-preview.company .browser-content{background:radial-gradient(circle at 93% 30%,#c6c3f9 0,transparent 45%),linear-gradient(115deg,#e3e8ff,#deeef9)}.browser-preview.landing .browser-content{background:radial-gradient(circle at 93% 30%,#edc9f0 0,transparent 45%),linear-gradient(115deg,#ebe6ff,#d5e9fc)}.demo-label{font-size:9px;letter-spacing:.11em;color:#6477af;font-weight:900}.browser-content strong{max-width:88%;font-size:17px;margin:10px 0;line-height:1.45}.preview-lines{display:grid;gap:4px;width:78%}.preview-lines i{height:4px;border-radius:100px;background:#91a8c5;opacity:.45}.preview-lines i:nth-child(2){width:85%}.preview-boxes{display:flex;gap:8px;margin-top:23px}.preview-boxes i{width:28%;height:50px;border-radius:6px;background:#ffffff7d;box-shadow:0 4px 10px #325e9120}.webshow-foot{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:11px;font-size:13px}.webshow-foot span{color:#3b64d3;font-size:11px}.center-link{text-align:center;margin-top:30px}
.content-path-section{background:linear-gradient(115deg,#233b80,#4a64bd);color:white}.content-path{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.content-path h2{font-size:29px;margin:10px 0}.content-path p{color:#dce5ff;margin:0;font-size:13px}.content-path .section-kicker{color:#b6d3ff}.content-path-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.content-path-list a{padding:10px 13px;background:#ffffff14;border:1px solid #ffffff27;border-radius:9px;color:#edf3ff;font-size:12px}.content-path-list a span{float:right}.content-path .btn{white-space:normal}
.doc-index-section{background:white}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.doc-grid a{background:#f7f9ff;border:1px solid #dfe8f7;border-radius:17px;padding:21px;display:grid;gap:9px;transition:transform .2s}.doc-grid a:hover{transform:translateY(-3px);border-color:#a9bcf2}.doc-grid span{font-size:11px;font-weight:800;color:#3760d2}.doc-grid strong{font-size:17px}.doc-grid small{font-size:12px;color:#73849c}.doc-index-note{text-align:center;margin-top:25px;font-size:12px}.doc-index-note a{color:#335fd6}
.game-extra{background:#fff}.game-extra-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.game-extra-head h2{margin:11px 0}.game-extra-head p{margin:0}.mini-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:23px}.mini-compare>div{border:1px solid #e1e8f5;background:#f8faff;border-radius:16px;padding:22px}.mini-compare b{font-size:17px}.mini-compare p{font-size:13px;margin:7px 0 0}
.game-solution-hero{background:linear-gradient(117deg,#152853,#354d9f 65%,#6654bb);padding:83px 0;color:white}.game-solution-hero h1{font-size:clamp(34px,4.5vw,56px);margin:19px 0}.game-solution-hero p{color:#dae6ff;max-width:740px}.game-solution-hero .section-kicker{color:#a7c7ff}.game-solution-hero .btn-outline{color:#fff;background:#ffffff20;border-color:#ffffff70}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.game-solution{background:#fff;border:1px solid #dfe8f8;border-radius:23px;display:flex;min-height:280px;overflow:hidden}.game-scene{flex:0 0 35%;min-width:0;background:linear-gradient(155deg,#2a4276,#6388cd);display:grid;place-items:center;position:relative;isolation:isolate;color:#ffffffc9;overflow:hidden}.game-scene>span{font-size:78px;font-weight:950;z-index:2;filter:drop-shadow(0 8px 10px #0004)}.game-scene:before{content:"";width:190px;height:190px;position:absolute;top:-55px;right:-95px;border:35px solid #ffffff1d;border-radius:50%}.game-scene:after{content:"";width:135%;height:90px;background:#ffffff20;position:absolute;bottom:-50px;left:-10%;transform:rotate(-15deg)}.game-solution.mc .game-scene{background:linear-gradient(150deg,#146452,#72aa7e)}.game-solution.dst .game-scene{background:linear-gradient(150deg,#383047,#9f647e)}.game-solution.pal .game-scene{background:linear-gradient(150deg,#354bab,#849fe6)}.game-solution.terr .game-scene{background:linear-gradient(150deg,#8a6d39,#d0ac6a)}.game-solution.rust .game-scene{background:linear-gradient(150deg,#92454b,#ca8068)}.game-solution.valheim .game-scene{background:linear-gradient(150deg,#30565f,#78a49b)}.solution-content{padding:25px 22px}.solution-content h2{font-size:21px;margin:12px 0}.solution-content p{font-size:13px;line-height:1.8;margin:0}.solution-meta{display:grid;gap:4px;margin:14px 0;color:#74849e;font-size:11px}.solution-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.solution-actions .btn{font-size:11px;min-height:38px;padding:8px 12px}
.scene-steps{margin-top:48px;border:1px solid #dee7f5;border-radius:21px;padding:35px;background:#f7f9fd}.scene-steps h2{font-size:26px}.scene-steps li{padding:7px 0;color:#556880;font-size:14px}.scene-steps .cta-inline{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0 0}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.web-case{background:white;border:1px solid #e0e7f5;border-radius:22px;overflow:hidden}.web-case-copy{padding:23px}.web-case-copy h2{font-size:22px;margin:15px 0}.web-case-copy p{font-size:13px;min-height:115px}.case-actions{display:flex;flex-direction:column;gap:9px}.case-actions .btn{font-size:12px}
.guide-main{padding:42px 0 70px}.guide-header{background:linear-gradient(125deg,#eaf1ff,#f6f9ff);padding:50px 42px;border:1px solid #dfe8f8;border-radius:23px}.guide-breadcrumb{color:#355ac1}.guide-header>span,.guide-breadcrumb{font-size:12px}.guide-meta{margin:20px 0 14px;color:#4b69c7;font-size:12px;font-weight:800}.guide-header h1{font-size:clamp(28px,3.2vw,40px);max-width:800px;margin:0 0 18px}.guide-header p{max-width:850px;font-size:15px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;margin-top:24px;align-items:start}.guide-article{background:white;border:1px solid #e3eaf4;border-radius:19px;padding:36px}.guide-article section{scroll-margin-top:105px}.guide-article h2{font-size:22px;margin:36px 0 12px}.guide-article p{font-size:14px;line-height:2.1;color:#566980}.guide-article a{color:#345dcc}.guide-toc{border:1px solid #e2eaf8;background:#f7faff;padding:22px;border-radius:14px}.guide-toc ol{padding-left:22px;margin:9px 0}.guide-toc li{margin:8px 0}.guide-intro{background:#fff8eb;border-left:3px solid #edb955;padding:16px 18px;color:#846338;font-size:13px;margin-top:22px}.guide-article details{padding:13px 0;border-bottom:1px solid #e9edf5}.guide-article summary{font-weight:800;cursor:pointer}.guide-source{border-top:1px solid #e2e8f1;margin-top:40px}.guide-next{display:flex;justify-content:space-between;gap:18px;padding-top:20px}.guide-sidebar{display:grid;gap:17px;position:sticky;top:100px}.guide-sidebox{border:1px solid #e1e8f6;background:white;border-radius:16px;padding:23px;display:grid;gap:11px}.guide-sidebox small{font-size:11px;color:#71829b}.guide-sidebox>a:not(.btn){font-size:12px;color:#3c5ead}.guide-code{color:#c95608;font-size:27px;font-weight:950}.guide-sidebox button{padding:9px;border-radius:9px;border:1px solid #f0c77b;background:#fff7e9;font-weight:800;color:#9e5a10}
@keyframes voucher-glow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:1100px){.content-path{grid-template-columns:1fr 1fr}.content-path>.btn{grid-column:1/-1;width:fit-content}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.showcase-grid,.webshow-grid,.doc-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}}
@media(max-width:650px){.hero-voucher{padding:14px}.voucher-value em{font-size:53px}.voucher-desc{flex-basis:54%}.voucher-copy{width:100%}.showcase-grid,.webshow-grid,.doc-grid,.mini-compare{grid-template-columns:1fr}.content-path{grid-template-columns:1fr}.content-path-list{grid-template-columns:1fr 1fr}.game-extra-head{display:block}.game-extra-head .btn{margin-top:15px}.game-solution{display:block}.game-scene{min-height:146px}.game-scene>span{font-size:58px}.scene-steps{padding:24px}.guide-main{padding:15px 0 40px}.guide-header{padding:29px 22px}.guide-article{padding:26px 20px}.guide-sidebar{grid-template-columns:1fr}.guide-next{flex-direction:column}.hero .hero-cta .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.hero-voucher:after{animation:none}}

/* V4：本地原创图片与本站真实演示截图，无第三方图床依赖。 */
.scene-art:before,.scene-art:after{display:none}
.scene-art{background:#223758!important;min-height:185px}
.scene-cover{display:block;width:100%;height:185px;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.scene-card:hover .scene-cover{transform:scale(1.05)}
.browser-preview .browser-content{padding:0;background:#f2f5fd!important}
.demo-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.webshow:hover .demo-screenshot,.web-case:hover .demo-screenshot{filter:saturate(1.08)}
.game-scene{display:block!important;min-height:215px;background:#182a4d!important}
.solution-cover{width:100%;height:100%;min-height:215px;display:block;object-fit:cover}
.game-card-cover{width:100%;height:162px;display:block;object-fit:cover;border-radius:13px;margin:-5px 0 18px;box-shadow:0 9px 22px #18294b1a}
.article-cover,.infra-cover{max-width:1180px;margin:26px auto 30px}
.article-cover-img,.infra-cover-img{display:block;width:100%;height:clamp(190px,31vw,350px);object-fit:cover;border-radius:22px;box-shadow:0 14px 30px #1a316321}
.article-cover figcaption,.infra-cover figcaption{margin:9px 3px 0;font-size:12px;line-height:1.6;color:#6b7890}
.visual{background-image:linear-gradient(135deg,#203d830c,#5564c21c),url('../images/server-illustration.webp');background-size:cover;background-position:center;border-radius:25px}
@media(max-width:880px){.game-scene,.solution-cover{min-height:185px}}
@media(max-width:650px){.scene-cover{height:195px}.game-card-cover{height:180px}.game-scene,.solution-cover{min-height:164px}.article-cover,.infra-cover{margin:18px auto}.article-cover figcaption,.infra-cover figcaption{padding:0 12px}}

/* V5: real upright game cover art from the owner-provided local archive. */
.scene-art{min-height:250px}.scene-cover{height:250px;object-fit:cover;object-position:center 32%}
.game-card-cover{height:275px;object-fit:cover;object-position:center 22%;margin-top:-5px}
.game-scene{min-height:270px}.solution-cover{min-height:270px;object-position:center top}
.article-cover-img{height:clamp(240px,35vw,400px);object-fit:contain;background:#0a1929;padding:12px}
.mini-game{overflow:hidden}.mini-poster{display:block;width:100%;height:170px;object-fit:cover;object-position:center 20%;border-radius:10px;margin-bottom:6px}
.posters-intro-link{font-size:12px;color:#4e6387;line-height:1.8;margin:18px 0 0}.posters-intro-link a{color:#2a5ac3;font-weight:750}
@media(max-width:650px){.scene-art{min-height:230px}.scene-cover{height:230px}.game-card-cover{height:265px}.mini-poster{height:145px}.solution-cover{min-height:240px}}