/* hub.wanwan.ink 共享样式（Apple 官网风） */
:root{
  --ink:#1d1d1f; --dim:#6e6e73; --dim2:#86868b; --line:#d2d2d7;
  --blue:#0066cc; --bg-alt:#f5f5f7;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Display","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;
     color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}

/* ── 毛玻璃导航 ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:99;height:44px;
  background:rgba(251,251,253,.8);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.nav-in{max-width:1024px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.nav-logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
.nav-logo:hover{text-decoration:none;opacity:.75}
.nav-logo img{width:19px;height:19px;border-radius:4.5px;display:block}
.nav-links{display:flex;gap:32px}
.nav-links a{font-size:12.5px;color:var(--ink);opacity:.82}
.nav-links a:hover{opacity:1;text-decoration:none}

/* ── Hero ── */
.hero{padding:150px 22px 90px;text-align:center}
.hero .eyebrow{font-size:17px;font-weight:600;color:var(--blue);margin-bottom:10px}
.hero h1{font-size:clamp(44px,7vw,80px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.hero p.sub{font-size:clamp(19px,2.6vw,26px);color:var(--dim);margin-top:16px;font-weight:500}
.hero .cta{margin-top:22px;font-size:19px;display:flex;gap:36px;justify-content:center;flex-wrap:wrap}
.hero .cta a{white-space:nowrap}

/* ── 黑色 Lumin 主视觉 ── */
.hero-dark{background:#000;color:#fff;text-align:center;padding:110px 22px 120px}
.hero-dark .eyebrow{font-size:17px;font-weight:600;color:#2997ff;margin-bottom:10px}
.hero-dark h2{font-size:clamp(44px,6.4vw,72px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.hero-dark .grad{background:linear-gradient(94deg,#0a84ff 0%,#bf5af2 38%,#ff375f 70%,#ff9f0a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hero-dark p.sub{font-size:clamp(17px,2.2vw,22px);color:#a1a1a6;margin-top:16px}
.hero-dark .cta{margin-top:22px;font-size:18px;display:flex;gap:36px;justify-content:center;flex-wrap:wrap}
.hero-dark .cta a{color:#2997ff;white-space:nowrap}
.lumin-mock{max-width:760px;margin:64px auto 0;background:#101012;border:1px solid #2a2a2e;border-radius:18px;
  box-shadow:0 40px 100px rgba(10,132,255,.14),0 10px 30px rgba(0,0,0,.5);overflow:hidden;text-align:left}
.lumin-bar{height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #232327}
.lumin-bar i{width:11px;height:11px;border-radius:50%;display:block}
.lumin-bar span{font-size:12px;color:#86868b;margin-left:8px}
.mock-side{width:150px;background:#0c0c0e;border-right:1px solid #232327;padding:14px 10px;display:flex;flex-direction:column;gap:9px}
.mock-side i{height:9px;border-radius:5px;display:block}
.mock-main{flex:1;padding:18px}
.mock-b{max-width:78%;border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.55;margin-bottom:12px}
.mock-main{display:flex;flex-direction:column}
.lumin-body{display:flex;min-height:300px}
.mock-b.ai{background:#1c1c20;color:#d9d9de;align-self:flex-start}
.mock-b.me{background:linear-gradient(135deg,#4d5bff,#9440ff);color:#fff;align-self:flex-end}
.mock-input{margin-top:auto;height:40px;border-radius:12px;background:#18181c;border:1px solid #2a2a2e}

/* ── 灰底产品条 ── */
.strip{background:var(--bg-alt);text-align:center;padding:110px 22px}
.strip h2{font-size:clamp(38px,5.4vw,60px);font-weight:700;letter-spacing:-.015em}
.strip p.sub{font-size:clamp(17px,2.2vw,22px);color:var(--dim);margin-top:14px}
.strip .cta{margin-top:20px;font-size:18px;display:flex;gap:36px;justify-content:center;flex-wrap:wrap}

/* ── 服务卡网格 ── */
.grid-sec{padding:14px}
.grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tile{position:relative;background:var(--bg-alt);border-radius:18px;padding:56px 40px;text-align:center;overflow:hidden;min-height:380px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.tile:hover{box-shadow:0 12px 40px rgba(0,0,0,.08)}
.tile h3{font-size:clamp(30px,3.6vw,42px);font-weight:700;letter-spacing:-.01em}
.tile p{font-size:16.5px;color:var(--dim);margin-top:10px;line-height:1.55;max-width:420px}
.tile .cta{margin-top:16px;font-size:16px;display:flex;gap:26px}
.tile.dark{background:#000;color:#fff}
.tile.dark p{color:#a1a1a6}
.tile .art{margin-top:auto;padding-top:34px}

/* 点环（小号，用于账户卡） */
.ring{position:relative;width:96px;height:96px}
.ring .core{position:absolute;inset:29px;background:#000;border-radius:24px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:20px}
.ring i{position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:50%}

/* 设备小样 */
.devices{display:flex;gap:10px;align-items:flex-end;justify-content:center}
.phone{width:96px;height:190px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:8px}
.phone .scr{height:100%;border-radius:12px;background:linear-gradient(160deg,#eef2ff,#f7eaff);position:relative;overflow:hidden}
.phone .scr i{position:absolute;left:12px;right:12px;height:8px;border-radius:4px;background:rgba(29,29,31,.12);top:16px}
.phone .scr i:nth-child(2){top:32px;right:34px}
.laptop{width:230px;height:140px;border-radius:12px 12px 0 0;background:#fff;border:1px solid var(--line);border-bottom:none;padding:9px 9px 0}
.laptop .scr{height:100%;border-radius:6px;background:linear-gradient(150deg,#0a84ff22,#bf5af233);position:relative;overflow:hidden}
.laptop .scr i{position:absolute;left:14px;top:14px;width:120px;height:9px;border-radius:5px;background:rgba(29,29,31,.14)}
.laptop .scr i:nth-child(2){top:32px;width:80px}
.base{width:262px;height:9px;background:#e8e8ed;border-radius:0 0 12px 12px;margin:0 auto}

/* ── 页脚 ── */
footer{background:var(--bg-alt);padding:40px 22px 56px;color:var(--dim2);font-size:12px}
.foot-in{max-width:1024px;margin:0 auto}
.foot-note{border-bottom:1px solid var(--line);padding-bottom:16px;line-height:1.7;color:var(--dim)}
.foot-cols{display:flex;gap:60px;padding:26px 0 10px;flex-wrap:wrap}
.foot-cols h4{font-size:12px;color:var(--ink);font-weight:600;margin-bottom:10px}
.foot-cols ul{list-style:none}
.foot-cols li{margin:7px 0}
.foot-cols a{color:var(--dim);font-size:12px}
.foot-cols a:hover{color:var(--ink)}
.foot-icp{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;line-height:1.9;color:var(--dim)}
.foot-icp a{color:var(--dim)}

@media (max-width:768px){
  .nav-links{gap:18px}
  .nav-links a:nth-child(n+5){display:none}
  .grid{grid-template-columns:1fr}
  .lumin-mock{display:none}
  .tile{min-height:300px;padding:44px 24px}
}
@media (prefers-reduced-motion:reduce){
  .ring{animation:none!important}
}

/* ── 最新动态卡片 ── */
.news-grid{max-width:1024px;margin:44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}
.news-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;padding:28px 26px;text-decoration:none;color:var(--ink);
  box-shadow:0 1px 4px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.1);text-decoration:none}
.news-tag{align-self:flex-start;font-size:11px;font-weight:700;color:var(--blue);background:#e8f1fb;border-radius:99px;padding:3px 11px;margin-bottom:14px}
.news-card h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
.news-card p{font-size:13.5px;color:var(--dim);margin-top:9px;line-height:1.6;flex:1}
.news-more{font-size:13.5px;color:var(--blue);margin-top:14px;font-weight:600}
@media (max-width:900px){.news-grid{grid-template-columns:1fr}}