:root { --ink:#111827; --muted:#64748b; --paper:#f7f8fb; --line:#dce3ed; --blue:#0e7490; --cyan:#22d3ee; --amber:#f59e0b; --white:#fff; --panel:#182334; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; line-height:1.65; }
button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.site-header { height:70px; padding:0 max(24px,calc((100vw - 1200px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:0; white-space:nowrap; }.brand-mark { display:grid; place-items:center; width:28px; height:28px; color:#fff; background:var(--blue); font-family:Georgia,serif; font-weight:700; border-radius:6px; }
nav { display:flex; align-items:center; gap:30px; color:#475569; font-size:14px; } nav a:hover { color:var(--blue); }.menu-button{display:none;border:0;background:transparent;width:36px;height:36px;padding:8px}.menu-button i{display:block;height:2px;background:var(--ink);margin:5px 0}
.hero { min-height:560px; position:relative; display:flex; align-items:center; overflow:hidden; color:#fff; }.hero-image,.hero-scrim { position:absolute; inset:0; }.hero-image { background-image:url("assets/data-center-hero.png"); background-position:center; background-size:cover; }.hero-scrim { background:linear-gradient(90deg,rgba(5,11,19,.94) 0%,rgba(7,15,25,.78) 38%,rgba(8,18,30,.25) 72%,rgba(8,18,30,.35) 100%); }.hero-content,.signal-card { position:relative; z-index:1; }.hero-content { width:min(1200px,100% - 48px); margin:0 auto; padding:100px 0 118px; }.eyebrow { margin:0 0 12px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }.hero .eyebrow { color:#7dd3fc; }.hero h1 { max-width:720px; margin:0; font-size:clamp(40px,5vw,68px); line-height:1.13; letter-spacing:0; }.hero-content > p:not(.eyebrow) { max-width:540px; margin:24px 0 32px; color:#d7e4f2; font-size:17px; }.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border:1px solid transparent; border-radius:6px; font-size:14px; font-weight:700; }.primary { color:#072434; background:var(--cyan); }.quiet { border-color:rgba(255,255,255,.55); background:rgba(8,18,30,.34); color:#fff; }.signal-card { position:absolute; right:max(24px,calc((100vw - 1200px)/2)); bottom:44px; width:260px; padding:17px 18px; border-left:3px solid var(--amber); background:rgba(5,15,26,.83); backdrop-filter:blur(10px); }.signal-card span { display:block; color:#a8c7da; font-size:12px; }.signal-card strong { display:block; margin-top:2px; font-size:20px; }.signal-card p { margin:4px 0 0; color:#e4eef6; font-size:13px; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); width:min(1200px,100% - 48px); margin:-34px auto 0; position:relative; z-index:2; background:#fff; border:1px solid var(--line); box-shadow:0 14px 32px rgba(15,23,42,.07); }.metrics div { min-height:106px; display:flex; flex-direction:column; justify-content:center; padding:20px 26px; border-right:1px solid var(--line); }.metrics div:last-child {border:0}.metrics strong{font-size:24px;line-height:1.2}.metrics span{margin-top:5px;color:var(--muted);font-size:13px}
.section { width:min(1200px,100% - 48px); margin:0 auto; padding:96px 0; }.section-heading { max-width:720px; margin-bottom:32px; }.section-heading h2 { margin:0; font-size:clamp(28px,3.2vw,43px); letter-spacing:0; line-height:1.22; }.section-heading > p:not(.eyebrow) { margin:14px 0 0; color:var(--muted); }.split-heading { max-width:none; display:flex; justify-content:space-between; gap:48px; align-items:end; }.split-heading > p { max-width:390px; margin-bottom:0!important; }
.featured-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr); gap:20px; }.featured-article { min-height:400px; display:flex; flex-direction:column; justify-content:end; padding:38px; color:#fff; background:var(--panel); border-radius:8px; position:relative; overflow:hidden; }.featured-article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 20%,rgba(34,211,238,.32),transparent 31%),linear-gradient(135deg,#102132 0%,#182334 53%,#18314a 100%)}.featured-article>*{position:relative}.article-kicker{color:#81e6f4;font-weight:700;font-size:13px}.featured-article h3{max-width:660px;margin:10px 0 13px;font-size:clamp(27px,3vw,42px);line-height:1.25;letter-spacing:0}.featured-article p{max-width:650px;margin:0;color:#d7e4f2}.article-footer{margin-top:25px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tag{display:inline-flex;padding:3px 9px;border:1px solid currentColor;border-radius:99px;font-size:12px;line-height:1.35}.read-button{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:0;border-radius:5px;background:#fff;color:#102132;font-weight:800}.framework-panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px}.framework-panel ol{list-style:none;padding:0;margin:23px 0 0}.framework-panel li{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.framework-panel li b{color:var(--blue);font-size:13px}.framework-panel strong,.framework-panel span{display:block}.framework-panel span{color:var(--muted);font-size:14px}
.daily-section{border-top:1px solid var(--line)}.daily-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.daily-lead{min-height:340px;padding:30px;border-radius:8px;background:#fff;border:1px solid var(--line)}.daily-date{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:800}.daily-date b{display:grid;place-items:center;width:34px;height:34px;background:#eafcff;border-radius:5px}.daily-lead h3{margin:16px 0 12px;font-size:clamp(26px,3vw,36px);line-height:1.28;letter-spacing:0}.daily-lead>p{margin:0;color:var(--muted)}.daily-pill-list{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.daily-pill{padding:6px 9px;border-left:2px solid var(--blue);background:#f1f7fa;color:#334155;font-size:13px}.daily-list{display:grid;gap:10px}.daily-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;width:100%;min-height:106px;padding:15px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.daily-item:hover{border-color:#9cb9c4;box-shadow:0 7px 16px rgba(15,23,42,.05)}.daily-item time{color:var(--blue);font-size:13px;font-weight:800}.daily-item strong,.daily-item small{display:block}.daily-item strong{font-size:16px}.daily-item small{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.42}.daily-item b{color:var(--blue);font-size:18px}
.research-section { padding-top:0; }.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-card{min-height:134px;text-align:left;padding:19px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);transition:.2s ease}.topic-card:hover,.topic-card.active{border-color:var(--blue);box-shadow:0 8px 18px rgba(14,116,144,.09)}.topic-card span,.topic-card small,.topic-card strong{display:block}.topic-card span{color:var(--blue);font-size:12px;font-weight:800}.topic-card strong{margin:8px 0 2px;font-size:18px}.topic-card small{color:var(--muted);font-size:13px}.company-section{border-top:1px solid var(--line)}.company-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden}.company-card{min-height:150px;padding:18px;background:#fff;border:0;border-right:1px solid var(--line);text-align:left}.company-card:nth-child(5n){border-right:0}.company-card:nth-child(n+6){border-top:1px solid var(--line)}.company-card b{display:block;color:var(--blue);font-size:12px}.company-card strong{display:block;margin:7px 0 3px;font-size:17px}.company-card span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.library-section{border-top:1px solid var(--line)}.library-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px}.search-box{height:44px;width:min(350px,100%);display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:6px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent}.search-box span:last-child{color:var(--muted)}.library-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.library-toolbar button{min-height:36px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:5px;color:#475569;font-size:13px}.library-toolbar button:hover,.library-toolbar .is-active{border-color:var(--blue);color:#075b70;background:#eafcff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{min-height:270px;display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:left}.article-card:hover{border-color:#9cb9c4;box-shadow:0 8px 18px rgba(15,23,42,.05)}.article-card .tag{align-self:flex-start;color:var(--blue);border-color:#a7d7df}.article-card h3{margin:14px 0 9px;font-size:21px;line-height:1.36;letter-spacing:0}.article-card p{margin:0;color:var(--muted);font-size:14px}.card-bottom{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:12px}.card-bottom button{padding:0;border:0;background:transparent;color:var(--blue);font-size:18px}.empty-state{margin:0;padding:36px;background:#fff;border:1px dashed var(--line);color:var(--muted);text-align:center}.archive-note{margin:18px 0 0;color:var(--muted);font-size:13px}
.workflow-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.workflow-copy h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.23}.workflow-copy>p:not(.eyebrow){margin:14px 0 0;color:var(--muted)}.workflow-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.workflow-list div{display:grid;grid-template-columns:42px 105px 1fr;gap:8px;align-items:center;padding:16px;background:#fff}.workflow-list b{color:var(--blue);font-size:13px}.workflow-list strong{font-size:16px}.workflow-list span{color:var(--muted);font-size:14px}
footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;padding:34px max(24px,calc((100vw - 1200px)/2));background:#0e1724;color:#d6e0e9;font-size:13px}footer>div{display:flex;gap:10px;align-items:center;color:#fff}footer p{margin:0}.record-slot{color:#7dd3fc}
.reader{width:min(900px,calc(100% - 30px));max-height:calc(100vh - 30px);padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 24px 80px rgba(2,8,23,.4)}.reader::backdrop{background:rgba(2,8,23,.65)}.reader-shell{max-height:calc(100vh - 30px);overflow:auto}.reader-header{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:24px 27px 16px;border-bottom:1px solid var(--line)}.reader-header p{margin:0;color:var(--blue);font-size:13px;font-weight:700}.reader-header h2{margin:3px 0 0;font-size:26px;line-height:1.3}.icon-button,.font-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:5px;background:#fff}.reader-tools{display:flex;gap:8px;align-items:center;padding:12px 27px;border-bottom:1px solid var(--line)}.bookmark-button{min-height:35px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#475569;font-size:13px}.bookmark-button.is-saved{border-color:var(--blue);background:#eafcff;color:#075b70}.reader-body{padding:32px 27px 48px;font-size:var(--reader-size,18px);line-height:1.9}.reader-body h3{margin:34px 0 12px;font-size:20px}.reader-body p{margin:0 0 19px}.reader-body .lead{margin-bottom:24px;padding:14px 17px;border-left:3px solid var(--blue);background:#effbfe;color:#164e63;font-size:15px}.reader-body .quote{padding:20px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;color:#334155;font-weight:600}.reader-body ul{padding-left:1.3em}.reader-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 27px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.reader-footer a{color:var(--blue);font-weight:700}
@media (max-width:800px){.site-header{height:62px;padding:0 18px}nav{display:none;position:absolute;top:62px;left:0;right:0;padding:12px 18px 17px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav a{padding:9px 0}.site-header.menu-open nav{display:flex}.menu-button{display:block}.hero{min-height:575px}.hero-content{width:calc(100% - 36px);padding:70px 0 155px}.hero h1{font-size:43px}.hero-content>p:not(.eyebrow){font-size:16px}.signal-card{left:18px;right:18px;bottom:23px;width:auto}.metrics{width:calc(100% - 36px);grid-template-columns:repeat(2,1fr);margin-top:-22px}.metrics div{min-height:94px;padding:16px;border-bottom:1px solid var(--line)}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(n+3){border-bottom:0}.section{width:calc(100% - 36px);padding:65px 0}.split-heading,.library-heading{display:block}.split-heading>p{margin-top:13px!important}.featured-layout,.daily-layout,.workflow-section{grid-template-columns:1fr}.featured-article{min-height:370px;padding:26px}.daily-lead{min-height:0;padding:23px}.topic-grid,.article-grid{grid-template-columns:1fr}.company-strip{grid-template-columns:repeat(2,1fr)}.company-card:nth-child(5n){border-right:1px solid var(--line)}.company-card:nth-child(2n){border-right:0}.company-card:nth-child(n+3){border-top:1px solid var(--line)}.search-box{width:100%;margin-top:20px}.workflow-section{gap:28px}.workflow-list div{grid-template-columns:35px 1fr}.workflow-list span{grid-column:2}.reader{width:calc(100% - 18px);max-height:calc(100vh - 18px)}.reader-shell{max-height:calc(100vh - 18px)}.reader-header{padding:20px 18px 14px}.reader-tools{padding:10px 18px}.reader-body{padding:25px 18px 35px}.reader-footer{padding:14px 18px;flex-direction:column}footer{grid-template-columns:1fr;padding:28px 18px;gap:14px}}