*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fff; --bg2:#fafafa; --line:#e8e8e8; --line2:#d4d4d4;
  --t1:#18181b; --t2:#52525b; --t3:#a1a1aa;
  --brand:#1e40af; --brand2:#1d4ed8; --warn:#b45309;
  --max:1080px;
}
body{
  font:15px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--t1); background:var(--bg); -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* 顶栏 */
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:50}
.nav{display:flex;align-items:center;gap:28px;height:60px}
.logo{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;letter-spacing:-.01em}
.logo img{width:26px;height:26px;border-radius:7px;display:block}
.nav-links{display:flex;gap:24px;font-size:14px;color:var(--t2)}
.nav-links a:hover{color:var(--t1)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:8px 18px;border-radius:7px;font-size:14px;cursor:pointer;border:1px solid transparent;
  font-family:inherit;transition:background .15s,border-color .15s;white-space:nowrap}
.btn-p{background:var(--brand);color:#fff}
.btn-p:hover{background:var(--brand2)}
.btn-o{border-color:var(--line2);color:var(--t1);background:#fff}
.btn-o:hover{background:var(--bg2)}
.btn-lg{padding:11px 26px;font-size:15px}
.btn:disabled{opacity:.55;cursor:not-allowed}

/* 翻译区 */
.hero{padding:44px 0 8px}
.h1{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.35}
.sub{color:var(--t2);margin-top:10px;font-size:16px}

.tr{margin-top:26px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.tr-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}
.sel{border:1px solid var(--line);border-radius:6px;padding:5px 9px;font:inherit;font-size:13px;background:#fff;color:var(--t1);cursor:pointer}
.sel:focus{outline:2px solid rgba(30,64,175,.18);border-color:var(--brand)}
.arrow{color:var(--t3)}
.tr-quota{margin-left:auto;color:var(--t3);font-size:13px}
.tr-body{display:grid;grid-template-columns:1fr 1fr;min-height:230px}
.tr-in,.tr-out{padding:16px 18px}
.tr-in{border-right:1px solid var(--line)}
.tr-out{background:var(--bg2)}
textarea{width:100%;min-height:196px;border:0;resize:vertical;font:inherit;font-size:16px;line-height:1.75;color:var(--t1);background:transparent}
textarea:focus{outline:none}
.out{font-size:16px;line-height:1.75;white-space:pre-wrap;word-break:break-word;min-height:196px}
.out.ph{color:var(--t3)}
.tr-foot{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--t3)}
.lnk{color:var(--brand);cursor:pointer}
.lnk:hover{text-decoration:underline}
.msg{font-size:13px;padding:9px 14px;border-top:1px solid var(--line);display:none}
.msg.on{display:block}
.msg.err{background:#fef2f2;color:#b91c1c}
.msg.warn{background:#fffbeb;color:var(--warn)}

/* 插件条 */
.strip{margin-top:16px;border:1px solid var(--line);border-radius:10px;padding:16px 20px;
  display:flex;align-items:center;gap:16px;background:var(--bg2);flex-wrap:wrap}
.strip .t{font-weight:500}
.strip .d{color:var(--t2);font-size:14px;margin-top:2px}
.strip .sp{margin-left:auto}

/* 通用区块 */
section{padding:56px 0}
.sec-t{font-size:22px;font-weight:600;letter-spacing:-.01em}
.sec-d{color:var(--t2);margin-top:6px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px}
.card{border:1px solid var(--line);border-radius:10px;padding:20px}
.card h3{font-size:15px;font-weight:600;margin-bottom:7px}
.card p{color:var(--t2);font-size:14px}

/* 价格 */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px;align-items:start}
.plan{border:1px solid var(--line);border-radius:12px;padding:24px;position:relative;background:#fff}
.plan.hot{border-color:var(--brand);border-width:1.5px}
.badge{position:absolute;top:-10px;left:24px;background:var(--brand);color:#fff;
  font-size:12px;padding:3px 10px;border-radius:999px}
.plan-n{font-size:16px;font-weight:600}
.plan-tag{color:var(--t2);font-size:13px;margin-top:3px;min-height:20px}
.price{margin:16px 0 4px;font-size:30px;font-weight:600;letter-spacing:-.02em}
.price small{font-size:14px;font-weight:400;color:var(--t2)}
.plan-year{font-size:13px;color:var(--t3);min-height:20px}
.feats{list-style:none;margin:16px 0 20px;font-size:14px}
.feats li{padding:5px 0 5px 20px;position:relative;color:var(--t2)}
.feats li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;
  border-radius:50%;background:var(--brand)}
.plan .btn{width:100%}

/* 页脚 */
footer{border-top:1px solid var(--line);padding:34px 0;margin-top:16px;font-size:13px;color:var(--t2)}
.f-top{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.f-top a:hover{color:var(--t1)}
.f-bot{margin-top:14px;color:var(--t3);line-height:1.9}
.f-bot a{color:var(--t3)}
.f-bot a:hover{color:var(--t2)}

@media(max-width:720px){
  .nav-links{display:none}
  .h1{font-size:24px}
  .tr-body{grid-template-columns:1fr}
  .tr-in{border-right:0;border-bottom:1px solid var(--line)}
  section{padding:40px 0}
}

/* 用户下拉菜单 */
.menu{position:relative}
.caret{font-size:11px;color:var(--t3);margin-left:2px}
.menu-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;
  background:#fff;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);padding:5px;display:none;z-index:60}
.menu-pop.on{display:block}
.menu-pop a{display:block;padding:8px 12px;border-radius:6px;font-size:14px;color:var(--t2)}
.menu-pop a:hover{background:var(--bg2);color:var(--t1)}

/* 注册引导条 */
.tip-bar{margin-top:14px;border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:8px;padding:12px 16px;background:var(--bg2);font-size:14px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tip-bar .sp{margin-left:auto}
.tip-bar a{color:var(--brand)}
.tip-bar a:hover{text-decoration:underline}

/* 账户信息表 */
.info-rows{border:1px solid var(--line);border-radius:10px;margin-top:16px;overflow:hidden}
.info-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:14px}
.info-row:last-child{border-bottom:0}
.info-row .k{color:var(--t2);flex:0 0 110px}
.info-row .v{color:var(--t1);word-break:break-all}
.info-row .sp{margin-left:auto}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.copy{color:var(--brand);cursor:pointer;font-size:13px}
.copy:hover{text-decoration:underline}

/* 语言标签 */
.langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.langs span{border:1px solid var(--line);border-radius:999px;padding:5px 14px;
  font-size:13px;color:var(--t2);background:#fff}