/* ==========================================================
   上线性能与顺滑度增强引擎 (Smoothness & Performance Optimization)
   ========================================================== */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  width: 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* 硬件加速与流畅悬停 */
a, button, .media-news-card, .btn-media-primary, .btn-media-secondary, .faq-card, .intro-panel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* 移动端平滑滚动与防抖 */
.table-wrapper, .table-container, .code-box, pre {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* 媒体图片防溢出与自适应 */
img, svg, video, canvas {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 消除点击高亮延迟 */
a, button, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}


:root{--bg:#070b16;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.14);--text:#f8fbff;--muted:#a8b3c7;--line:rgba(255,255,255,.16);--cyan:#22d3ee;--blue:#3b82f6;--violet:#8b5cf6;--green:#34d399}
*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(34,211,238,.2),transparent 28%),radial-gradient(circle at 82% 16%,rgba(139,92,246,.22),transparent 30%),linear-gradient(135deg,#070b16,#111827 54%,#08111f);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.68}a{color:var(--cyan);text-decoration:none;font-weight:800}a:hover{color:#fff}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.notice{background:rgba(250,204,21,.12);border-bottom:1px solid rgba(250,204,21,.34);color:#fde68a;padding:10px 0;font-size:13px}.site-header{background:rgba(7,11,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:#fff;font-size:22px;font-weight:950}.brand:before{content:"OS";color:var(--cyan);border:1px solid var(--line);border-radius:8px;padding:2px 6px;margin-right:8px;font-size:13px}.nav,.footer-links{display:flex;flex-wrap:wrap;gap:10px}.nav a,.footer-links a{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.nav a:hover,.footer-links a:hover{color:#fff;border-color:var(--cyan);text-decoration:none}.hero{padding:66px 0 42px}.hero .container{display:grid;grid-template-columns:1fr .95fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(34,211,238,.12);color:var(--cyan);border:1px solid rgba(34,211,238,.34);font-size:13px;font-weight:950;margin-bottom:16px}.hero h1{max-width:860px;font-size:clamp(36px,5.6vw,74px);line-height:1.03;letter-spacing:-.07em;margin-bottom:20px}.hero p{max-width:780px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);font-weight:950}.button.primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:#07111f;border:none}.button.secondary{background:var(--panel);color:#fff}.os-window{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.32);overflow:hidden;backdrop-filter:blur(14px)}.window-top{height:44px;background:rgba(255,255,255,.08);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 14px}.dot{width:11px;height:11px;border-radius:999px}.red{background:#fb7185}.yellow{background:#fbbf24}.green{background:#34d399}.window-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;padding:18px}.side-panel,.main-panel{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:18px;padding:16px}.tile{height:44px;border-radius:12px;background:var(--panel2);margin-bottom:10px}.tile.active{background:linear-gradient(90deg,rgba(34,211,238,.24),rgba(139,92,246,.22));border:1px solid rgba(34,211,238,.3)}.taskbar{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.task{height:32px;flex:1;border-radius:10px;background:var(--panel2)}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.section h2{font-size:clamp(28px,4vw,48px);line-height:1.06;letter-spacing:-.06em}.section-note{max-width:450px;color:var(--muted)}.grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.intro-box,.article{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 54px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.card{min-height:204px;padding:24px}.card .num{display:inline-flex;color:var(--green);font-size:12px;font-weight:950;margin-bottom:30px}.card h3{font-size:22px;margin-bottom:10px}.card p,.intro-box p,.intro-box li,td{color:var(--muted)}.card strong,td strong{color:var(--cyan)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.intro-box{padding:28px}.intro-box h3{font-size:28px;margin-bottom:12px}.intro-box ul{margin:14px 0 0 20px}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#fff;background:rgba(255,255,255,.06);font-size:13px}tr:last-child td{border-bottom:0}.faq-list{display:grid;gap:12px}details{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}summary{cursor:pointer;list-style:none;font-weight:950;color:#fff}summary::-webkit-details-marker{display:none}details p{margin-top:10px;color:var(--muted)}.article{max-width:880px;margin:42px auto;padding:38px}.article h1{font-size:clamp(34px,5vw,62px);line-height:1.05;letter-spacing:-.06em;margin-bottom:20px}.article h2{font-size:28px;margin:34px 0 12px;border-top:1px solid var(--line);padding-top:20px}.article p,.article li{color:var(--muted);margin-bottom:12px}.article ul{margin-left:20px}.site-footer{margin-top:42px;padding:36px 0;border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.site-footer p{margin-top:14px;color:var(--muted);font-size:14px}@media(max-width:980px){.hero .container,.window-body{grid-template-columns:1fr}}@media(max-width:820px){.header-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.grid-6,.intro-grid{grid-template-columns:1fr}.section-head{display:block}.section-note{margin-top:10px}}