/* VOnet V9.5 — dedicated Help page. All selectors scoped to help; does not change existing pages. */
body.page-help{background:#020916;color:#eef8ff}
body.page-help main{min-height:calc(100svh - 130px);position:relative;overflow:hidden}
body.page-help .help-stage{min-height:calc(100svh - 130px);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:clamp(22px,3vh,42px) 0 18px;background:radial-gradient(ellipse at 75% 45%,#0b4f8a59,transparent 52%),#020916}
body.page-help .help-world{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#020916f0 0%,#020916ba 36%,#030d1a83 74%,#020916b9 100%),url('world-network.png');background-size:cover,135% auto;background-position:center,center 38%;background-repeat:no-repeat;opacity:.95}
body.page-help .help-stars{position:absolute;inset:0;background:linear-gradient(0deg,#020916 0%,transparent 36%,#02091622 60%,#02091688 100%)}
body.page-help .help-container{position:relative;width:min(1460px,calc(100% - 92px));margin:auto}
body.page-help .help-grid{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:clamp(22px,3vw,50px);align-items:center}
body.page-help .help-intro-panel{min-width:0;padding:0 0 14px}
body.page-help .help-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.11em;font-weight:780;padding:9px 13px;border-radius:10px;color:#b8eaff;background:#061c37d9;border:1px solid #28b8eb81;box-shadow:0 0 20px #009deb23}
body.page-help .help-live-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#63ead3;box-shadow:0 0 12px #40ffe5aa}
body.page-help .help-intro-panel h1{font-size:clamp(43px,4.5vw,73px);line-height:1.02;font-weight:800;letter-spacing:-.045em;margin:22px 0 19px}
body.page-help .help-intro-panel h1 span,body.page-help .help-intro-panel h1 strong{display:block}
body.page-help .help-intro-panel h1 strong{color:#34c7ff;background:linear-gradient(90deg,#1bbcff,#89ecff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:830}
body.page-help .help-lead{font-size:clamp(14px,1.28vw,18px);line-height:1.65;color:#c9dfec;max-width:460px;margin:0 0 28px}
body.page-help .help-search-shell{display:flex;align-items:center;gap:13px;height:55px;max-width:492px;background:#0a2443de;border:1px solid #358dbab8;border-radius:13px;box-shadow:0 0 27px #009bff12;padding:0 14px;transition:box-shadow .2s,border-color .2s;cursor:text}
body.page-help .help-search-shell:focus-within{border-color:#3acfff;box-shadow:0 0 0 3px #19beff23,0 0 30px #009bff26}
body.page-help .help-search-shell svg{height:20px;width:20px;stroke:#6addff;fill:none;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
body.page-help .help-search-shell input{outline:0;background:transparent;border:none;min-width:0;width:100%;flex:1;color:#fff;font:inherit;font-size:14px}
body.page-help .help-search-shell input::placeholder{color:#96bdd9}
body.page-help .help-search-shell kbd{font-family:inherit;color:#a3c5db;border:1px solid #4681a9a1;border-radius:5px;padding:2px 8px;font-size:11px}
body.page-help .help-search-hint{font-size:12px;color:#94b6cb;margin:9px 0 22px}
body.page-help .help-shortcuts{display:flex;flex-wrap:wrap;gap:9px}
body.page-help .help-shortcut{color:#eaf8ff;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:660;padding:11px 12px;background:#092446bd;border:1px solid #2d7ead87;border-radius:11px;transition:transform .18s,background .18s}
body.page-help .help-shortcut:hover{transform:translateY(-3px);background:#10507a}
body.page-help .help-shortcut-icon{color:#39caff;font-size:19px;line-height:1}
body.page-help .help-shortcut>span:last-child{color:#4dd3ff}
body.page-help .help-contact-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:#a9cada;margin-top:30px}
body.page-help .help-contact-line a{color:#6cddff;text-decoration:underline;text-underline-offset:4px}
body.page-help .help-faq-card{min-width:0;border:1px solid #3cabe085;border-radius:22px;padding:clamp(18px,2.15vw,31px);background:linear-gradient(140deg,#0b3156e6,#06152ff5);box-shadow:0 20px 75px #0009,inset 0 1px 0 #b3f4ff22,0 0 50px #008cf922;backdrop-filter:blur(11px)}
body.page-help .help-faq-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 3px 13px;border-bottom:1px solid #3a88b961}
body.page-help .help-faq-overline{color:#58d6ff;font-size:10px;font-weight:780;letter-spacing:.1em}
body.page-help .help-faq-head h2{font-size:clamp(18px,1.6vw,23px);margin:7px 0 0;font-weight:800}
body.page-help .help-faq-count{border:1px solid #3b8ab288;border-radius:9px;padding:8px 9px;color:#93dffb;font-size:14px;font-weight:700}
body.page-help .help-faq-items{display:flex;flex-direction:column;gap:7px;padding-top:12px}
body.page-help .help-question{background:#0a2546b5;border:1px solid #2e749f71;border-radius:11px;overflow:hidden;transition:background .2s,border-color .2s}
body.page-help .help-question[open]{border-color:#27c2f49e;background:#0b3152db}
body.page-help .help-question[hidden]{display:none!important}
body.page-help .help-question summary{min-height:46px;padding:11px 14px;display:flex;align-items:center;gap:12px;justify-content:space-between;list-style:none;color:#eef8ff;font-size:clamp(12px,1.05vw,14px);font-weight:670;cursor:pointer}
body.page-help .help-question summary::-webkit-details-marker{display:none}
body.page-help .help-question summary:focus-visible{outline:2px solid #70edff;outline-offset:-3px}
body.page-help .faq-toggle{position:relative;width:24px;height:24px;flex-shrink:0;background:#123f65;border:1px solid #398fc0;border-radius:50%}
body.page-help .faq-toggle:after,body.page-help .faq-toggle:before{content:'';position:absolute;left:6px;top:10px;height:2px;width:10px;background:#68dfff;border-radius:2px}
body.page-help .faq-toggle:after{transform:rotate(90deg);transition:transform .2s}
body.page-help .help-question[open] .faq-toggle:after{transform:rotate(0deg)}
body.page-help .help-answer{padding:0 14px 13px;color:#c4def0;font-size:12px;line-height:1.55}
body.page-help .help-answer p{margin:0 0 7px}
body.page-help .help-answer a{display:inline-flex;align-items:center;color:#61dbfa;text-decoration:underline;text-underline-offset:3px;font-weight:680}
body.page-help .help-empty{padding:24px 10px;color:#a8d1e9;font-size:13px}
body.page-help .help-empty[hidden]{display:none}
body.page-help .help-faq-bottom{padding:15px 4px 0;margin-top:10px;border-top:1px solid #367da17a;display:flex;align-items:center;gap:8px;font-size:12px;color:#aac9df;flex-wrap:wrap}
body.page-help .help-faq-bottom b{color:#55d8ff}
body.page-help .help-faq-bottom>span:last-child{color:#59dbff}
body.page-help .help-bottom-row{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.5vw,30px);margin:clamp(18px,3vh,35px) auto 0;padding:13px 22px;background:#061d3bc7;border:1px solid #2389ba73;border-radius:15px;max-width:970px}
body.page-help .help-bottom-item{display:flex;align-items:center;gap:9px;font-weight:680;font-size:12px;color:#d5f2ff}
body.page-help .help-bottom-num{font-size:10px;font-weight:830;color:#36ceff;border:1px solid #267caa;border-radius:8px;padding:6px}
body.page-help .help-flow-line{height:1px;width:clamp(20px,6vw,110px);background:linear-gradient(90deg,#21a5d8,#3be4d1);position:relative}
body.page-help .help-flow-line i{height:6px;width:6px;display:block;position:absolute;top:-2.5px;left:0;border-radius:50%;background:#68ffe1;box-shadow:0 0 9px #66ffed;animation:help-travel 3.1s linear infinite}
@keyframes help-travel{to{left:100%}}
@media(max-height:850px) and (min-width:1051px){body.page-help .help-stage{padding:10px 0 7px}body.page-help .help-intro-panel h1{margin:14px 0}body.page-help .help-lead{margin-bottom:17px}body.page-help .help-question summary{min-height:39px;padding:8px 12px}body.page-help .help-answer{padding:0 12px 10px}body.page-help .help-faq-items{gap:5px}body.page-help .help-faq-head{padding-bottom:8px}body.page-help .help-bottom-row{margin-top:10px}body.page-help .help-contact-line{margin-top:17px}}
@media(max-width:1050px){body.page-help .help-container{width:calc(100% - 40px)}body.page-help .help-grid{grid-template-columns:1fr;gap:24px;padding:12px 0}body.page-help .help-intro-panel{padding-bottom:0}body.page-help .help-intro-panel h1{font-size:clamp(38px,6vw,55px)}body.page-help .help-lead{max-width:680px}body.page-help .help-search-shell{max-width:none}body.page-help .help-world{background-size:cover,220% auto}}
@media(max-width:600px){body.page-help .help-stage{padding:20px 0}body.page-help .help-container{width:calc(100% - 28px)}body.page-help .help-grid{gap:19px}body.page-help .help-intro-panel h1{font-size:clamp(35px,9.5vw,50px);margin:16px 0 12px}body.page-help .help-lead{font-size:13px;margin-bottom:18px}body.page-help .help-search-shell{height:49px}body.page-help .help-shortcut{font-size:11px;padding:9px 10px}body.page-help .help-contact-line{margin-top:16px}body.page-help .help-faq-card{padding:16px 12px;border-radius:15px}body.page-help .help-question summary{min-height:46px;font-size:12px;padding:12px}body.page-help .help-faq-head h2{font-size:20px}body.page-help .help-bottom-row{gap:7px;padding:12px 7px}body.page-help .help-flow-line{width:18px}body.page-help .help-bottom-item{gap:4px;font-size:10px}body.page-help .help-bottom-num{padding:4px;font-size:9px}body.page-help .help-world{background-size:cover,370% auto;background-position:center,56% top}}
@media(prefers-reduced-motion:reduce){body.page-help .help-flow-line i{animation:none;left:50%}body.page-help .help-shortcut{transition:none}}