*{box-sizing:border-box}body{margin:0;background:#07070d;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #00c8ff;outline-offset:5px}.wrap{width:calc(100% - 48px);max-width:1160px;margin:auto}main{min-height:calc(100vh - 167px);padding-bottom:64px}.intro{padding:47px 0 32px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#8993a6;margin-bottom:25px}.breadcrumb a{text-decoration:none}.breadcrumb span:last-child{color:#cbd3df}h1{font-size:44px;line-height:1.12;letter-spacing:-.035em;margin:0 0 13px;background:linear-gradient(100deg,#00c8ff,#647fff 40%,#ad5bff 70%,#ed63b4);background-clip:text;-webkit-background-clip:text;color:transparent;width:fit-content}.intro>p{font-size:16px;line-height:1.7;color:#a5afc0;margin:0;max-width:640px}.section-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #242433;padding:24px 0 20px}.section-bar h2{font-size:15px;font-weight:600;margin:0}.section-bar span{font-size:12px;color:#8993a6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{border:1px solid #292a3b;border-radius:11px;background:#10111d;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.card:hover{border-color:#697a9b;transform:translateY(-3px)}.thumb{width:100%;height:auto;aspect-ratio:4/3;display:block;object-fit:cover;object-position:center;background:#0d1420;border-bottom:1px solid #292a3b}.card-body{padding:23px 23px 22px;display:flex;flex-direction:column;flex:1}.read-more{margin-top:auto}.chapter-thumb{object-position:15% 8%}.meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#8f9db3;margin:0 0 12px}.tag{color:#63d6fa;font-weight:600}.dot{color:#536077}.card h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;font-weight:700}.excerpt{font-size:15px;line-height:1.65;color:#a7b2c5;margin:0 0 23px}.read-more{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650;color:#55d3f5}.read-more span{font-size:19px}.foundations{border-top:1px solid #242433;margin-top:42px;padding-top:23px;font-size:13px;color:#8f9bae;line-height:1.7}.foundations a{color:#5ccfea;text-decoration:none;margin-left:4px}footer{border-top:1px solid #242433;padding:30px 0;color:#8993a6;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.foot nav{display:flex;gap:19px}.foot a{text-decoration:none}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.intro{padding:28px 0 27px}.breadcrumb{margin-bottom:22px}h1{font-size:36px}.intro>p{font-size:15px}.section-bar{padding:20px 0 18px}.grid{grid-template-columns:minmax(0,1fr)}.card h3{font-size:22px}.card-body{padding:22px}.thumb{aspect-ratio:4/3}.foundations{margin-top:30px}.foot{flex-direction:column;gap:16px}main{padding-bottom:42px}}@media(min-width:1500px){.wrap{max-width:1400px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card h3{font-size:21px}}@media(min-width:1900px){.wrap{max-width:1760px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
.grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}.card{flex:1 1 280px;min-width:min(100%,280px);max-width:370px}@media(max-width:600px){.card{flex-basis:100%}}

/* Reserve the shared fixed header height without shifting the article-card layout. */
main.wrap { padding-top:74px; }
.site-nav a { text-decoration:none; }
.site-menu a[aria-current="page"] { color:var(--cyan); }