:root{--bg:#eef5fb;--surface:#fff;--ink:#152538;--muted:#66788a;--line:#dce7f1;--brand:#316f9f;--deep:#173d5e;--accent:#cf9e4c;--shadow:0 18px 52px rgba(29,65,96,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Tahoma,"Noto Sans",sans-serif;color:var(--ink);background:linear-gradient(180deg,#eaf3fa 0,#f8fbfd 38rem,#eef5fa 100%);line-height:1.72}a{color:inherit;text-decoration:none}button,input{font:inherit}img,video{max-width:100%}.shell{width:min(1420px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(220,231,241,.86);background:rgba(248,251,253,.88);backdrop-filter:blur(18px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:var(--deep)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#204e72,#3d83b6);font-family:serif;font-size:22px;box-shadow:0 8px 22px rgba(32,78,114,.2)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:12px}.header-nav{display:flex;gap:8px}.header-nav a,.copy-link{border:0;background:transparent;color:#35566e;padding:9px 12px;border-radius:10px;font-weight:700;cursor:pointer}.header-nav a:hover,.copy-link:hover{background:#e9f2f8}
.home-hero{position:relative;min-height:590px;display:grid;align-items:end;overflow:hidden;background:#0d1d2d;color:#fff}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.04) contrast(1.02)}.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,23,.18),rgba(7,17,28,.34) 45%,rgba(7,17,28,.94)),radial-gradient(circle at 20% 80%,rgba(52,126,181,.32),transparent 34rem)}.home-hero-content{position:relative;z-index:1;width:min(1420px,calc(100% - 32px));margin:0 auto;padding:112px 0 66px}.kicker{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}.home-hero h1{margin:20px 0 15px;font-size:clamp(36px,5.4vw,68px);line-height:1.05;letter-spacing:-.035em;max-width:980px}.home-hero p{font-size:19px;color:#eaf5fc;margin:0;max-width:780px}.home-credit{margin-top:15px!important;font-size:14px!important;color:#cfe0eb!important}
.home-main{padding:48px 0 80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:34px;margin:0;color:var(--deep);letter-spacing:-.025em}.section-head p{margin:5px 0 0;color:var(--muted)}.search-box{position:relative}.search-box input{width:min(360px,72vw);border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.92);padding:12px 15px 12px 42px;color:var(--ink);outline:none;box-shadow:0 9px 26px rgba(34,69,98,.06)}.search-box::before{content:"⌕";position:absolute;left:15px;top:7px;color:#638198;font-size:24px}.patch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.patch-card{display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.2s}.patch-card:hover{transform:translateY(-5px);box-shadow:0 25px 64px rgba(29,65,96,.17)}.patch-card[hidden]{display:none}.card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#14283a}.card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.patch-card:hover .card-image img{transform:scale(1.035)}.date-badge{position:absolute;left:14px;top:14px;color:#fff;background:rgba(11,27,42,.78);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.card-body{display:flex;flex-direction:column;flex:1;padding:20px}.card-tags,.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf3f9;color:#315f7e;font-size:12px;font-weight:800}.card-body h3{font-size:22px;line-height:1.3;color:var(--deep);margin:13px 0 9px}.card-body p{color:var(--muted);margin:0 0 18px}.read-more{display:inline-flex;gap:7px;margin-top:auto;color:#28678f;font-weight:900}.read-more::after{content:"→"}.empty-state{display:none;text-align:center;padding:38px;border:1px dashed #bacddd;border-radius:18px;color:var(--muted)}.empty-state.visible{display:block}
.reading-progress{position:fixed;left:0;top:0;z-index:70;width:0;height:3px;background:linear-gradient(90deg,#3b83b5,#d2a04c)}.article-hero{position:relative;min-height:470px;display:grid;align-items:end;overflow:hidden;background:#0b1a29;color:#fff}.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,24,.22),rgba(5,14,24,.92)),radial-gradient(circle at 18% 82%,rgba(44,120,173,.31),transparent 34rem)}.article-hero-content{position:relative;z-index:1;padding:82px 0 50px}.back-link{display:inline-flex;margin-bottom:20px;color:#e3eff6;font-weight:800}.article-meta{display:flex;gap:10px;color:#d3e4ef;font-size:13px;font-weight:800;text-transform:uppercase}.article-meta span::before{content:"•";margin-right:10px}.article-hero h1{font-size:clamp(36px,5.5vw,68px);line-height:1.06;letter-spacing:-.04em;margin:14px 0;max-width:950px}.article-hero p{max-width:830px;color:#e4f0f7;font-size:18px}.article-hero .tag{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17)}
.article-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;align-items:start;padding-top:32px;padding-bottom:74px}.article-sidebar{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.toc-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px rgba(30,65,95,.09);padding:17px}.toc-heading{font-size:16px;font-weight:900;color:var(--deep);margin-bottom:11px}.toc-list{display:flex;flex-direction:column;gap:3px}.toc-list a{padding:6px 8px;border-radius:8px;color:#49667c;font-size:13px;line-height:1.35}.toc-list a:hover,.toc-list a.active{background:#eaf3f9;color:#225d85}.toc-level-1{font-weight:900;color:#214e70!important;margin-top:5px}.toc-level-2{font-weight:700;padding-left:13px!important}.toc-level-3{padding-left:24px!important;color:#718392!important;font-size:12px!important}
.patch-article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 45px rgba(32,68,97,.1);padding:38px}.mobile-toc{display:none;margin-bottom:22px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#f8fbfd}.source-content{font-size:16px;color:#25384a}.source-content *{font-family:inherit!important}.source-content span{font-size:inherit!important}.source-content>.source-title{font-size:30px!important;line-height:1.25!important;font-weight:900!important;color:var(--deep)!important;margin:0 0 20px!important}.source-content h1,.source-content h2,.source-content h3{scroll-margin-top:95px;color:var(--deep)!important;line-height:1.28!important}.source-content h1{font-size:32px!important;margin:46px 0 17px!important;padding-top:22px!important;border-top:1px solid var(--line)!important}.source-content h2{font-size:26px!important;margin:37px 0 13px!important}.source-content h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:10px;background:linear-gradient(145deg,#397fae,#83b8d8);box-shadow:0 0 0 5px rgba(57,127,174,.1)}.source-content h3{font-size:21px!important;margin:28px 0 10px!important;color:#2c648b!important}.source-content p{margin:11px 0!important;line-height:1.78!important}.source-content ul,.source-content ol{margin:12px 0 17px!important;padding-left:25px!important}.source-content li{margin:6px 0!important}.source-content hr{border:0!important;border-top:1px solid var(--line)!important;margin:30px 0!important}.source-content img,.source-content video{display:block;max-width:100%!important;width:auto!important;height:auto!important;margin:auto!important;border-radius:14px}.source-content .media-block{margin:18px 0!important;padding:0!important;text-align:center!important;background:#0f2030;border-radius:16px;overflow:hidden;box-shadow:0 11px 30px rgba(25,58,84,.14)}.source-content .media-block img,.source-content .media-block video{width:100%!important;border-radius:0!important}.source-content table{width:100%!important;display:block;overflow:auto;border-collapse:collapse}.article-credit{margin-top:42px;padding:16px 18px;border-left:4px solid var(--accent);background:#fff8e8;border-radius:12px;color:#735820;font-weight:700}.article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.article-nav-card{display:flex;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:15px;background:#f8fbfd}.article-nav-card span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.article-nav-card strong{color:var(--deep);margin-top:5px}.article-nav-card.align-right{text-align:right}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:35;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--deep);box-shadow:0 10px 28px rgba(28,65,96,.18);font-weight:900;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.back-to-top.visible{opacity:1;pointer-events:auto}
.site-footer{border-top:1px solid var(--line);background:#e9f2f8;padding:30px 0;color:#4d6578}.site-footer .shell{display:flex;justify-content:space-between;gap:20px}.site-footer span{font-size:13px;color:#6b7e8e;text-align:right}
@media(max-width:980px){.patch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.mobile-toc{display:block}.patch-article{padding:26px}}@media(max-width:700px){.shell{width:min(100% - 22px,1180px)}.header-nav a{display:none}.home-hero{min-height:520px}.home-hero h1{font-size:40px}.section-head{align-items:stretch;flex-direction:column}.search-box input{width:100%}.patch-grid{grid-template-columns:1fr}.article-hero h1{font-size:39px}.patch-article{padding:20px}.source-content>.source-title{font-size:25px!important}.source-content h1{font-size:27px!important}.source-content h2{font-size:23px!important}.article-pagination{grid-template-columns:1fr}.article-nav-card.align-right{text-align:left}.site-footer .shell{flex-direction:column}.site-footer span{text-align:left}}