/* Direction: 磨砂黑的通话控制台. Scoped shared chrome; media screens retain their space. */
:root{--product-bg:#0B0B0C;--product-panel:#17181B;--product-line:#34363B;--product-fg:#F4F3EF;--product-dim:#A3A29C;--product-accent:#4FD1C5;--product-height:60px}
.product-home{margin:0;background:var(--product-bg);color:var(--product-fg);font:16px/1.65 -apple-system,"PingFang SC","Hiragino Sans","Noto Sans CJK SC","Microsoft YaHei",sans-serif}
.product-home *{box-sizing:border-box}
.product-nav{position:relative;z-index:30;display:flex;align-items:center;gap:24px;min-height:var(--product-height);padding:8px max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--product-line);background:var(--product-bg);color:var(--product-fg);font:15px/1.3 -apple-system,"PingFang SC","Hiragino Sans",sans-serif}
.product-nav a,.product-footer a,.product-help a{color:inherit;text-decoration:none}
.product-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:600;flex-shrink:0}
.product-brand b{color:var(--product-accent);font-weight:500}
.product-brand img{border-radius:6px}
.product-links{display:flex;align-items:center;gap:6px;margin-left:auto}
.product-links a{padding:10px 12px;border-radius:6px;white-space:nowrap;color:var(--product-dim)}
.product-links a[aria-current="page"]{color:var(--product-accent);background:#16312E}
.product-nav select{font:inherit;font-size:16px;color:var(--product-fg);background:var(--product-panel);padding:8px;border:1px solid var(--product-line);border-radius:6px;max-width:112px}
.product-nav a:hover,.product-footer a:hover,.product-help a:hover{color:var(--product-accent)}
.product-nav :focus-visible,.product-home :focus-visible{outline:2px solid var(--product-accent);outline-offset:4px}
.product-skip{position:fixed;top:8px;left:12px;z-index:101;transform:translateY(-200%);padding:8px 16px;background:var(--product-accent);color:#06211E}
.product-skip:focus{transform:none}
.product-main{max-width:1080px;margin:auto;padding:64px 28px 40px}
.product-intro{max-width:46rem;margin-bottom:38px}
.product-eyebrow{font-size:13px;color:var(--product-accent);margin:0 0 16px}
.product-intro h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.22;margin:0 0 18px;letter-spacing:-.02em}
.product-lede{color:var(--product-dim);max-width:32em;font-size:18px;margin:0}
.product-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.product-mode{display:flex;flex-direction:column;padding:28px;border:1px solid var(--product-line);border-radius:12px;background:var(--product-panel)}
.product-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.product-number{color:var(--product-accent);font-size:14px;font-variant-numeric:tabular-nums}
.product-state{color:var(--product-dim);font-size:13px}
.product-mode h2{margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.3}
.product-mode>p{color:var(--product-dim);margin:0;font-size:16px;max-width:32em}
.product-example{display:flex;flex-direction:column;gap:7px;padding:22px 0 24px;flex:1;color:var(--product-dim);font-size:14px}
.product-example strong{color:var(--product-fg);font-size:20px;font-weight:500;border-left:2px solid var(--product-accent);padding-left:12px}
.product-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--product-accent);color:#06211E;padding:13px 18px;border-radius:8px;font-size:17px;font-weight:650;text-decoration:none;min-height:50px}
.product-primary:hover{background:#7EDFD5}
.product-mode .product-caption{margin-top:13px;font-size:13px}
.product-device{border-left:2px solid #FFD88A;padding:10px 16px;color:#FFD88A;margin:24px 0}
.product-help{margin-top:48px;max-width:48rem}
.product-help h2{font-size:18px;margin:0 0 18px;font-weight:600}
.product-help details{border-top:1px solid var(--product-line);padding:14px 0}
.product-help summary{cursor:pointer;padding:4px 0;font-size:16px}
.product-help details p{color:var(--product-dim);max-width:38em;margin:12px 0;font-size:15px}
.product-help a{color:var(--product-accent)}
.product-footer{max-width:1080px;margin:auto;padding:24px 28px 36px;border-top:1px solid var(--product-line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:var(--product-dim);font-size:13px}
.product-footer>div{display:flex;gap:20px;flex-wrap:wrap}
.product-noscript{padding:20px;text-align:center;color:var(--product-dim)}
.product-translate>.product-nav{height:var(--product-height)}
.product-translate .app{height:calc(100% - var(--product-height))}
.product-translate .gate{top:var(--product-height)}
.product-translate{--bg:#0B0B0C;--bg-soft:#17181B;--ink:#F4F3EF;--ink-dim:#B5B4AE;--ink-faint:#A3A29C;--violet:#4FD1C5;--cyan:#4FD1C5;--pink:#FFB4AC;--line:rgba(163,162,156,.25)}
.product-translate .aurora,.product-translate .grain{display:none}
.product-translate header{background:var(--bg);backdrop-filter:none}
.product-translate .gate::before{background:none}
.product-translate .sheet{z-index:50}
.product-translate .sheet:not(.on){visibility:hidden}
.product-translate .sheet-inner{background:var(--product-panel)}
.product-translate .sheet-act .primary{background:var(--product-accent);color:#06211E}
.product-translate button:focus-visible,.product-translate select:focus-visible,.product-translate input:focus-visible,.product-translate textarea:focus-visible,.product-translate a:focus-visible{outline:2px solid var(--product-accent);outline-offset:3px}
.product-call-home :focus-visible{outline:2px solid var(--product-accent);outline-offset:3px}
.product-call-home>.product-nav{position:fixed;inset:0 0 auto}
.product-call-home #home{top:var(--product-height);align-items:flex-start;padding-top:32px;background:var(--product-bg)}
.product-call-home #lang{top:auto;bottom:12px;right:12px}
.product-call-home .gate-in{max-width:480px;padding-bottom:50px}
.product-call-home .product-call-title{font-size:26px;margin:0 0 10px;color:var(--product-fg)}
.product-call-home .product-call-note{font-size:15px;line-height:1.6;color:var(--product-dim);margin:0 0 24px;text-align:left}
.product-call-home .product-back{display:inline-block;padding:12px;color:var(--product-accent);font-size:16px}
.product-call-home .account-call{margin:20px 0;text-align:left;border-top:1px solid var(--product-line);padding-top:20px}
.product-call-home .account-call p{font-size:15px;color:var(--product-dim);margin:0 0 10px;line-height:1.5}
.product-call-home .account-call a{color:var(--product-accent)}
.product-call-home .account-call button{width:100%;padding:14px 12px;border:1px solid var(--product-accent);border-radius:8px;color:var(--product-accent);font-size:18px}
.product-call-home .account-call button:disabled{opacity:.6}
.product-call-home .account-call [role="status"]{margin-top:10px;color:#FFD88A}
@media(max-width:600px){
  :root{--product-height:56px}
  .product-nav{gap:8px;padding:8px 12px;font-size:14px}
  .product-brand{gap:6px;font-size:14px}
  .product-brand img{width:24px;height:24px}
  .product-links{gap:0}
  .product-links a{padding:10px 7px}
  .product-nav select{max-width:84px;padding:6px}
  .product-home .product-brand span{display:none}
  .product-main{padding:36px 18px 28px}
  .product-intro{margin-bottom:26px}
  .product-lede{font-size:16px}
  .product-modes{grid-template-columns:1fr;gap:16px}
  .product-mode{padding:22px}
  .product-mode-top{margin-bottom:16px}
  .product-help{margin-top:34px}
  .product-footer{margin:0 18px;padding:20px 0 28px}
}
@media(max-width:360px){
  .product-nav{gap:4px;padding:8px}
  .product-nav .product-brand span{display:none}
  .product-links a{font-size:13px;padding:10px 6px}
  .product-nav select{width:74px;min-width:0;font-size:14px;padding:6px 3px}
}
@media(prefers-reduced-motion:reduce){.product-home *{scroll-behavior:auto}}