:root{--ink:#132c4b;--text:#243d54;--muted:#667789;--blue:#245fac;--teal:#178279;--line:#d9e4ee;--bg:#f4f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;letter-spacing:0;background:#fff}
a{color:var(--blue)}a:hover{text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 24px}.skip{position:absolute;top:-60px;left:16px;background:#fff;padding:8px;z-index:100}.skip:focus{top:8px}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1168px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:19px;font-weight:700;text-decoration:none;white-space:nowrap}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:22px;overflow:auto}.site-header nav a{color:var(--text);text-decoration:none;white-space:nowrap;font-size:14px}.site-header nav a[aria-current]{color:var(--blue);font-weight:700}
.article-intro{background:var(--bg);border-bottom:1px solid var(--line);padding:56px 0 40px}.eyebrow{color:var(--teal);font-size:13px;font-weight:700;margin:0 0 12px}.article-intro h1{color:var(--ink);font-size:40px;line-height:1.24;max-width:900px;margin:0 0 18px;letter-spacing:0}.lead{font-size:18px;max-width:780px;margin:0 0 16px}.meta{font-size:13px;color:var(--muted);margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:58px;align-items:start;padding-top:42px;padding-bottom:76px}.article-body{min-width:0;width:100%;max-width:100%;font-size:16px}.article-body p{margin:0 0 18px}.article-body>p:first-child{font-size:19px;color:var(--ink);line-height:1.7;border-left:3px solid var(--teal);padding-left:18px;margin-bottom:36px}.article-body h2{color:var(--ink);font-size:25px;line-height:1.38;margin:40px 0 17px;scroll-margin-top:90px}.article-body h3{color:var(--ink);font-size:19px;margin:27px 0 12px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 22px}.article-body li{margin-bottom:8px}.article-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:20px 0 28px}.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;min-width:130px}.article-body th{background:var(--bg);color:var(--ink)}.article-body code{background:var(--bg);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.article-body strong{color:var(--ink)}.article-body img{max-width:100%;height:auto}
.toc{position:sticky;top:96px;border-left:2px solid var(--line);padding:4px 0 4px 17px;font-size:13px}.toc strong{display:block;color:var(--ink);margin-bottom:8px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:7px 0;line-height:1.45}.toc a:hover{color:var(--blue)}.related{border-top:1px solid var(--line);margin-top:48px}.related h2{font-size:21px}.article-end{margin-top:28px}.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}.site-footer p{margin:6px 0}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 34px}.brand-item{border:1px solid var(--line);padding:20px;min-height:112px;display:flex;align-items:center;justify-content:center;background:#fff;text-align:center;color:var(--ink);font-weight:700}.brand-item img{display:block;width:auto;max-width:100%;max-height:62px;object-fit:contain}.brand-item img[src$="luxshare-official.svg"]{filter:brightness(0) saturate(100%)}.brand-item.text-only{font-size:18px}.case-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.case-links a{border-left:3px solid var(--teal);padding:14px 18px;background:var(--bg);text-decoration:none;font-weight:700}
@media(max-width:900px){.article-layout{display:flex;flex-direction:column-reverse;gap:22px}.toc{position:static;display:flex;gap:12px;overflow:auto;width:100%;border-left:0;border-bottom:1px solid var(--line);padding:0 0 12px}.toc strong{white-space:nowrap}.toc a{white-space:nowrap}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wrap,.header-inner{padding-left:16px;padding-right:16px}.header-inner{display:block;min-height:auto}.site-header nav{margin-top:9px;gap:16px;padding-bottom:2px}.article-intro{padding:34px 0 30px}.article-intro h1{font-size:29px}.lead{font-size:16px}.article-body{font-size:15px}.article-body>p:first-child{font-size:17px}.article-body h2{font-size:22px}.brand-grid,.case-links{grid-template-columns:1fr}}