/* SK49 landing page — refined 2026-07-29 */
*{box-sizing:border-box}
:root{color-scheme:dark;--card:#071a39;--card-2:#06142e;--line:rgba(105,165,255,.22);--line-strong:rgba(108,184,255,.45);--text:#f7fbff;--muted:#91a9ca;--muted-2:#687f9f;--shadow:0 28px 80px rgba(0,0,0,.32);--radius:24px;--page-width:1180px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:#020817}
body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);background:var(--page-bg,#02091a);font-family:var(--font-ui,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif);font-synthesis:none;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:rgba(64,151,255,.38);color:#fff}
.page-width{position:relative;z-index:2;width:min(var(--page-width),calc(100% - 48px));margin-inline:auto}
.ambient{position:fixed;z-index:-5;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 74% 6%,rgba(15,98,255,.16),transparent 29%),radial-gradient(circle at 7% 58%,rgba(72,65,255,.1),transparent 34%),linear-gradient(180deg,#020817 0%,#020b1d 46%,#010713 100%)}
.ambient i{position:absolute;border-radius:50%;filter:blur(95px);opacity:.23}.ambient i:nth-child(1){width:430px;height:430px;right:-200px;top:11%;background:#075cff}.ambient i:nth-child(2){width:360px;height:360px;left:-220px;top:54%;background:#6438ff}.ambient i:nth-child(3){width:320px;height:320px;right:8%;bottom:-220px;background:#00bce8}
.image-error{display:none!important}

/* Header */
.top-wrap{position:relative;z-index:30;padding-top:14px;background:linear-gradient(180deg,rgba(2,8,23,.72),transparent)}
.announcement{width:min(var(--page-width),calc(100% - 48px));height:42px;margin:0 auto 7px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid rgba(85,148,246,.25);border-radius:15px;background:linear-gradient(90deg,rgba(8,31,70,.95),rgba(4,18,45,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 15px 40px rgba(0,0,0,.2);color:#d2e5ff}
.announcement span{width:20px;height:20px;color:#59baff}.announcement svg{width:100%;height:100%}.announcement b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:.02em}.announcement em{margin-left:auto;font-style:normal;font-size:25px;line-height:1;color:#fff}
.nav-shell{width:min(var(--page-width),calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo-only img{width:205px;max-height:64px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 24px rgba(17,104,255,.16))}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:29px}.main-nav a{position:relative;padding:16px 0;color:#b8c8df;font-size:13px;white-space:nowrap;transition:.2s}.main-nav a:after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--secondary),var(--primary));box-shadow:0 0 12px var(--primary);transition:.25s}.main-nav a:hover{color:#fff}.main-nav a:hover:after{left:0;width:100%}
.nav-download{height:42px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(100,177,255,.42);border-radius:12px;background:linear-gradient(135deg,#2a98ff,var(--primary) 57%,#0c4bdc);box-shadow:0 12px 28px rgba(18,89,255,.28),inset 0 1px 0 rgba(255,255,255,.22);font-size:13px;font-weight:900;white-space:nowrap;transition:.2s}.nav-download:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(18,89,255,.38)}

/* Hero */
.hero-section{position:relative;min-height:670px;overflow:hidden;isolation:isolate}
.hero-section:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:165px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--page-bg,#02091a) 88%)}
.hero-stadium{position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 76% 30%,rgba(22,113,255,.34),transparent 28%),radial-gradient(ellipse at 68% 72%,rgba(20,102,255,.2),transparent 35%),linear-gradient(102deg,#020817 0%,rgba(2,9,25,.96) 38%,rgba(3,17,46,.46) 70%,#020817 100%)}
.hero-stadium:before{content:"";position:absolute;width:820px;height:390px;right:-120px;top:76px;border-radius:50%;border-top:2px solid rgba(96,183,255,.28);box-shadow:0 -28px 46px rgba(18,112,255,.18);transform:rotate(-7deg)}
.hero-stadium:after{content:"";position:absolute;right:-40px;top:94px;width:760px;height:175px;opacity:.16;filter:blur(1px);transform:rotate(-9deg);background:repeating-linear-gradient(96deg,rgba(183,230,255,.9) 0 4px,transparent 5px 49px);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 82%,transparent)}
.hero-grid{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding-top:32px}
.hero-copy{position:relative;z-index:6;padding:38px 0 80px}
.hero-kicker{margin-bottom:18px;display:inline-flex;align-items:center;gap:9px;color:#93ceff;font-size:12px;letter-spacing:.17em;text-transform:uppercase}.hero-kicker:before{content:"";width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--secondary),transparent);box-shadow:0 0 10px var(--secondary)}
.hero-copy h1{max-width:670px;margin:0;color:#fff;font-size:clamp(50px,5vw,76px);font-weight:950;line-height:1.06;letter-spacing:-.05em;text-shadow:0 9px 34px rgba(0,54,170,.3)}
.hero-title-structured{display:flex;flex-direction:column;gap:8px}.hero-title-line{display:block}.hero-title-line-secondary{background:linear-gradient(180deg,#fff 0%,#dcecff 42%,#79c1ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title-line i{margin:0 .14em;color:#8fd4ff;font-style:normal;-webkit-text-fill-color:#8fd4ff}
.hero-subline{margin-top:24px;display:flex;align-items:center;gap:9px;color:#d3e2f7;font-size:16px;letter-spacing:.1em}.hero-subline svg{width:20px;height:20px;color:#74c8ff}
.hero-copy>p{max-width:575px;margin:16px 0 0;color:#94aaca;font-size:14px;line-height:1.9}
.hero-actions{margin-top:28px;display:flex;gap:14px}.btn{height:57px;min-width:184px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;font-size:16px;font-weight:900;transition:transform .2s,box-shadow .2s,border-color .2s}.btn svg{width:22px;height:22px}.btn:hover{transform:translateY(-2px)}.btn-primary{border:1px solid rgba(114,190,255,.48);background:linear-gradient(135deg,#2b9cff,var(--primary) 58%,#0b48dc);box-shadow:0 15px 36px rgba(17,88,255,.38),inset 0 1px 0 rgba(255,255,255,.28)}.btn-outline{border:1px solid rgba(100,166,255,.5);background:rgba(3,14,36,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px)}
.hero-art{position:relative;align-self:stretch;min-height:620px}.hero-halo{position:absolute;width:540px;height:540px;right:-40px;top:47px;border-radius:50%;background:radial-gradient(circle,rgba(37,125,255,.33),transparent 65%);filter:blur(4px)}.hero-art:after{content:"";position:absolute;left:4%;right:-6%;bottom:65px;height:66px;background:radial-gradient(ellipse,rgba(32,120,255,.48),transparent 67%);filter:blur(12px)}
.hero-art>img{position:absolute;right:-3%;bottom:43px;width:min(600px,52vw);height:585px;object-fit:cover;object-position:54% center;filter:saturate(1.14) contrast(1.05) drop-shadow(0 20px 42px rgba(0,63,200,.28));mask-image:linear-gradient(to bottom,#000 0,#000 84%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 100%);mask-composite:intersect}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#c5f3ff;box-shadow:0 0 20px 7px rgba(55,164,255,.65)}.spark-a{right:12%;top:33%}.spark-b{right:48%;bottom:23%;width:4px;height:4px}

/* Shared sections */
.section-block{padding:48px 0 35px;scroll-margin-top:20px}.compact-section{position:relative;z-index:7;margin-top:-55px;padding-top:0}.section-title{margin-bottom:27px;text-align:center}.section-title>span{display:block;margin-bottom:8px;color:#64b7ff;font-size:10px;letter-spacing:.34em}.section-title h2{margin:0;font-size:34px;letter-spacing:.01em}.section-title p{margin:9px 0 0;color:#8399ba;font-size:13px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;min-height:112px;padding:21px 19px;display:flex;align-items:center;gap:16px;overflow:hidden;border:1px solid rgba(91,151,236,.27);border-radius:19px;background:linear-gradient(145deg,rgba(10,36,79,.96),rgba(3,17,43,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 48px rgba(0,0,0,.2);transition:.25s}.feature-card:after{content:"";position:absolute;inset:auto -18% -65% 35%;height:125%;background:radial-gradient(circle,rgba(34,107,255,.22),transparent 65%)}.feature-card:hover{transform:translateY(-4px);border-color:rgba(91,180,255,.55)}.feature-icon{position:relative;z-index:1;width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:16px;color:#79ceff;background:linear-gradient(145deg,rgba(39,119,255,.28),rgba(5,23,53,.85));box-shadow:inset 0 0 22px rgba(36,109,255,.18),0 0 24px rgba(31,119,255,.12)}.feature-icon svg{width:31px;height:31px}.tone-gold .feature-icon{color:#ffd77c}.tone-cyan .feature-icon{color:#62e3ff}.tone-green .feature-icon{color:#64ecd1}.feature-text{position:relative;z-index:1;display:flex;flex-direction:column}.feature-text strong{font-size:18px}.feature-text small{margin-top:7px;color:#8ea5c6;font-size:11px;line-height:1.5}

/* Newcomer */
.newcomer-card{position:relative;min-height:350px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid rgba(77,145,239,.36);border-radius:26px;background:linear-gradient(105deg,#08245a 0%,#071e4a 47%,#03132e 100%);box-shadow:0 26px 74px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);transition:.25s}.newcomer-card:hover{transform:translateY(-3px);border-color:rgba(96,175,255,.56)}.newcomer-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 45%,rgba(28,113,255,.3),transparent 42%),linear-gradient(90deg,rgba(2,14,35,.08),transparent 58%);pointer-events:none}.newcomer-copy{position:relative;z-index:2;padding:45px 26px 39px 48px;display:flex;flex-direction:column;align-items:flex-start}.new-tag{padding:6px 11px;border:1px solid rgba(255,205,92,.32);border-radius:99px;color:#ffe8a8;background:rgba(255,181,41,.08);font-size:10px;letter-spacing:.17em}.newcomer-copy h3{margin:19px 0 4px;font-size:36px}.newcomer-copy p{margin:0;color:#d1ddf2;font-size:17px}.newcomer-copy>strong{margin:12px 0 6px;color:#ffe49e;font-family:Arial,sans-serif;font-size:58px;line-height:1;text-shadow:0 8px 22px rgba(255,179,45,.18)}.newcomer-copy small{color:#91a9cd;font-size:13px}.newcomer-copy>b{margin-top:auto;padding:12px 29px;border-radius:999px;color:#3b2600;background:linear-gradient(90deg,#fff0ba,#ffd572);box-shadow:0 10px 25px rgba(255,184,47,.22);font-size:13px}.newcomer-art{position:relative;min-height:350px;overflow:hidden}.newcomer-art:before{content:"WELCOME";position:absolute;z-index:1;right:8px;top:15px;color:rgba(58,120,215,.08);font-family:Arial,sans-serif;font-weight:900;font-size:62px;letter-spacing:.04em;writing-mode:vertical-rl}.newcomer-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,#000 18%,#000 100%)}

/* Activities */
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity-card{position:relative;min-height:245px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(76,143,237,.32);border-radius:23px;background:linear-gradient(145deg,#08285e,#04172f);box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);transition:.25s}.activity-card:hover{transform:translateY(-4px);border-color:rgba(92,180,255,.55)}.activity-card.tone-violet{border-color:rgba(150,91,255,.36);background:linear-gradient(145deg,#25145d,#100b35)}.activity-copy{position:relative;z-index:2;padding:30px 0 27px 30px;display:flex;flex-direction:column;align-items:flex-start}.activity-copy h3{margin:0;font-size:28px}.activity-copy p{margin:9px 0;color:#a5b7d3;font-size:13px}.activity-copy strong{color:#d8e7ff;font-size:15px}.tone-violet .activity-copy strong{color:#ffbd6d}.activity-copy b{margin-top:auto;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#2b99ff,#155ce6);box-shadow:0 10px 24px rgba(27,103,255,.25);font-size:12px}.tone-violet .activity-copy b{background:linear-gradient(135deg,#a44aff,#6830d9)}.activity-art{position:relative;overflow:hidden}.activity-art:after{content:"";position:absolute;inset:15% -15% -25%;background:radial-gradient(circle,rgba(28,117,255,.35),transparent 63%)}.activity-art img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

/* Download */
.download-section{padding-bottom:28px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-card,.guide-card{min-height:390px;border:1px solid rgba(86,153,242,.34);border-radius:25px;background:linear-gradient(145deg,rgba(8,32,72,.98),rgba(3,15,36,.98));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.download-card{padding:22px;display:flex;flex-direction:column}.download-card-main{min-height:223px;display:grid;grid-template-columns:1.08fr .92fr}.download-copy{position:relative;z-index:2;padding:16px 0 17px 18px}.download-copy>span,.guide-head>div>span{display:inline-flex;align-items:center;gap:7px;color:#70c5ff;font-size:11px;letter-spacing:.08em}.download-copy>span svg,.guide-head>div>span svg{width:17px;height:17px}.download-copy h3,.guide-head h3{margin:13px 0 6px;font-size:30px}.download-copy p,.guide-head p{margin:0;color:#9cb1d0;font-size:13px}.download-primary{height:54px;min-width:160px;margin-top:27px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(119,192,255,.5);border-radius:14px;background:linear-gradient(135deg,#2c9cff,var(--primary) 56%,#0b4bdd);box-shadow:0 15px 34px rgba(18,89,255,.35),inset 0 1px 0 rgba(255,255,255,.24);font-size:15px}.download-primary svg{width:21px;height:21px}.download-art{position:relative}.download-art:before{content:"";position:absolute;inset:8% -10% -18%;background:radial-gradient(circle,rgba(31,118,255,.38),transparent 66%)}.download-art img{position:absolute;z-index:1;right:5%;bottom:0;width:88%;height:95%;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(0,77,221,.28))}
.service-copy-card{margin-top:2px;padding:16px;border:1px solid rgba(94,155,237,.24);border-radius:17px;background:rgba(5,20,48,.76)}.service-copy-head{display:flex;align-items:center;gap:10px}.service-copy-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#70c9ff;background:rgba(38,120,239,.13)}.service-copy-icon svg{width:20px;height:20px}.service-copy-head p{margin:0;display:flex;flex-direction:column}.service-copy-head strong{font-size:13px}.service-copy-head small{margin-top:4px;color:#7e95b8;font-size:10px}.service-copy-row{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:9px}.service-copy-row code{min-width:0;height:45px;padding:0 14px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(87,148,232,.24);border-radius:11px;color:#b9d7ff;background:rgba(7,29,66,.72);font-family:inherit;font-size:12px}.copy-service-btn{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(107,181,255,.36);border-radius:11px;background:linear-gradient(135deg,#247eff,#0c54db);cursor:pointer;font-size:12px;font-weight:900}.copy-service-btn:disabled{opacity:.55;cursor:not-allowed}.copy-service-btn svg{width:17px;height:17px}.download-security-note,.guide-help{min-height:35px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;color:#8198b9;background:rgba(255,255,255,.025);font-size:10px}.download-security-note svg,.guide-help svg{width:16px;height:16px}
.guide-card{padding:30px}.guide-head{display:flex;justify-content:space-between;align-items:flex-start}.guide-head>svg{width:58px;height:58px;color:#6fbfff;opacity:.42}.guide-steps{margin-top:37px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.guide-steps>div{text-align:center}.guide-steps b{width:31px;height:31px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(93,165,255,.3);border-radius:50%;color:#72bfff;background:rgba(35,102,207,.18);font-size:10px}.guide-steps i{width:58px;height:58px;margin:0 auto 11px;display:grid;place-items:center;border:1px solid rgba(105,164,246,.26);border-radius:17px;color:#86c9ff;background:rgba(45,96,188,.2)}.guide-steps i svg{width:28px;height:28px}.guide-steps strong{display:block;font-size:13px}.guide-steps small{display:block;margin-top:7px;color:#7e93b4;font-size:10px;line-height:1.55}.guide-steps>em{color:#36adff;font-size:26px;font-style:normal}.guide-help{margin-top:28px}
.copy-toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%,18px);padding:11px 17px;border:1px solid rgba(89,180,255,.35);border-radius:12px;color:#fff;background:rgba(5,25,59,.96);box-shadow:0 18px 50px rgba(0,0,0,.36);opacity:0;pointer-events:none;transition:.25s;font-size:12px}.copy-toast.show{opacity:1;transform:translate(-50%,0)}

/* Trust & footer */
.trust-section{padding:24px 0 25px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(74,132,218,.24);border-radius:19px;background:rgba(4,17,42,.78)}.trust-grid>div{min-height:88px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(85,135,209,.16)}.trust-grid>div:last-child{border-right:0}.trust-grid>div>span{color:#8ccfff}.trust-grid svg{width:29px;height:29px}.trust-grid p{margin:0;display:flex;flex-direction:column}.trust-grid strong{font-size:14px}.trust-grid small{margin-top:5px;color:#758aaa;font-size:10px}.cert-grid{margin-top:13px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(68,121,201,.18);border-radius:17px;background:rgba(4,15,36,.56)}.cert-grid>div{min-height:71px;display:flex;align-items:center;justify-content:center;gap:10px}.cert-grid svg{width:24px;height:24px;color:#c5dcff}.cert-grid span{display:flex;flex-direction:column}.cert-grid strong{font-size:12px}.cert-grid small{margin-top:3px;color:#6e82a1;font-size:9px}.site-footer{padding:28px 0 calc(33px + env(safe-area-inset-bottom));border-top:1px solid rgba(85,137,214,.14);background:linear-gradient(#020a1a,#010713);text-align:center}.footer-brand{display:none}.site-footer p{margin:0;color:#a9bad4;font-size:12px}.site-footer>div>small{display:block;margin-top:8px;color:#607596;font-size:10px}.site-footer a{display:inline-block;margin-top:9px;color:#7188aa;font-size:10px}

/* Activity detail */
.activity-detail-body{min-height:100vh;background:#020817}.activity-detail-header{position:sticky;z-index:40;top:0;border-bottom:1px solid rgba(87,151,238,.18);background:rgba(2,9,26,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.activity-detail-nav{width:min(980px,calc(100% - 36px));height:82px;margin:auto;display:grid;grid-template-columns:150px 1fr 150px;align-items:center}.activity-back{justify-self:start;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,164,255,.28);border-radius:12px;background:rgba(11,38,83,.42);color:#d9eaff;font-size:12px;font-weight:800}.activity-back svg{width:18px;height:18px}.activity-detail-logo{justify-self:center}.activity-detail-logo img{width:min(240px,44vw);max-height:56px;object-fit:contain}.activity-detail-spacer{width:150px}.activity-detail-main{width:min(980px,calc(100% - 36px));margin:0 auto;padding:38px 0 58px}.activity-detail-title{margin-bottom:25px;text-align:center}.activity-detail-title span{display:block;margin-bottom:8px;color:#62b7ff;font-size:10px;letter-spacing:.3em}.activity-detail-title h1{margin:0;font-size:clamp(28px,4vw,44px)}.activity-detail-title p{margin:9px 0 0;color:#839abd;font-size:12px}.activity-detail-image-shell{padding:12px;border:1px solid rgba(89,154,242,.28);border-radius:23px;background:linear-gradient(145deg,rgba(8,29,67,.96),rgba(2,12,31,.96));box-shadow:0 28px 85px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}.activity-detail-image-shell img{width:100%;height:auto;border-radius:15px;background:#010715}.activity-detail-empty{min-height:360px;padding:40px;display:grid;place-items:center;border:1px dashed rgba(91,157,246,.32);border-radius:19px;color:#8ea6cc;background:rgba(7,26,60,.55);text-align:center}.activity-detail-empty strong{display:block;margin-bottom:8px;color:#eef6ff;font-size:22px}.activity-detail-footer{text-align:center;padding:24px 16px 32px;color:#7086a8;font-size:10px;border-top:1px solid rgba(85,135,209,.12)}

/* Simple custom section support */
.custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.custom-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(10,34,74,.92),rgba(4,17,40,.94))}.custom-card h3{margin:0 0 8px;font-size:19px}.custom-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}

.reveal{animation:reveal-up .7s cubic-bezier(.2,.7,.2,1) both}@keyframes reveal-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Tablet */
@media(max-width:980px){
  .page-width,.announcement,.nav-shell{width:min(100% - 28px,760px)}.main-nav{display:none}.nav-shell{height:68px}.brand-logo-only img{width:164px;max-height:55px}.nav-download{margin-left:auto}
  .hero-grid{grid-template-columns:1fr 1fr;min-height:600px}.hero-copy h1{font-size:50px}.hero-art>img{right:-110px;width:520px;max-width:none}
  .feature-grid{grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:1fr}.download-card,.guide-card{min-height:340px}.custom-grid{grid-template-columns:1fr 1fr}
}

/* Mobile */
@media(max-width:640px){
  :root{--radius:19px}.page-width,.announcement,.nav-shell{width:calc(100% - 22px)}body{background:#020817}.top-wrap{padding-top:max(7px,env(safe-area-inset-top))}.announcement{height:40px;margin-bottom:3px;padding:0 12px;border-radius:13px}.announcement b{font-size:11px}.announcement span{width:18px;height:18px}.nav-shell{height:67px;gap:8px}.brand-logo-only img{width:185px;max-width:54vw;max-height:55px}.nav-download{height:40px;padding:0 14px;border-radius:11px;font-size:11px}
  .hero-section{min-height:790px}.hero-grid{position:relative;display:block;min-height:790px;padding-top:0}.hero-stadium:before{width:520px;height:260px;right:-240px;top:38px}.hero-stadium:after{width:520px;right:-250px;top:73px}
  .hero-art{position:absolute;z-index:1;inset:0;min-height:790px;pointer-events:none}.hero-halo{width:390px;height:390px;right:-135px;top:63px}.hero-art>img{right:-116px;bottom:-5px;width:558px;height:700px;max-width:none;object-position:53% center;opacity:.97;mask-image:linear-gradient(to bottom,#000 0,#000 91%,transparent 100%);filter:saturate(1.12) contrast(1.04) drop-shadow(0 20px 38px rgba(0,68,200,.34))}.hero-section:after{height:170px}
  .hero-copy{position:relative;z-index:6;width:100%;max-width:425px;margin:0 auto;padding:195px 14px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-copy:before{content:"";position:absolute;z-index:-1;left:50%;top:164px;transform:translateX(-50%);width:min(410px,calc(100vw - 24px));height:345px;border-radius:28px;background:linear-gradient(180deg,rgba(1,10,29,.78),rgba(2,13,36,.55) 48%,rgba(2,13,36,.12) 78%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
  .hero-kicker{justify-content:center;margin:0 auto 15px;font-size:9.5px;line-height:1.3;letter-spacing:.1em;color:#b9e0ff;text-shadow:0 3px 12px rgba(0,0,0,.55)}.hero-kicker:before{width:28px}
  .hero-copy h1{width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:32px;line-height:1.08;letter-spacing:-.04em;text-align:center;text-shadow:0 2px 0 rgba(6,18,44,.86),0 10px 28px rgba(0,0,0,.82),0 0 19px rgba(35,128,255,.24)}.hero-title-line{width:100%}.hero-title-line-secondary{font-size:.91em;line-height:1.13;letter-spacing:-.03em}.hero-title-line i{margin:0 .16em}.hero-subline{justify-content:center;margin:16px auto 0;gap:7px;font-size:12px;line-height:1.4;letter-spacing:.035em;color:#e3efff;text-shadow:0 4px 14px rgba(0,0,0,.58)}.hero-subline svg{width:16px;height:16px}.hero-copy>p{max-width:333px;margin:12px auto 0;color:#c1d3ed;font-size:11px;line-height:1.78;text-shadow:0 5px 18px rgba(0,0,0,.75)}.hero-actions{width:100%;margin-top:23px;justify-content:center;gap:10px}.hero-actions .btn{height:51px;min-width:136px;padding:0 15px;border-radius:14px;font-size:13px}.hero-actions .btn svg{width:19px;height:19px}.spark-a{right:8%;top:34%}.spark-b{right:45%;bottom:24%}
  .compact-section{margin-top:-78px;padding-bottom:12px}.section-block{padding:31px 0 20px}.section-title{margin-bottom:18px}.section-title>span{margin-bottom:6px;font-size:8px}.section-title h2{font-size:25px}.section-title p{margin-top:6px;font-size:10px}
  .feature-grid{gap:9px}.feature-card{min-height:87px;padding:13px 11px;gap:10px;border-radius:15px}.feature-icon{width:41px;height:41px;flex-basis:41px;border-radius:12px}.feature-icon svg{width:24px;height:24px}.feature-text strong{font-size:13px}.feature-text small{margin-top:4px;font-size:9px}
  .newcomer-card{min-height:285px;grid-template-columns:.88fr 1.12fr;border-radius:20px}.newcomer-copy{padding:27px 4px 23px 22px}.new-tag{padding:5px 8px;font-size:8px}.newcomer-copy h3{margin:13px 0 4px;font-size:24px}.newcomer-copy p{font-size:12px}.newcomer-copy>strong{margin:9px 0 4px;font-size:42px}.newcomer-copy small{font-size:9px;line-height:1.45}.newcomer-copy>b{padding:9px 18px;font-size:11px}.newcomer-art{min-height:285px}.newcomer-art:before{font-size:38px}.newcomer-art img{object-position:53% center}
  .activity-grid{gap:10px}.activity-card{min-height:215px;grid-template-columns:1fr .9fr;border-radius:19px}.activity-copy{padding:21px 0 19px 18px}.activity-copy h3{font-size:20px}.activity-copy p{margin:7px 0;font-size:10px}.activity-copy strong{font-size:12px}.activity-copy b{padding:8px 13px;font-size:10px}.activity-art img{object-position:53% center}
  .download-grid{gap:11px}.download-card,.guide-card{min-height:0;border-radius:19px}.download-card{padding:13px}.download-card-main{min-height:205px;grid-template-columns:1.05fr .95fr}.download-copy{padding:15px 0 12px 10px}.download-copy>span{font-size:8px}.download-copy h3,.guide-head h3{margin:9px 0 5px;font-size:20px}.download-copy p,.guide-head p{font-size:10px;line-height:1.5}.download-primary{height:46px;min-width:130px;margin-top:20px;padding:0 13px;border-radius:12px;font-size:11px}.download-art img{right:0;width:100%}.service-copy-card{padding:12px;border-radius:14px}.service-copy-head strong{font-size:11px}.service-copy-head small{font-size:8px}.service-copy-row{gap:7px}.service-copy-row code,.copy-service-btn{height:42px}.service-copy-row code{padding:0 10px;font-size:10px}.copy-service-btn{padding:0 11px;font-size:10px}.download-security-note{margin-top:9px;font-size:8px}
  .guide-card{padding:21px 15px}.guide-head>div>span{font-size:8px}.guide-head>svg{width:35px;height:35px}.guide-steps{margin-top:23px;gap:4px}.guide-steps b{width:25px;height:25px;margin-bottom:7px;font-size:8px}.guide-steps i{width:42px;height:42px;margin-bottom:8px;border-radius:12px}.guide-steps i svg{width:20px;height:20px}.guide-steps strong{font-size:9px}.guide-steps small{margin-top:5px;font-size:7.5px;line-height:1.45}.guide-steps>em{font-size:17px}.guide-help{margin-top:18px;font-size:8px}
  .trust-section{padding:15px 0 18px}.trust-grid{grid-template-columns:1fr 1fr;border-radius:16px}.trust-grid>div{min-height:71px;padding:11px;justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(85,135,209,.14)}.trust-grid>div:nth-child(odd){border-right:1px solid rgba(85,135,209,.14)}.trust-grid>div:nth-last-child(-n+2){border-bottom:0}.trust-grid svg{width:23px;height:23px}.trust-grid strong{font-size:11px}.trust-grid small{font-size:8px}.cert-grid{grid-template-columns:1fr 1fr}.cert-grid>div{min-height:58px;padding-left:16px;justify-content:flex-start}.cert-grid svg{width:21px;height:21px}.cert-grid strong{font-size:10px}.cert-grid small{font-size:8px}.site-footer{padding-top:22px}.site-footer p{font-size:10px}.site-footer>div>small,.site-footer a{font-size:8px}
  .activity-detail-nav{width:calc(100% - 20px);height:68px;grid-template-columns:84px 1fr 84px}.activity-back{height:36px;padding:0 10px;font-size:10px}.activity-back span{display:none}.activity-detail-logo img{width:min(185px,48vw);max-height:47px}.activity-detail-spacer{width:84px}.activity-detail-main{width:calc(100% - 20px);padding:25px 0 38px}.activity-detail-title{margin-bottom:17px}.activity-detail-title h1{font-size:25px}.activity-detail-title p{font-size:10px}.activity-detail-image-shell{padding:6px;border-radius:16px}.activity-detail-image-shell img{border-radius:11px}.custom-grid{grid-template-columns:1fr}
}

@media(max-width:380px){
  .brand-logo-only img{width:168px}.nav-download{padding:0 12px}.hero-section,.hero-grid{min-height:765px}.hero-copy{padding-top:180px;max-width:360px}.hero-copy:before{top:151px;width:min(354px,calc(100vw - 22px));height:330px}.hero-copy h1{max-width:345px;font-size:29px}.hero-copy>p{max-width:312px;font-size:10.5px}.hero-actions .btn{min-width:127px;padding:0 12px;font-size:12px}.hero-art>img{right:-140px;width:540px;height:670px}.feature-card{padding:11px 9px}.newcomer-copy h3{font-size:22px}.newcomer-copy>strong{font-size:38px}.activity-copy{padding-left:14px}.activity-copy h3{font-size:18px}
}

/* 手机端标题清晰度最终校正 */
@media(max-width:640px){
  .hero-title-structured .hero-title-line-secondary{
    background:none!important;
    color:#d7ebff!important;
    -webkit-text-fill-color:#d7ebff!important;
    text-shadow:0 2px 0 rgba(4,16,40,.9),0 10px 26px rgba(0,0,0,.82),0 0 18px rgba(55,149,255,.28)!important;
  }
}

/* ==================== 2026-07-29 首屏返工：去玻璃罩 + 高级标题 ==================== */
@media(max-width:640px){
  .hero-section,
  .hero-grid{
    min-height:790px!important;
  }
  .hero-art{
    inset:0!important;
    min-height:790px!important;
  }
  .hero-art>img{
    right:-116px!important;
    bottom:-5px!important;
    width:558px!important;
    height:700px!important;
    object-position:53% center!important;
    opacity:.97!important;
  }
  .hero-copy:before{
    display:none!important;
    content:none!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:7!important;
    width:100%!important;
    max-width:410px!important;
    margin:0 auto!important;
    padding:224px 15px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  .hero-copy:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:195px;
    width:min(390px,calc(100vw - 34px));
    height:300px;
    transform:translateX(-50%);
    pointer-events:none;
    background:radial-gradient(ellipse at 50% 40%,rgba(0,8,24,.72) 0%,rgba(0,8,24,.45) 47%,rgba(0,8,24,0) 78%);
    filter:blur(2px);
  }
  .hero-kicker{
    margin:0 auto 14px!important;
    justify-content:center!important;
    color:#b8dcff!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
    text-shadow:0 4px 14px rgba(0,0,0,.72)!important;
  }
  .hero-kicker:before{
    width:28px!important;
    height:1px!important;
  }
  .hero-copy h1,
  .hero-title-structured{
    width:100%!important;
    max-width:382px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    font-family:"Arial Black","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
    font-size:34px!important;
    font-weight:900!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-shadow:none!important;
  }
  .hero-title-line{
    display:block!important;
    width:100%!important;
    white-space:nowrap!important;
  }
  .hero-title-line-primary{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 0 rgba(4,16,40,.92),0 9px 25px rgba(0,0,0,.78),0 0 17px rgba(63,151,255,.26)!important;
  }
  .hero-title-structured .hero-title-line-secondary{
    padding-bottom:3px!important;
    background:linear-gradient(180deg,#ffffff 0%,#e5f2ff 38%,#7bc8ff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    font-size:.88em!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:-.028em!important;
    text-shadow:none!important;
    filter:drop-shadow(0 2px 0 rgba(5,20,48,.9)) drop-shadow(0 9px 18px rgba(0,0,0,.62));
  }
  .hero-subline{
    margin:17px auto 0!important;
    justify-content:center!important;
    gap:7px!important;
    color:#e4f0ff!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.4!important;
    letter-spacing:.035em!important;
    text-shadow:0 4px 15px rgba(0,0,0,.72)!important;
  }
  .hero-copy>p{
    max-width:335px!important;
    margin:12px auto 0!important;
    color:#c3d5ee!important;
    font-size:11px!important;
    line-height:1.75!important;
    text-shadow:0 5px 18px rgba(0,0,0,.8)!important;
  }
  .hero-actions{
    width:100%!important;
    margin-top:23px!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    height:51px!important;
    min-width:136px!important;
    padding:0 15px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }
}

@media(max-width:380px){
  .hero-section,
  .hero-grid,
  .hero-art{
    min-height:765px!important;
  }
  .hero-copy{
    padding-top:210px!important;
    max-width:360px!important;
  }
  .hero-copy:after{
    top:183px!important;
    width:min(346px,calc(100vw - 28px))!important;
    height:288px!important;
  }
  .hero-copy h1,
  .hero-title-structured{
    max-width:348px!important;
    font-size:30px!important;
  }
  .hero-copy>p{
    max-width:310px!important;
    font-size:10.5px!important;
  }
  .hero-actions .btn{
    min-width:126px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  .hero-art>img{
    right:-140px!important;
    width:540px!important;
    height:670px!important;
  }
}


/* ==================== 2026-07-29 全站重做协调修正版 ==================== */
.activity-card{min-height:228px!important;grid-template-columns:1fr .97fr!important}
.activity-art{min-height:228px!important;background:radial-gradient(circle at 50% 58%,rgba(26,113,255,.28),transparent 68%)}
.activity-art img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:scale(1.02)}
.download-card,.guide-card{min-height:340px!important}
.download-card-main{min-height:218px!important;grid-template-columns:.96fr 1.04fr!important;align-items:stretch!important;gap:0!important}
.download-copy{padding:18px 0 18px 18px!important}
.download-art{min-height:218px!important;border-radius:18px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 60%,rgba(28,117,255,.22),transparent 65%),linear-gradient(145deg,rgba(7,29,66,.88),rgba(2,12,30,.95))}
.download-art:before{display:none!important}
.download-art img{position:absolute!important;inset:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:none!important}

@media(max-width:640px){
  .hero-section,.hero-grid,.hero-art{min-height:690px!important}
  .hero-section{margin-top:-2px!important}
  .hero-section:after{height:145px!important;background:linear-gradient(180deg,rgba(2,9,26,0) 0%,rgba(2,9,26,.18) 45%,var(--page-bg,#02091a) 100%)!important}
  .hero-stadium:before{top:20px!important;right:-210px!important;opacity:.72!important}
  .hero-stadium:after{top:48px!important;right:-228px!important;opacity:.14!important}
  .hero-copy:before,.hero-copy:after{display:none!important;content:none!important}
  .hero-copy{max-width:372px!important;padding:146px 18px 0!important}
  .hero-kicker{margin:0 auto 12px!important;font-size:9px!important;letter-spacing:.1em!important}
  .hero-copy h1,.hero-title-structured{max-width:338px!important;font-size:30px!important;line-height:1.12!important;gap:4px!important;letter-spacing:-.03em!important;text-shadow:0 2px 0 rgba(5,18,44,.78),0 8px 20px rgba(0,0,0,.65)!important}
  .hero-title-structured .hero-title-line:first-child{color:#fff!important;-webkit-text-fill-color:#fff!important}
  .hero-title-structured .hero-title-line-secondary{background:linear-gradient(180deg,#ffffff 0%,#dff0ff 42%,#7dc6ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:.9em!important;filter:none!important;text-shadow:none!important}
  .hero-copy>p{max-width:304px!important;margin-top:11px!important;font-size:11px!important;line-height:1.68!important}
  .hero-subline{margin-top:15px!important;font-size:12px!important}
  .hero-actions{margin-top:20px!important}
  .hero-actions .btn{height:49px!important;min-width:132px!important;padding:0 14px!important;font-size:13px!important}
  .hero-art{inset:0!important}
  .hero-art>img{right:-125px!important;bottom:-28px!important;width:542px!important;height:640px!important;object-position:53% center!important;opacity:.98!important}
  .compact-section{margin-top:-56px!important}
  .activity-card{min-height:196px!important;grid-template-columns:1.02fr .98fr!important;border-radius:18px!important}
  .activity-copy{padding:18px 0 16px 16px!important}
  .activity-copy h3{font-size:19px!important}
  .activity-copy p{font-size:10px!important}
  .activity-copy strong{font-size:12px!important}
  .activity-copy b{padding:8px 12px!important;font-size:10px!important}
  .activity-art,.download-art{min-height:196px!important}
  .download-card,.guide-card{border-radius:18px!important}
  .download-card{padding:12px!important}
  .download-card-main{min-height:196px!important;grid-template-columns:.92fr 1.08fr!important}
  .download-copy{padding:14px 0 10px 10px!important}
  .download-copy h3{font-size:20px!important;margin:8px 0 4px!important}
  .download-copy p{font-size:10px!important}
  .download-primary{height:44px!important;min-width:126px!important;margin-top:18px!important;font-size:11px!important}
}
@media(max-width:380px){
  .hero-section,.hero-grid,.hero-art{min-height:665px!important}
  .hero-copy{max-width:352px!important;padding-top:138px!important}
  .hero-copy h1,.hero-title-structured{max-width:322px!important;font-size:28px!important}
  .hero-copy>p{max-width:290px!important;font-size:10.5px!important}
  .hero-actions .btn{min-width:124px!important;font-size:12px!important}
  .hero-art>img{right:-135px!important;width:530px!important;height:620px!important}
}


/* ==================== 2026-07-29 紧凑修正 + 权限容错版 ==================== */
@media(max-width:640px){
  .hero-section,.hero-grid,.hero-art{min-height:620px!important}
  .hero-section{overflow:hidden!important}
  .hero-section:after{height:118px!important;background:linear-gradient(180deg,rgba(2,9,26,0) 0%,rgba(2,9,26,.24) 52%,var(--page-bg,#02091a) 100%)!important}
  .hero-grid{padding-top:0!important}
  .hero-copy{max-width:354px!important;padding:132px 14px 0!important}
  .hero-kicker{margin-bottom:10px!important}
  .hero-copy h1,.hero-title-structured{max-width:320px!important;font-size:28px!important;line-height:1.1!important;gap:3px!important}
  .hero-title-line-secondary{font-size:.92em!important}
  .hero-subline{margin-top:12px!important;font-size:11px!important}
  .hero-copy>p{max-width:286px!important;margin-top:10px!important;font-size:10px!important;line-height:1.58!important}
  .hero-actions{margin-top:16px!important;gap:9px!important}
  .hero-actions .btn{height:46px!important;min-width:124px!important;padding:0 12px!important;border-radius:13px!important;font-size:12px!important}
  .hero-actions .btn svg{width:17px!important;height:17px!important}
  .hero-art>img{right:-118px!important;bottom:-34px!important;width:500px!important;height:560px!important;object-position:53% center!important}
  .compact-section{margin-top:-38px!important}
  .section-block{padding-top:20px!important;padding-bottom:14px!important}
  .activity-card{min-height:182px!important}
  .activity-art,.download-art{min-height:182px!important}
  .download-card-main{min-height:182px!important}
  .download-card,.guide-card{min-height:0!important}
}
@media(max-width:380px){
  .hero-section,.hero-grid,.hero-art{min-height:595px!important}
  .hero-copy{max-width:338px!important;padding-top:126px!important}
  .hero-copy h1,.hero-title-structured{max-width:304px!important;font-size:26px!important}
  .hero-copy>p{max-width:274px!important;font-size:9.8px!important}
  .hero-actions .btn{min-width:118px!important;height:44px!important;font-size:11.5px!important}
  .hero-art>img{right:-126px!important;width:488px!important;height:548px!important}
}


/* ==================== 2026-07-29 手机端首屏位置微调：删除顶部空带，文字下移 ==================== */
@media(max-width:640px){
  .hero-section,.hero-grid,.hero-art{min-height:610px!important}
  .hero-section{margin-top:-8px!important}
  .hero-grid{padding-top:0!important}
  .hero-art{inset:0!important;min-height:610px!important}
  .hero-art>img{right:-118px!important;bottom:0!important;width:520px!important;height:610px!important;object-position:53% center!important}
  .hero-copy{max-width:354px!important;padding:166px 14px 0!important}
  .hero-kicker{margin-bottom:10px!important}
  .hero-copy h1,.hero-title-structured{max-width:318px!important;font-size:28px!important;line-height:1.1!important}
  .hero-subline{margin-top:13px!important}
  .hero-copy>p{max-width:284px!important;margin-top:10px!important;font-size:10px!important;line-height:1.58!important}
  .hero-actions{margin-top:17px!important}
  .compact-section{margin-top:-30px!important}
}
@media(max-width:380px){
  .hero-section,.hero-grid,.hero-art{min-height:585px!important}
  .hero-copy{max-width:336px!important;padding-top:152px!important}
  .hero-copy h1,.hero-title-structured{max-width:302px!important;font-size:26px!important}
  .hero-art>img{right:-122px!important;bottom:0!important;width:500px!important;height:585px!important}
}


/* ==================== 2026-07-29 实机验证最终协调版 ==================== */
.activity-art img,.download-art img{display:block!important}
@media(min-width:641px){
  .activity-art img{transform:scale(1.06)!important;object-position:center!important}
  .download-art img{transform:scale(1.12)!important;object-position:center!important}
}
@media(max-width:640px){
  .hero-section,.hero-grid,.hero-art{min-height:560px!important;height:560px!important}
  .hero-section{margin-top:-8px!important}
  .hero-grid{padding-top:0!important}
  .hero-art{inset:0!important}
  .hero-art>img{right:-104px!important;bottom:0!important;width:475px!important;height:560px!important;object-position:52% center!important;mask-image:none!important}
  .hero-section:after{height:92px!important;background:linear-gradient(180deg,transparent,var(--page-bg,#02091a))!important}
  .hero-copy{max-width:350px!important;padding:151px 14px 0!important}
  .hero-kicker{margin-bottom:9px!important;font-size:9px!important}
  .hero-copy h1,.hero-title-structured{max-width:316px!important;font-size:27px!important;line-height:1.09!important;gap:2px!important}
  .hero-title-structured .hero-title-line-secondary{font-size:.92em!important}
  .hero-subline{margin-top:11px!important;font-size:10.8px!important}
  .hero-copy>p{max-width:278px!important;margin-top:8px!important;font-size:9.8px!important;line-height:1.58!important}
  .hero-actions{margin-top:14px!important;gap:9px!important}
  .hero-actions .btn{height:44px!important;min-width:120px!important;padding:0 12px!important;border-radius:12px!important;font-size:11.8px!important}
  .compact-section{margin-top:-24px!important}
  .section-block{padding:19px 0 13px!important}

  .activity-grid{grid-template-columns:1fr!important;gap:11px!important}
  .activity-card{width:100%!important;min-height:184px!important;height:184px!important;grid-template-columns:52% 48%!important;border-radius:18px!important}
  .activity-copy{padding:20px 8px 18px 20px!important}
  .activity-copy h3{font-size:22px!important;white-space:nowrap!important}
  .activity-copy p{font-size:10.5px!important;line-height:1.45!important}
  .activity-copy strong{font-size:13px!important;white-space:nowrap!important}
  .activity-copy b{padding:8px 14px!important;font-size:10.5px!important}
  .activity-art{height:184px!important;min-height:184px!important}
  .activity-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.06)!important}

  .download-card{padding:11px!important}
  .download-card-main{height:190px!important;min-height:190px!important;grid-template-columns:52% 48%!important}
  .download-art{height:190px!important;min-height:190px!important;border-radius:16px!important}
  .download-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.12)!important}
  .download-copy{padding:14px 3px 10px 10px!important}
  .download-copy h3{font-size:19px!important}
  .download-copy p{font-size:10px!important}
  .download-primary{height:43px!important;min-width:122px!important;margin-top:17px!important;font-size:10.8px!important}
}
@media(max-width:380px){
  .hero-section,.hero-grid,.hero-art{min-height:535px!important;height:535px!important}
  .hero-copy{max-width:336px!important;padding-top:142px!important}
  .hero-copy h1,.hero-title-structured{max-width:300px!important;font-size:25px!important}
  .hero-art>img{right:-112px!important;width:460px!important;height:535px!important}
  .activity-card{height:178px!important;min-height:178px!important}
  .activity-art{height:178px!important;min-height:178px!important}
}


/* 2026-07-29 final visual polish */
.hero-section{overflow:hidden!important}
.hero-stadium img,.hero-art img{object-fit:cover!important;width:100%!important;height:100%!important}
@media(max-width:640px){
.hero-section{min-height:600px!important}
.hero-grid{min-height:600px!important}
.hero-art{position:absolute!important;inset:0!important}
.hero-art img{position:absolute!important;inset:0!important;object-fit:cover!important;object-position:52% center!important}
.hero-copy{position:relative!important;z-index:5!important;padding-top:150px!important}
.hero-copy h1{font-size:34px!important;line-height:1.12!important;letter-spacing:-.03em!important;text-shadow:0 8px 25px rgba(0,0,0,.65)!important}
.hero-copy p{line-height:1.7!important}
.hero-actions{margin-top:22px!important}
.activity-copy h3{font-size:24px!important}
.activity-copy p{font-size:13px!important}
.download-copy h3,.guide-head h3{font-size:27px!important}
.download-copy p,.guide-head p{font-size:12px!important}
}

/* ==================== 2026-07-29 首屏标题与按钮最终精修 ==================== */
@media (max-width:640px){
  .hero-copy{
    padding-top:158px !important;
  }
  .hero-copy h1,
  .hero-title-structured{
    max-width:334px !important;
    font-size:36px !important;
    font-weight:950 !important;
    line-height:1.08 !important;
    letter-spacing:-.042em !important;
    gap:4px !important;
    text-shadow:0 3px 0 rgba(4,14,38,.92),0 10px 24px rgba(0,0,0,.72),0 0 18px rgba(34,132,255,.18) !important;
  }
  .hero-title-structured .hero-title-line:first-child{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  .hero-title-structured .hero-title-line-secondary{
    background:linear-gradient(180deg,#ffffff 0%,#edf6ff 40%,#9ed6ff 72%,#62b3ff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:.92em !important;
    line-height:1.08 !important;
    text-shadow:none !important;
    filter:drop-shadow(0 2px 0 rgba(6,18,42,.88)) drop-shadow(0 10px 20px rgba(0,0,0,.48));
  }
  .hero-subline{
    margin-top:15px !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.03em !important;
    color:#f2f7ff !important;
    text-shadow:0 4px 14px rgba(0,0,0,.62) !important;
  }
  .hero-copy > p{
    max-width:298px !important;
    margin-top:11px !important;
    color:#d3e2f6 !important;
    font-size:11px !important;
    line-height:1.66 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.58) !important;
  }
  .hero-actions{
    margin-top:20px !important;
    gap:12px !important;
  }
  .hero-actions .btn{
    height:52px !important;
    min-width:144px !important;
    padding:0 16px !important;
    border-radius:15px !important;
    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
  }
  .hero-actions .btn svg{
    width:19px !important;
    height:19px !important;
  }
  .btn-primary{
    box-shadow:0 14px 30px rgba(22,103,255,.36), inset 0 1px 0 rgba(255,255,255,.24) !important;
  }
  .btn-outline{
    border-color:rgba(132,186,255,.4) !important;
    background:linear-gradient(180deg,rgba(10,27,60,.52),rgba(6,18,40,.44)) !important;
  }

  .section-title h2{font-size:28px !important;line-height:1.14 !important;letter-spacing:-.02em !important}
  .section-title p{font-size:12px !important;line-height:1.68 !important}
  .newcomer-copy h3{font-size:30px !important;line-height:1.06 !important}
  .newcomer-copy p{font-size:14px !important}
  .newcomer-copy > strong{font-size:50px !important;line-height:1 !important}
  .newcomer-copy small{font-size:12px !important}
  .newcomer-copy b{font-size:14px !important}

  .activity-copy h3{font-size:21px !important;line-height:1.12 !important}
  .activity-copy p{font-size:11px !important;line-height:1.45 !important}
  .activity-copy strong{font-size:13px !important;line-height:1.45 !important}
  .activity-copy b{font-size:11px !important;padding:8px 14px !important}

  .download-copy h3,.guide-head h3{font-size:22px !important;line-height:1.12 !important}
  .download-copy p,.guide-head p{font-size:11px !important;line-height:1.55 !important}
  .download-primary{height:46px !important;min-width:138px !important;padding:0 14px !important;font-size:12px !important;font-weight:800 !important}
  .service-copy-head strong{font-size:13px !important}
  .service-copy-head small{font-size:10px !important}
  .service-copy-row code{font-size:11px !important}
  .copy-service-btn{font-size:11px !important;font-weight:700 !important}
}

@media (max-width:380px){
  .hero-copy{padding-top:148px !important}
  .hero-copy h1,
  .hero-title-structured{max-width:310px !important;font-size:33px !important}
  .hero-subline{font-size:12px !important}
  .hero-copy > p{max-width:282px !important;font-size:10.5px !important}
  .hero-actions .btn{min-width:136px !important;height:50px !important;font-size:13px !important}
  .newcomer-copy h3{font-size:27px !important}
  .newcomer-copy > strong{font-size:46px !important}
  .section-title h2{font-size:26px !important}
}

/* ==================== Hero text readability redesign ==================== */
@media(max-width:640px){
.hero-copy{
 position:relative!important;
 z-index:8!important;
 padding-top:155px!important;
}
.hero-copy:before{
 content:"";
 position:absolute;
 z-index:-1;
 left:50%;
 top:112px;
 transform:translateX(-50%);
 width:350px;
 max-width:92vw;
 height:250px;
 border-radius:36px;
 background:linear-gradient(180deg,rgba(1,8,24,.72),rgba(1,8,24,.25),transparent);
 filter:blur(0);
 pointer-events:none;
}
.hero-copy h1,
.hero-title-structured{
 max-width:360px!important;
 font-size:38px!important;
 font-weight:1000!important;
 line-height:1.06!important;
 letter-spacing:-.045em!important;
 color:#fff!important;
 text-shadow:0 3px 0 rgba(0,0,0,.35),0 10px 30px rgba(0,0,0,.9),0 0 24px rgba(80,170,255,.35)!important;
}
.hero-title-structured .hero-title-line:first-child{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
.hero-title-structured .hero-title-line-secondary{
 font-size:.9em!important;
 background:linear-gradient(180deg,#fff 0%,#d8edff 45%,#62b5ff 100%)!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 filter:drop-shadow(0 6px 15px rgba(0,0,0,.75));
}
.hero-subline{
 margin-top:18px!important;
 font-size:13px!important;
 font-weight:800!important;
}
.hero-copy>p{
 max-width:310px!important;
 margin-top:13px!important;
 font-size:11.5px!important;
 color:#e0ebfa!important;
 text-shadow:0 3px 14px #000!important;
}
.hero-actions{
 margin-top:25px!important;
 gap:14px!important;
}
.hero-actions .btn{
 height:56px!important;
 min-width:152px!important;
 border-radius:16px!important;
 font-size:15px!important;
 font-weight:900!important;
}
.hero-actions .btn-primary{
 box-shadow:0 16px 35px rgba(0,100,255,.45),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
}
@media(max-width:380px){
.hero-copy h1,.hero-title-structured{font-size:34px!important;max-width:330px!important}
.hero-actions .btn{min-width:140px!important;height:52px!important}
}


/* 2026-07-29 newcomer typography polish */
@media(max-width:640px){
 .newcomer-copy{padding:30px 18px 28px 24px!important}
 .newcomer-copy h3{font-size:26px!important;line-height:1.1!important}
 .newcomer-copy p{font-size:13px!important}
 .newcomer-copy>strong{font-size:44px!important}
 .newcomer-copy small{font-size:11px!important}
 .newcomer-copy>b{padding:10px 22px!important;font-size:12px!important}
}


/* ==================== 2026-07-30 热门活动二级页面 ==================== */
.activity-detail-info{margin-top:18px;padding:24px;border:1px solid rgba(91,158,246,.28);border-radius:22px;background:linear-gradient(145deg,rgba(8,31,72,.96),rgba(3,14,34,.96));box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.activity-detail-info-head{display:flex;align-items:center;gap:13px}.activity-detail-info-head>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(104,177,255,.34);border-radius:14px;background:linear-gradient(145deg,rgba(40,135,255,.28),rgba(32,81,190,.16));color:#8fd5ff}.activity-detail-info-head svg{width:24px;height:24px}.activity-detail-info-head div{display:flex;flex-direction:column;gap:3px}.activity-detail-info-head small{color:#6fbfff;font-size:10px;letter-spacing:.11em}.activity-detail-info-head strong{font-size:19px}.activity-detail-reward{margin:18px 0 0;color:#fff;font-size:28px;font-weight:950;line-height:1.18;text-shadow:0 8px 26px rgba(25,104,255,.24)}.activity-detail-note{margin:16px 0 0;color:#91a8ca;font-size:12px;line-height:1.8}.activity-detail-action{width:100%;height:54px;margin-top:21px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(125,196,255,.48);border-radius:15px;background:linear-gradient(135deg,#2c9cff,var(--primary) 58%,#0a4bdb);box-shadow:0 14px 34px rgba(18,89,255,.34),inset 0 1px 0 rgba(255,255,255,.24);color:#fff;font-size:15px;font-weight:900}.activity-detail-action svg{width:20px;height:20px}.activity-detail-image-shell.is-cover-fallback img{max-height:620px;object-fit:contain}.activity-detail-link{cursor:pointer}
@media(max-width:640px){.activity-detail-info{margin-top:12px;padding:17px;border-radius:17px}.activity-detail-info-head>span{width:40px;height:40px;border-radius:12px}.activity-detail-info-head svg{width:21px;height:21px}.activity-detail-info-head small{font-size:9px}.activity-detail-info-head strong{font-size:16px}.activity-detail-reward{margin-top:14px;font-size:23px}.activity-detail-note{font-size:11px}.activity-detail-action{height:49px;margin-top:16px;border-radius:13px;font-size:13px}.activity-detail-image-shell.is-cover-fallback img{max-height:440px}}


/* 2026-07-30 活动领取按钮跳转客服引导 */
#customer-service{scroll-margin-top:22px;outline:none}
#customer-service:target{animation:customerServiceFocus 1.7s ease both}
@keyframes customerServiceFocus{
  0%{border-color:rgba(93,215,255,.2);box-shadow:0 0 0 0 rgba(41,145,255,0)}
  28%{border-color:rgba(105,202,255,.88);box-shadow:0 0 0 5px rgba(41,145,255,.18),0 18px 46px rgba(13,93,230,.28)}
  100%{border-color:rgba(94,155,237,.24);box-shadow:none}
}
@media(max-width:640px){#customer-service{scroll-margin-top:12px}}


/* ==================== 2026-07-30 手机首屏背景四边羽化过渡 ====================
   目标：保留文字清晰度，让主背景图四周自然融入页面底色，
   不再出现板板正正的四条边框/直线。
*/
@media (max-width:640px){
  .hero-section{
    background:var(--page-bg,#020817)!important;
    overflow:hidden!important;
  }

  .hero-grid{
    overflow:visible!important;
  }

  .hero-art{
    inset:-10px -18px -28px -18px!important;
    min-height:calc(100% + 38px)!important;
    overflow:hidden!important;
    background:var(--page-bg,#020817)!important;
  }

  .hero-art > img,
  .hero-art img,
  .hero-art .hero-desktop-image,
  .hero-art .hero-fallback{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:56% center!important;
    opacity:1!important;
    filter:saturate(1.05) contrast(1.02) brightness(.92) drop-shadow(0 10px 18px rgba(0,68,200,.14))!important;

    /* 核心：椭圆羽化，不是直线裁切 */
    -webkit-mask-image:radial-gradient(ellipse 78% 88% at 54% 50%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.88) 66%,
      rgba(0,0,0,.52) 80%,
      rgba(0,0,0,.16) 91%,
      transparent 100%
    )!important;
    mask-image:radial-gradient(ellipse 78% 88% at 54% 50%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.88) 66%,
      rgba(0,0,0,.52) 80%,
      rgba(0,0,0,.16) 91%,
      transparent 100%
    )!important;
  }

  /* 四周再加一层柔和压暗融合，防止左右/上下出现硬边 */
  .hero-art::before{
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    inset:-2px!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse 66% 62% at 53% 48%,
        transparent 0%,
        transparent 56%,
        rgba(2,8,22,.18) 72%,
        rgba(2,8,22,.54) 88%,
        var(--page-bg,#020817) 100%
      ),
      linear-gradient(90deg,
        var(--page-bg,#020817) 0%,
        rgba(2,8,22,.74) 4%,
        rgba(2,8,22,0) 17%,
        rgba(2,8,22,0) 83%,
        rgba(2,8,22,.74) 96%,
        var(--page-bg,#020817) 100%
      ),
      linear-gradient(180deg,
        var(--page-bg,#020817) 0%,
        rgba(2,8,22,.54) 6%,
        rgba(2,8,22,0) 18%,
        rgba(2,8,22,0) 80%,
        rgba(2,8,22,.70) 94%,
        var(--page-bg,#020817) 100%
      )!important;
  }

  /* 去掉标题保护层的“矩形感”，改成中间柔光，不出现四条边 */
  .hero-copy::before{
    left:50%!important;
    top:160px!important;
    transform:translateX(-50%)!important;
    width:min(390px,calc(100vw - 28px))!important;
    height:315px!important;
    border-radius:50% / 44%!important;
    background:radial-gradient(ellipse at 50% 45%,
      rgba(0,8,24,.70) 0%,
      rgba(0,8,24,.46) 42%,
      rgba(0,8,24,.18) 66%,
      rgba(0,8,24,0) 100%
    )!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:blur(.45px)!important;
  }

  /* 保险：覆盖旧版本里残留的第二层强模糊 */
  .hero-copy::after{
    filter:blur(.35px)!important;
  }
}

@media (max-width:380px){
  .hero-art{
    inset:-8px -16px -24px -16px!important;
  }
  .hero-copy::before{
    top:148px!important;
    height:300px!important;
    width:min(356px,calc(100vw - 24px))!important;
  }
}


/* ==================== 2026-07-30 iOS 背景图显示修复 ====================
   iPhone Safari 上 radial mask 可能导致图片层变透明。
   这里强制取消 mask，改用渐变覆盖层实现四边慢慢过渡。
*/
@media (max-width:640px){
  .hero-art{
    inset:0!important;
    overflow:hidden!important;
    background:var(--page-bg,#020817)!important;
  }

  .hero-art > img,
  .hero-art img,
  .hero-art .hero-desktop-image,
  .hero-art .hero-fallback{
    -webkit-mask-image:none!important;
    mask-image:none!important;
    -webkit-mask:none!important;
    mask:none!important;
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:56% center!important;
    filter:saturate(1.05) contrast(1.02) brightness(.90)!important;
  }

  /* 只用覆盖层做羽化：iOS 稳定，不会隐藏原图 */
  .hero-art::before{
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse 76% 82% at 54% 50%,
        rgba(2,8,22,0) 0%,
        rgba(2,8,22,0) 54%,
        rgba(2,8,22,.20) 70%,
        rgba(2,8,22,.54) 86%,
        var(--page-bg,#020817) 100%
      ),
      linear-gradient(90deg,
        var(--page-bg,#020817) 0%,
        rgba(2,8,22,.72) 5%,
        rgba(2,8,22,0) 19%,
        rgba(2,8,22,0) 81%,
        rgba(2,8,22,.72) 95%,
        var(--page-bg,#020817) 100%
      ),
      linear-gradient(180deg,
        var(--page-bg,#020817) 0%,
        rgba(2,8,22,.45) 7%,
        rgba(2,8,22,0) 20%,
        rgba(2,8,22,0) 78%,
        rgba(2,8,22,.66) 93%,
        var(--page-bg,#020817) 100%
      )!important;
  }

  .hero-copy{
    z-index:6!important;
  }

  .hero-copy::before{
    border-radius:50% / 45%!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:radial-gradient(ellipse at 50% 45%,
      rgba(0,8,24,.68) 0%,
      rgba(0,8,24,.42) 43%,
      rgba(0,8,24,.14) 66%,
      rgba(0,8,24,0) 100%
    )!important;
    filter:blur(.35px)!important;
  }
}


/* ==================== 2026-07-30 电脑端新人卡片图片比例修复 ====================
   问题：电脑端新人活动卡片过宽，右侧活动图被强行铺满横幅，导致看起来变形。
   处理：电脑端限制卡片最大宽度，右侧图片保持原比例 contain 显示；手机端不动。
*/
@media (min-width:641px){
  .newcomer-card{
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-height:360px!important;
    grid-template-columns:360px minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  .newcomer-copy{
    padding:58px 30px 54px 56px!important;
    position:relative!important;
    z-index:3!important;
  }

  .newcomer-art{
    min-height:360px!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px 36px 0 10px!important;
  }

  .newcomer-art img{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:100%!important;
    max-width:610px!important;
    max-height:340px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
  }

  .newcomer-art::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:160px!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(8,31,76,.98),rgba(8,31,76,.50) 45%,rgba(8,31,76,0))!important;
  }

  .newcomer-art img{
    z-index:2!important;
  }
}


/* ==================== 2026-07-30 卡片电脑端独立图片 ====================
   后台卡片新增“电脑端展示图”后，前台用 picture 自动切换：
   电脑端使用 desktop_image，手机端使用默认 image。
*/
.newcomer-art picture,
.activity-art picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.newcomer-art picture img,
.activity-art picture img{
  width:100%;
  height:100%;
  display:block;
}
@media (min-width:641px){
  .newcomer-art picture{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .newcomer-art picture img{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    max-width:610px!important;
    max-height:340px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
}
@media (max-width:640px){
  .newcomer-art picture,
  .activity-art picture{
    position:absolute!important;
    inset:0!important;
  }
  .newcomer-art picture img,
  .activity-art picture img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}