*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-950:#020c1b;--blue-900:#0a1f3d;--blue-800:#0d2e6b;--blue-700:#1042a8;--blue-600:#1a5fcc;--blue-500:#2979ff;--blue-400:#5c9bff;--blue-300:#93bfff;--blue-100:#d6e8ff;--blue-50:#eef5ff;--accent:#00cfff;--text-dark:#0c1828;--text-body:#253a55;--text-muted:#607d9b;--border:#d8e8f8;--surface:#fff;--r:18px}html{scroll-behavior:smooth}body{background:var(--blue-50);color:var(--text-body);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.nav{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:68px;padding:0 5%;display:flex}.nav-brand{color:var(--blue-800);font-family:Playfair Display,serif;font-size:1.4rem;font-weight:900;text-decoration:none}.nav-back{color:var(--blue-700);border:1.5px solid var(--blue-300);border-radius:50px;align-items:center;gap:8px;padding:9px 22px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-back:hover{background:var(--blue-700);color:#fff;border-color:var(--blue-700);transform:translate(-3px)}.rp{z-index:199;pointer-events:none;height:3px;position:fixed;top:68px;left:0;right:0}.rp-bar{background:linear-gradient(90deg, var(--blue-500), var(--accent));width:0%;height:100%;transition:width 80ms linear}.hero{background:linear-gradient(130deg, var(--blue-950) 0%, var(--blue-800) 50%, var(--blue-600) 100%);flex-direction:column;width:100%;display:flex;position:relative;overflow:visible}.thumb-wrap{z-index:2;width:100%;margin-bottom:-160px;padding:0 5%;position:relative}.hero-blob1{pointer-events:none;background:radial-gradient(circle,#00cfff33 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:-300px;right:-150px}.hero-blob2{pointer-events:none;background:radial-gradient(circle,#2979ff38 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:8%}.hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hero-content{z-index:2;width:100%;padding:88px 5%;position:relative}.hero-chip{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#00cfff26;border:1px solid #00cfff59;border-radius:50px;align-items:center;gap:9px;margin-bottom:24px;padding:7px 18px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-chip-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero h1{color:#fff;letter-spacing:-2px;max-width:900px;margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;line-height:1.1}.hero-excerpt{color:#ffffffa6;max-width:680px;margin-bottom:40px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8}.hero-pills{flex-wrap:wrap;gap:12px;display:flex}.h-pill{color:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:50px;align-items:center;gap:9px;padding:10px 20px;font-size:.85rem;display:inline-flex}.thumb-wrap img{object-fit:cover;border-radius:var(--r);width:100%;max-width:1400px;height:clamp(240px,36vw,520px);margin:0 auto;display:block;box-shadow:0 28px 80px #05143c4d}.thumb-placeholder{border-radius:var(--r);background:linear-gradient(135deg, var(--blue-800), var(--blue-500));justify-content:center;align-items:center;width:100%;max-width:1400px;height:320px;margin:0 auto;display:flex;box-shadow:0 28px 80px #05143c4d}.body-wrap{grid-template-columns:1fr 380px;align-items:start;gap:48px;width:100%;max-width:1500px;margin:0 auto;padding:180px 5% 100px;display:grid}.article-card{background:var(--surface);border-radius:var(--r);border:1px solid var(--border);box-shadow:0 4px 40px #0a286412}.article-body{padding:56px 64px}.prose{color:var(--text-body);font-size:1.06rem;line-height:1.9}.prose h2{color:var(--text-dark);margin:48px 0 18px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;line-height:1.25}.prose h3{color:var(--blue-800);margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.prose p{margin-bottom:22px}.prose a{color:var(--blue-600);-webkit-text-decoration-color:var(--blue-300);text-decoration-color:var(--blue-300);text-underline-offset:3px}.prose strong{color:var(--text-dark);font-weight:600}.prose img{border-radius:12px;max-width:100%;margin:28px 0}.prose blockquote{border-left:4px solid var(--blue-500);background:var(--blue-50);color:var(--blue-800);border-radius:0 14px 14px 0;margin:32px 0;padding:24px 28px;font-size:1.08rem;font-style:italic}.prose ul,.prose ol{margin-bottom:22px;padding-left:28px}.prose li{margin-bottom:10px}.prose pre{background:var(--blue-950);color:#93bfff;border-radius:14px;margin:28px 0;padding:28px 32px;font-size:.9rem;line-height:1.7;overflow-x:auto}.prose code{background:var(--blue-50);color:var(--blue-700);border-radius:6px;padding:2px 8px;font-size:.9em}.prose pre code{color:inherit;background:0 0;padding:0}.card-sep{background:var(--border);height:1px;margin:0 64px}.share-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:28px 64px;display:flex}.share-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-right:4px;font-size:.76rem;font-weight:700}.sb{cursor:pointer;background:0 0;border:1.5px solid;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.sb-fb{color:#1877f2;border-color:#1877f2}.sb-fb:hover{color:#fff;background:#1877f2}.sb-tw{color:#0f1419;border-color:#cbd5e1}.sb-tw:hover{color:#fff;background:#0f1419;border-color:#0f1419}.sb-wa{color:#25d366;border-color:#25d366}.sb-wa:hover{color:#fff;background:#25d366}.sb-cp{color:var(--blue-700);border-color:var(--blue-300)}.sb-cp:hover{background:var(--blue-700);color:#fff}.sidebar{flex-direction:column;gap:24px;display:flex}.sc{background:var(--surface);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 28px #0a28640f}.sc-head{align-items:center;gap:10px;padding:22px 24px 14px;display:flex}.sc-bar{background:linear-gradient(to bottom, var(--blue-500), var(--accent));border-radius:4px;flex-shrink:0;width:4px;height:20px}.sc-title{color:var(--text-dark);font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700}.info-list{flex-direction:column;gap:14px;padding:4px 24px 24px;display:flex}.info-row{align-items:center;gap:14px;display:flex}.info-ico{background:var(--blue-50);border:1px solid var(--border);width:40px;height:40px;color:var(--blue-600);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-txt strong{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.info-txt span{color:var(--text-dark);font-size:.9rem;font-weight:500}.rel-list{flex-direction:column;padding:4px 24px 24px;display:flex}.rel-item{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;text-decoration:none;transition:opacity .15s;display:flex}.rel-item:last-child{border-bottom:none}.rel-item:hover{opacity:.78}.rel-item:hover .rel-title{color:var(--blue-600)}.rel-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:72px;height:60px}.rel-ph{background:linear-gradient(135deg, var(--blue-100), var(--blue-300));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:60px;display:flex}.rel-body{flex:1;min-width:0}.rel-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:.875rem;font-weight:600;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.rel-date{color:var(--text-muted);font-size:.75rem}.toast{background:var(--blue-900);color:#fff;opacity:0;pointer-events:none;z-index:999;white-space:nowrap;border-radius:50px;padding:13px 28px;font-size:.85rem;font-weight:500;transition:all .3s;position:fixed;bottom:36px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 8px 40px #00000040}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-chip{animation:.5s 50ms both up}.hero h1{animation:.6s .15s both up}.hero-excerpt{animation:.6s .25s both up}.hero-pills{animation:.6s .35s both up}.article-card{animation:.6s .4s both up}.sc{animation:.6s .5s both up}@media (width<=1100px){.body-wrap{grid-template-columns:1fr;max-width:860px}.sidebar{flex-flow:wrap}.sc{flex:1;min-width:280px}}@media (width<=768px){.hero h1{letter-spacing:-.8px}.article-body{padding:28px 24px}.card-sep{margin:0 24px}.share-bar{padding:22px 24px}.sidebar{flex-direction:column}.sc{min-width:unset}}@media (width<=480px){.nav-inner,.hero-content,.thumb-wrap,.body-wrap{padding-left:16px;padding-right:16px}}