*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(180deg,#f2f7ff 0%,#fff 42%,#eef7ff 100%);color:#14233f}.page{width:100%;max-width:430px;margin:0 auto;padding:14px 10px 22px}.hero-card{background:#fff;border:1px solid #dce9ff;border-radius:24px;padding:22px 18px;box-shadow:0 12px 32px rgba(22,95,210,.10)}.badge{display:inline-flex;padding:7px 14px;border-radius:999px;background:#edf5ff;color:#0062ff;font-size:13px;font-weight:900}.hero-card h1{margin:18px 0 0;font-size:34px;line-height:1.15;font-weight:950;letter-spacing:-.5px;color:#050b18}.hero-card h1 span{color:#075fff}.hero-card p{margin:14px 0 0;font-size:15px;line-height:1.7;color:#465773}.hero-card b{color:#005fff}.actions,.bottom-actions{display:flex;gap:12px;margin-top:18px}.btn{height:50px;border:0;border-radius:15px;font-size:16px;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.actions .btn{flex:1}.primary{background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;box-shadow:0 8px 18px rgba(0,91,255,.22)}.ghost{background:#eef4ff;color:#005bff}.url-box{margin-top:14px;border:1px dashed #aecaee;background:#f8fbff;border-radius:14px;min-height:46px;display:flex;align-items:center;justify-content:center;color:#075fff;font-weight:900}.brand-section,.offline-section{margin-top:24px}.section-title{margin-bottom:14px}.section-title h2{margin:0;color:#050b18;font-size:23px;line-height:1.2;font-weight:950}.section-title p{margin:7px 0 0;color:#71809c;font-size:14px}.tabs{display:flex;gap:9px;overflow-x:auto;padding:0 0 7px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;border:1px solid #d4e4ff;background:#fff;color:#526987;border-radius:999px;height:43px;padding:0 17px;font-size:14px;font-weight:900;white-space:nowrap}.tab.active{background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;border-color:transparent;box-shadow:0 7px 16px rgba(0,91,255,.22)}.intro-card{display:flex;gap:12px;align-items:flex-start;margin:12px 0 12px;padding:14px;background:#fff;border:1px solid #dfeaff;border-radius:18px;box-shadow:0 7px 20px rgba(18,90,210,.06)}.brand-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}.intro-card h3{margin:0;font-size:17px;color:#14233f}.intro-card p{margin:6px 0 0;font-size:13px;color:#607089;line-height:1.55}.image-flow{display:flex;flex-direction:column;gap:9px}.slice-card{background:#fff;border:1px solid #dceaff;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(15,96,220,.08)}.slice-card img{display:block;width:100%;height:auto}.offline-section{background:#fff;border:1px solid #dfeaff;border-radius:22px;padding:18px;box-shadow:0 10px 26px rgba(15,96,220,.07)}.steps{display:flex;flex-direction:column;gap:12px}.step-card{display:flex;gap:12px;padding:13px;border-radius:16px;background:#f6faff;border:1px solid #e1edff}.step-card span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;font-weight:950;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.step-card h3{margin:0;font-size:15px;color:#12315d}.step-card p{margin:5px 0 0;font-size:13px;line-height:1.55;color:#53657d}.notice{margin-top:14px;background:#f7fbff;border:1px dashed #bcd7ff;border-radius:16px;padding:13px;color:#4d6380;font-size:13px;line-height:1.7}.notice strong{color:#075fff}.bottom-actions{flex-direction:column}.wide{width:100%}.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:rgba(0,0,0,.78);color:#fff;border-radius:999px;padding:11px 18px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1}@media(min-width:431px){.page{padding-top:18px}.hero-card,.offline-section{border-radius:28px}}
.tab[hidden]{display:none!important}body.modal-open{overflow:hidden}.browser-tip-modal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:22px}.browser-tip-modal.show{display:flex}.browser-tip-mask{position:absolute;inset:0;background:rgba(8,18,38,.56);backdrop-filter:blur(6px)}.browser-tip-card{position:relative;width:100%;max-width:380px;background:#fff;border:1px solid #dbe8ff;border-radius:24px;padding:24px 18px 18px;box-shadow:0 24px 70px rgba(0,36,112,.28);text-align:center;animation:tipPop .22s ease-out}.browser-tip-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950;box-shadow:0 10px 24px rgba(0,91,255,.24)}.browser-tip-card h3{margin:0;font-size:22px;font-weight:950;color:#07152f}.browser-tip-card p{margin:10px 0 16px;font-size:14px;line-height:1.75;color:#53657d}.browser-tip-card b{color:#075fff}.browser-tip-actions{display:flex;flex-direction:column;gap:10px}.tip-btn{height:48px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:950;cursor:pointer}.tip-btn.primary{background:linear-gradient(135deg,#0c78ff,#0055ff);color:#fff;box-shadow:0 8px 18px rgba(0,91,255,.22)}.tip-btn.chrome{background:#eef4ff;color:#075fff}.tip-btn.ghost{background:#f6f8fc;color:#63728a}@keyframes tipPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

/* 教程图片点击放大 */
.slice-card img{cursor:zoom-in}.image-preview-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(5,12,26,.92);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.image-preview-modal.show{display:flex;opacity:1}.image-preview-modal img{max-width:100%;max-height:100%;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.45);transform:scale(.94);transition:transform .22s ease;cursor:zoom-out}.image-preview-modal.show img{transform:scale(1)}body.preview-open{overflow:hidden}
.hero-tip{
  line-height:1.95;
  font-size:15px;
  color:#7d8595;
  margin-top:2px;
}

/* 风险提示 */

.mini-tag{
  display:inline-block;
  padding:1px 8px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  vertical-align:middle;
}

.mini-tag.danger{
  background:rgba(255,80,80,.08);
  color:#ff5f5f;
  border:1px solid rgba(255,80,80,.12);
}

/* 浏览器 */

.mini-link{
  text-decoration:none;
  font-weight:700;
  position:relative;
}

.mini-link::after{
  content:"↗";
  font-size:11px;
  margin-left:2px;
  opacity:.7;
}

.mini-link.quark{
  color:#3b82ff;
}

.mini-link.chrome{
  color:#1cc96b;
}

/* 离线安装 */

.offline-text{
  color:#ffb020;
  font-weight:800;
  position:relative;
}

.offline-text::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:5px;
  background:rgba(255,176,32,.16);
  border-radius:99px;
}