:root{
  color-scheme:dark;
  --bg:#080e1b; --panel:#101a2c; --panel2:#0c1525; --line:rgba(151,176,215,.14);
  --txt:#edf4ff; --muted:#91a2bf; --accent:#78b8ff; --accent2:#80e3b0;
  --surface:rgba(17,27,46,.78); --shadow:0 18px 55px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:82px;background:var(--bg)}
body{margin:0;min-height:100vh;background:transparent;color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",Roboto,Helvetica,Arial,sans-serif;line-height:1.7;overflow-x:hidden;isolation:isolate}
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0}
body::before{background:radial-gradient(ellipse at 76% 4%,rgba(55,113,202,.22),transparent 37%),radial-gradient(ellipse at 24% 40%,rgba(37,91,129,.13),transparent 38%),linear-gradient(145deg,#080e1b 0%,#0a1322 55%,#080e19 100%)}
body::after{inset:-24%;opacity:.55;background:radial-gradient(circle at 18% 30%,rgba(67,145,218,.16),transparent 20%),radial-gradient(circle at 76% 58%,rgba(52,178,150,.11),transparent 24%);filter:blur(40px);animation:ambient-drift 26s ease-in-out infinite alternate}
@keyframes ambient-drift{from{transform:translate3d(-2%,1%,0) scale(.98)}to{transform:translate3d(2%,-1%,0) scale(1.04)}}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;color:#b4d9ff}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(8,14,27,.78);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:700;color:var(--txt);font-size:17px;letter-spacing:.2px}
.nav nav a{color:var(--muted);margin-left:18px;font-size:14px}
.nav nav a:hover{color:var(--accent);text-decoration:none}
.hero{padding:82px 24px 60px;text-align:center;position:relative;isolation:isolate;border:1px solid rgba(141,175,222,.13);border-radius:28px;background:linear-gradient(140deg,rgba(19,34,56,.8),rgba(10,18,31,.46));box-shadow:var(--shadow);overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% -15%,rgba(66,139,226,.22),transparent 62%)}
.badge{display:inline-block;padding:5px 14px;border:1px solid rgba(128,227,176,.23);border-radius:999px;color:var(--accent2);font-size:13px;background:rgba(18,47,49,.42)}
h1{font-size:clamp(30px,5vw,48px);margin:18px 0 12px;line-height:1.2;letter-spacing:-.035em}
.sub{color:var(--muted);max-width:760px;margin:0 auto;font-size:16px}
.tool-row{margin-top:34px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:10px;flex-wrap:wrap;text-align:left;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.tool-row input[type=text]{flex:1 1 340px;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--txt);font-size:15px;outline:none}
.tool-row input[type=text]::placeholder{color:#5f7194}
.tool-row input[type=text]:focus{border-color:var(--accent)}
.tool-row input.pwd{flex:0 1 190px}
.tool-row button{background:var(--accent);border:0;border-radius:10px;padding:14px 26px;color:#04101f;font-weight:700;font-size:15px;cursor:pointer}
.tool-row button:hover{filter:brightness(1.08)}
.tool-row button:disabled{opacity:.6;cursor:not-allowed}
.buybox{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;max-width:680px;text-align:left;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.hero .buybox{margin:18px auto 0}
.buy-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.buy-head strong{color:var(--txt);font-size:15px}
.buy-badge{display:inline-block;padding:3px 10px;border:1px solid rgba(255,184,77,.5);background:rgba(255,184,77,.1);color:#ffb84d;border-radius:999px;font-size:12px}
.buy-sub{margin:10px 0 4px;color:var(--muted);font-size:14px}
.buy-list{margin:0;padding-left:1.4em;color:var(--txt);font-size:14px}
.buy-list li{margin:5px 0}
.buy-list a{color:var(--accent)}
.buyrow{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:9px}
.buybtn{display:inline-block;background:var(--accent2);color:#071811;padding:11px 22px;border-radius:10px;font-weight:700;font-size:15px;box-shadow:0 7px 20px rgba(76,214,151,.16)}
.buybtn:hover{filter:brightness(1.07)}
.hint{color:#5f7194;font-size:13px;margin-top:10px}
.dlrow{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.dlbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:17px 30px;border-radius:14px;font-size:17px;font-weight:700;text-decoration:none;color:#fff;min-width:230px;transition:transform .12s,filter .12s}
.dlbtn:hover{transform:translateY(-2px);filter:brightness(1.08);text-decoration:none}
.dlbtn small{font-weight:400;font-size:12px;opacity:.85}
.dl-win{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 18px rgba(59,130,246,.35)}
.dl-android{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 18px rgba(34,197,94,.35)}

section{padding:54px 0}
.sec-title{font-size:24px;margin:0 0 6px}
.sec-desc{color:var(--muted);margin:0 0 26px;font-size:15px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:linear-gradient(145deg,rgba(18,29,48,.86),rgba(13,22,37,.78));border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 10px 30px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.card:hover{transform:translateY(-3px);border-color:rgba(120,184,255,.34);background:linear-gradient(145deg,rgba(22,37,61,.94),rgba(14,25,42,.9))}
.card h3{margin:0 0 8px;font-size:17px}
.card h3 a{color:var(--txt)}
.card h3 a:hover{color:var(--accent)}
.card p{margin:0;color:var(--muted);font-size:14px}
.tag{display:inline-block;background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:3px 9px;font-size:12px;margin:6px 6px 0 0}
.notice{margin:20px 0 0;background:rgba(255,184,77,.08);border:1px solid rgba(255,184,77,.5);border-left:4px solid #ffb84d;border-radius:12px;padding:14px 18px;font-size:15px;color:#ffdba3;max-width:860px}
.notice strong{color:#ffb84d}
.tag-notice{display:inline-block;background:rgba(255,184,77,.1);border:1px solid rgba(255,184,77,.5);color:#ffcc80;border-radius:8px;padding:3px 9px;font-size:12px;margin:6px 6px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14px;color:var(--txt)}
.chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.faq{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:6px 20px;max-width:860px;box-shadow:0 12px 34px rgba(0,0,0,.13)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"＋ ";color:var(--accent)}
.faq details[open] summary::before{content:"－ "}
.faq p{color:var(--muted);font-size:14px;margin:10px 0 0}
.placeholder{border:1px dashed var(--line);border-radius:14px;padding:34px;text-align:center;color:#5f7194;background:var(--panel2)}
#failover-banner{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:99;background:#111a2e;border:1px solid #1e2b45;color:#e6edf7;padding:8px 16px;border-radius:999px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.45);max-width:92vw;text-align:center}
#failover-banner a{color:#7ee0a3;margin-left:6px}
footer{border-top:1px solid var(--line);padding:30px 0 46px;color:var(--muted);font-size:14px;text-align:center;background:rgba(7,12,22,.35)}
.crumb{padding:22px 0 0;color:var(--muted);font-size:13px}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--accent)}
.crumb span{color:#5f7194;margin:0 6px}
.artitle{font-size:clamp(24px,4vw,34px);margin:14px 0 10px;line-height:1.3}
.lead{color:var(--muted);font-size:16px;max-width:860px}
.lead strong{color:var(--txt)}
.uline{padding-left:1.2em;color:var(--muted);font-size:15px;max-width:860px}
.uline li{margin:6px 0}
.rel{display:flex;flex-wrap:wrap;gap:10px}
.rel a{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 16px;color:var(--txt);font-size:14px}
.rel a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
html.site-ui-ready body{padding-left:252px}
body.site-sidebar-open{overflow:hidden}
.site-sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:252px;padding:22px 15px 18px;background:linear-gradient(180deg,rgba(12,21,36,.97),rgba(8,14,25,.98));border-right:1px solid rgba(151,176,215,.16);box-shadow:12px 0 42px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow-y:auto;backdrop-filter:blur(18px)}
.site-side-brand{display:flex;align-items:center;gap:11px;padding:7px 8px 22px;color:var(--txt);text-decoration:none;border-bottom:1px solid var(--line)}
.site-side-brand:hover{color:var(--txt);text-decoration:none}
.site-side-brand img{border-radius:12px;box-shadow:0 5px 18px rgba(58,130,220,.22)}
.site-side-brand strong,.site-side-brand small{display:block;line-height:1.35}
.site-side-brand strong{font-size:14px;letter-spacing:.01em}
.site-side-brand small{margin-top:3px;color:var(--muted);font-size:12px}
.site-side-caption{display:block;padding:21px 10px 9px;color:#7386a5;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.site-side-links{list-style:none;margin:0;padding:0}
.site-side-links li{margin:3px 0}
.site-side-links a{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid transparent;border-radius:10px;color:#b9c7dc;font-size:14px;transition:background .16s ease,border-color .16s ease,color .16s ease}
.site-side-links a:hover,.site-side-links a.is-current{background:rgba(83,144,220,.12);border-color:rgba(120,184,255,.13);color:#e6f2ff;text-decoration:none}
.site-side-icon{width:21px;height:21px;flex:0 0 21px;color:var(--accent)}
.site-side-icon svg{display:block;width:20px;height:20px}
.site-side-downloads{margin-top:18px;padding:0 7px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site-side-downloads .site-side-caption{padding:18px 4px 8px}
.site-side-downloads a{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;border-radius:9px;color:#bbc9df;font-size:13px}
.site-side-downloads a:hover{background:rgba(128,227,176,.09);color:var(--accent2);text-decoration:none}
.site-side-downloads a span{color:var(--accent2);font-size:16px}
.site-side-note{margin-top:auto;padding:16px 8px 2px;color:#7386a5;font-size:11px;line-height:1.5}
.site-side-toggle,.site-side-backdrop{display:none}
.site-ui-ready header{top:0}
.site-ui-ready .nav{min-height:60px}
.site-ui-ready .wrap{max-width:1120px}
.site-ui-ready .tool-page{padding-top:32px}
.site-ui-ready .filebox{box-shadow:var(--shadow)}
.site-ui-ready table.files th{background:rgba(24,38,61,.92)}
.site-ui-ready .placeholder{background:var(--surface);border-color:rgba(151,176,215,.2)}
@media(max-width:1100px){
  html.site-ui-ready body{padding-left:220px}
  .site-sidebar{width:220px}
  .site-ui-ready .wrap{padding-left:22px;padding-right:22px}
  .nav nav{display:none}
}
@media(max-width:900px){
  html.site-ui-ready body{padding-left:0}
  .site-sidebar{width:min(300px,86vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.42)}
  body.site-sidebar-open .site-sidebar{transform:translateX(0)}
  .site-side-toggle{display:flex;position:fixed;z-index:42;left:14px;top:12px;width:42px;height:42px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(12,21,36,.9);color:var(--txt);flex-direction:column;justify-content:center;gap:5px;box-shadow:0 8px 25px rgba(0,0,0,.24);cursor:pointer}
  .site-side-toggle span{display:block;width:18px;height:2px;background:#dbe9ff;border-radius:2px}
  .site-side-backdrop{display:block;position:fixed;z-index:29;inset:0;border:0;background:rgba(2,7,15,.62);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  body.site-sidebar-open .site-side-backdrop{opacity:1;visibility:visible}
  .site-ui-ready header .nav{padding-left:53px}
}
@media(max-width:640px){
  .nav nav{display:none}
  .hero{padding:48px 18px 34px;border-radius:20px}
  .wrap{padding-left:16px;padding-right:16px}
  .site-ui-ready .wrap{padding-left:16px;padding-right:16px}
  .sub{font-size:15px}
  section{padding:40px 0}
  .card{padding:18px}
  .tool{flex-direction:column}
  .tool button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}