.service-detail-page .hero-photo{opacity:.17;filter:blur(3px) saturate(.65)}
.service-detail-page .scene-shade{background:linear-gradient(90deg,#0710286b,#080d20b3 45%,#090d20f0),linear-gradient(0deg,#050713,transparent 65%)}
.service-detail-page .giant-ten{opacity:.5}
.detail-hero{display:block;min-height:calc(100svh - 166px)}
.detail-shell{width:100%;max-width:1240px;margin:auto;padding:22px 32px 42px}
.detail-back{display:inline-flex;align-items:center;gap:9px;color:#a8b9db;font-size:11px;font-weight:600;padding:7px 0;margin-bottom:16px}
.detail-back .icon{width:16px;height:16px;transform:rotate(180deg);color:var(--yellow)}
.detail-back:hover{color:var(--yellow)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:76px;direction:ltr}
.detail-emblem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-width:0;padding:10px 0 28px}
.detail-emblem:before{content:'';position:absolute;inset:11% -10% 14%;z-index:-1;background:radial-gradient(ellipse,#3555c438,transparent 66%)}
.detail-emblem:after{content:'';position:absolute;width:87%;aspect-ratio:1;border:1px solid #b6c8ff13;border-radius:50%;z-index:-1;transform:rotate(-16deg) scaleY(.78)}
.detail-emblem img{display:block;width:min(100%,420px);height:auto;aspect-ratio:1;object-fit:contain}
.detail-emblem img:not([src]){visibility:hidden}
.detail-emblem .hero-brand{margin-top:17px;color:#aebee0;font-size:17px}
.detail-panel{padding:27px 29px 22px;border-radius:19px;background:linear-gradient(150deg,#1a2544eb,#0d1429f5 66%);box-shadow:0 18px 58px #0003}
.detail-panel:before{width:60%;right:20%;background:linear-gradient(90deg,transparent,#8298f780,transparent)}
.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.detail-kicker{color:#99abce;font-size:10px;font-weight:600}
.detail-heading h1{font:900 28px/1.5 var(--font);margin:5px 0 0;letter-spacing:-.4px}
.detail-subtitle{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--yellow)}
.detail-player-name{display:inline-flex;align-items:center;width:fit-content;margin:10px 0 0;padding:8px 15px;border:1px solid transparent;border-radius:7px;background:linear-gradient(130deg,#122239,#211b39) padding-box,linear-gradient(110deg,#70dfee,#b08af6) border-box;color:#effbff;font:800 italic 22px/1.2 var(--display);letter-spacing:1px;box-shadow:0 4px 16px #3e80b11f}
.detail-subtitle[hidden],.detail-player-name[hidden],.detail-fixed-description[hidden],.quantity-heading[hidden],.detail-slider-box[hidden],.needed-points-row[hidden],.pricing-rule[hidden]{display:none}
.detail-fixed-description{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:20px 0 4px;border:1px solid #7982ad55;border-radius:10px;background:#c9d5ff08}
.detail-fixed-description p{margin:0;font-size:15px;font-weight:800;color:#f6f7ff}
.detail-code{font:800 italic 25px/1 var(--display);color:var(--yellow);padding:12px 13px;border:1px solid #bcc87833;border-radius:9px;background:#cfdd6908;white-space:nowrap;direction:ltr}
.detail-panel .quantity-heading{margin:24px 0 12px}
.detail-panel .quantity-input{padding:9px 14px;background:#0810208c;border-color:#8ca0d14d;border-radius:8px;max-width:155px}
.detail-panel .quantity-input input{font-size:28px;width:100%;text-align:center}
.detail-panel .quantity-heading label{font-size:15px;font-weight:800;color:#f6f7ff}
.detail-slider-box{margin-top:22px;padding-top:16px;border-top:1px solid #8ca0d124}
.slider-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;font-weight:700;color:#c7d3ee}
.slider-header output{font:800 italic 22px/1 var(--display);color:var(--yellow);letter-spacing:.4px}
.detail-panel .points-help{font-size:9px;line-height:1.8}
.detail-price-box{padding:16px 18px 14px;border-radius:11px;background:linear-gradient(115deg,#3a58d52b,#7d91dc10);border:1px solid #819be82b;margin-top:16px}
.needed-points-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #819be826;font-size:12px;font-weight:700;color:#d6e0f8}
.needed-points-row output{font-size:16px;font-weight:800;color:var(--yellow);display:flex;align-items:baseline;gap:6px}
.needed-points-row output bdi{font:800 italic 24px/1 var(--display);letter-spacing:.3px}
.detail-price-box .price-row{margin:0;font-size:11px}
.detail-price-box #total-price-value{font-size:34px}
.detail-price-box .pricing-rule{margin-top:6px;color:#a9b9d9;font-size:10px}
.detail-panel .panel-cta{height:49px;margin-top:18px;border-radius:8px;font-size:12px}
.detail-panel .prototype-note{font-size:8px;margin-top:12px}
body[data-selected-service="vip"],body[data-selected-service="vip-plus"]{background:#171002}
body[data-selected-service="vip"] .hero-scene,body[data-selected-service="vip-plus"] .hero-scene{inset:0!important;height:100%!important}
body[data-selected-service="vip"] .scene-shade{background:linear-gradient(180deg,rgba(24,17,4,.68) 0%,rgba(42,29,4,.82) 55%,rgba(128,88,8,.72) 100%),radial-gradient(ellipse at 22% 48%,rgba(240,180,41,.22),transparent 65%)}
body[data-selected-service="vip"] .site-footer{max-width:none;margin:0;padding:22px max(32px,calc((100% - 1240px)/2));border-top:1px solid rgba(240,180,41,.28);background:linear-gradient(180deg,rgba(128,88,8,.35),rgba(165,114,10,.55));color:#edd187}
body[data-selected-service="vip"] .site-footer .footer-wordmark{color:#fff2c6}
body[data-selected-service="vip"] .site-footer .footer-wordmark span{color:#f5c43d}
body[data-selected-service="vip"] .detail-back{color:#f2cb6d}
body[data-selected-service="vip"] .detail-back .icon,body[data-selected-service="vip"] .detail-back:hover{color:#f5c43d}
body[data-selected-service="vip"] .detail-emblem:before{background:radial-gradient(ellipse,rgba(240,180,41,.36),transparent 66%);filter:blur(18px)}
body[data-selected-service="vip"] .detail-emblem:after{border-color:rgba(245,196,61,.24)}
body[data-selected-service="vip"] .detail-emblem img{filter:saturate(1.24) brightness(1.03)}
body[data-selected-service="vip"] .detail-emblem .hero-brand{color:#f2cb6d}
body[data-selected-service="vip"] .detail-emblem .hero-brand>span{background:#f0b429}
body[data-selected-service="vip"] .detail-panel{background:linear-gradient(150deg,#2b1e06f0,#140e03f7 66%);border-color:rgba(240,180,41,.48);box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 32px rgba(240,180,41,.16)}
body[data-selected-service="vip"] .detail-panel:before{background:linear-gradient(90deg,transparent,rgba(245,196,61,.8),transparent)}
body[data-selected-service="vip"] .detail-kicker{color:#e8be5a}
body[data-selected-service="vip"] .detail-heading h1{color:#fff4cc}
body[data-selected-service="vip"] .detail-subtitle{color:#f5c43d}
body[data-selected-service="vip"] .detail-code{color:#ffd659;border-color:rgba(240,180,41,.48);background:rgba(240,180,41,.14)}
body[data-selected-service="vip"] .detail-panel .quantity-input{background:#140e03cc;border-color:rgba(240,180,41,.46)}
body[data-selected-service="vip"] .detail-panel .quantity-input:focus-within{border-color:#ffd659}
body[data-selected-service="vip"] .detail-slider-box{border-top-color:rgba(240,180,41,.24)}
body[data-selected-service="vip"] .slider-header{color:#f5dca0}
body[data-selected-service="vip"] .slider-header output{color:#f5c43d}
body[data-selected-service="vip"] .points-range::-webkit-slider-thumb{background:#ffd659;border-color:#cc9214}
body[data-selected-service="vip"] .points-range::-moz-range-thumb{background:#ffd659;border-color:#cc9214}
body[data-selected-service="vip"] .range-endpoints{color:#d9b359}
body[data-selected-service="vip"] .detail-panel .points-help{color:#cfa954}
body[data-selected-service="vip"] .detail-price-box{background:linear-gradient(115deg,rgba(218,154,18,.24),rgba(240,180,41,.08));border-color:rgba(240,180,41,.42)}
body[data-selected-service="vip"] .needed-points-row{border-bottom-color:rgba(240,180,41,.26);color:#faecc4}
body[data-selected-service="vip"] .needed-points-row output{color:#f5c43d}
body[data-selected-service="vip"] .detail-price-box .pricing-rule{color:#e0be6c}
body[data-selected-service="vip"] .detail-panel .panel-cta{background:linear-gradient(105deg,#d49612,#f5c43d);color:#171002}
body[data-selected-service="vip"] .detail-panel .panel-cta:hover{background:linear-gradient(105deg,#e3a318,#ffd254)}
body[data-selected-service="vip"] .detail-panel .prototype-note{color:#b8984c}
body[data-selected-service="vip-plus"] .scene-shade{background:linear-gradient(180deg,rgba(32,21,2,.68) 0%,rgba(56,37,2,.82) 52%,rgba(172,116,4,.78) 100%),radial-gradient(ellipse at 22% 48%,rgba(255,204,0,.3),transparent 65%)}
body[data-selected-service="vip-plus"] .site-footer{max-width:none;margin:0;padding:22px max(32px,calc((100% - 1240px)/2));border-top:1px solid rgba(255,208,0,.36);background:linear-gradient(180deg,rgba(165,110,4,.42),rgba(208,142,6,.66));color:#ffe27a}
body[data-selected-service="vip-plus"] .site-footer .footer-wordmark{color:#fff7d6}
body[data-selected-service="vip-plus"] .site-footer .footer-wordmark span{color:#ffd000}
body[data-selected-service="vip-plus"] .detail-back{color:#ffdb6e}
body[data-selected-service="vip-plus"] .detail-back .icon,body[data-selected-service="vip-plus"] .detail-back:hover{color:#ffd000}
body[data-selected-service="vip-plus"] .detail-emblem:before{background:radial-gradient(ellipse,rgba(255,204,0,.48),transparent 66%);filter:blur(18px)}
body[data-selected-service="vip-plus"] .detail-emblem:after{border-color:rgba(255,212,40,.32)}
body[data-selected-service="vip-plus"] .detail-emblem img{filter:saturate(1.5) brightness(1.09) contrast(1.05)}
body[data-selected-service="vip-plus"] .detail-emblem .hero-brand{color:#ffe47a}
body[data-selected-service="vip-plus"] .detail-emblem .hero-brand>span{background:#ffd000}
body[data-selected-service="vip-plus"] .detail-panel{background:linear-gradient(150deg,#332203f2,#170f01f7 66%);border-color:rgba(255,208,0,.62);box-shadow:0 20px 60px rgba(0,0,0,.78),0 0 40px rgba(255,204,0,.25)}
body[data-selected-service="vip-plus"] .detail-panel:before{background:linear-gradient(90deg,transparent,rgba(255,224,72,.95),transparent)}
body[data-selected-service="vip-plus"] .detail-kicker{color:#ffde66}
body[data-selected-service="vip-plus"] .detail-heading h1{color:#fff9db}
body[data-selected-service="vip-plus"] .detail-subtitle{color:#ffd000}
body[data-selected-service="vip-plus"] .detail-code{color:#ffe44d;border-color:rgba(255,208,0,.62);background:rgba(255,204,0,.18)}
body[data-selected-service="vip-plus"] .detail-panel .quantity-input{background:#160e01cc;border-color:rgba(255,208,0,.58)}
body[data-selected-service="vip-plus"] .detail-panel .quantity-input:focus-within{border-color:#ffe44d}
body[data-selected-service="vip-plus"] .detail-slider-box{border-top-color:rgba(255,208,0,.3)}
body[data-selected-service="vip-plus"] .slider-header{color:#ffec99}
body[data-selected-service="vip-plus"] .slider-header output{color:#ffd000}
body[data-selected-service="vip-plus"] .points-range::-webkit-slider-thumb{background:#ffe44d;border-color:#d99400}
body[data-selected-service="vip-plus"] .points-range::-moz-range-thumb{background:#ffe44d;border-color:#d99400}
body[data-selected-service="vip-plus"] .range-endpoints{color:#e6bf4c}
body[data-selected-service="vip-plus"] .detail-panel .points-help{color:#dbb552}
body[data-selected-service="vip-plus"] .detail-price-box{background:linear-gradient(115deg,rgba(245,172,0,.3),rgba(255,208,0,.1));border-color:rgba(255,208,0,.54)}
body[data-selected-service="vip-plus"] .needed-points-row{border-bottom-color:rgba(255,208,0,.32);color:#fff3bd}
body[data-selected-service="vip-plus"] .needed-points-row output{color:#ffd000}
body[data-selected-service="vip-plus"] .detail-price-box .pricing-rule{color:#f0cd6c}
body[data-selected-service="vip-plus"] .detail-panel .panel-cta{background:linear-gradient(105deg,#e69f00,#ffd400);color:#170f00}
body[data-selected-service="vip-plus"] .detail-panel .panel-cta:hover{background:linear-gradient(105deg,#f5aa00,#ffe347)}
body[data-selected-service="vip-plus"] .detail-panel .prototype-note{color:#c29f4a}
html[dir=ltr] .detail-back .icon{transform:none}
@media(max-width:1100px){.detail-layout{gap:37px}.detail-shell{padding:20px 28px 36px}.detail-panel{padding:25px 24px 21px}.detail-emblem img{width:min(100%,370px)}}
@media(max-width:800px){.detail-shell{max-width:580px;padding:18px 24px 35px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:16px}.detail-back{margin-bottom:0}.detail-emblem{padding:0 0 9px}.detail-emblem img{width:230px}.detail-emblem .hero-brand{font-size:13px;margin-top:8px}.detail-emblem:after{width:55%}.detail-panel{padding:25px}.detail-heading{margin-bottom:21px}.detail-hero{min-height:0}}
@media(max-width:450px){.detail-shell{padding:13px 18px 31px}.detail-back{font-size:10px;gap:7px}.detail-emblem img{width:190px}.detail-emblem:after{width:65%}.detail-emblem .hero-brand{font-size:12px;margin-top:5px}.detail-layout{gap:15px}.detail-panel{padding:22px 18px 18px;border-radius:14px}.detail-heading h1{font-size:25px}.detail-code{font-size:22px;padding:10px 11px}.detail-heading{gap:12px;margin-bottom:21px}.detail-panel .quantity-heading label{font-size:10px}.detail-panel .quantity-input input{font-size:25px}.detail-panel .points-help{font-size:8px}.detail-price-box{padding:13px 14px;margin-top:21px}.detail-price-box #total-price-value{font-size:29px}.detail-price-box .pricing-rule{font-size:9px}.detail-panel .panel-cta{font-size:11px}}
