:root{color:#252421;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;background:#eef4ec}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.blog-home{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 83% 0%,rgba(196,221,205,.65),transparent 34%),linear-gradient(115deg,#fbf4e5,#fbf7ec 46%,#eef5ea)}.blog-nav{width:min(1200px,calc(100vw - 48px));height:60px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:900}.logo-mark{display:grid;width:34px;height:34px;place-items:center;border:3px solid #22211f;border-radius:8px;background:#2e6b5c;color:#fff8e8;box-shadow:3px 3px #f3b145}.blog-nav nav{display:flex;align-items:center;gap:clamp(14px,2vw,24px);font-size:15px;font-weight:600;color:#4d514b}.blog-hero{width:min(1200px,calc(100vw - 48px));margin:40px auto 0;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.blog-eyebrow{margin:0;color:#c85143;font-size:13px;font-weight:900;letter-spacing:.16em}.hero-copy h1{margin:12px 0 16px;font-size:clamp(38px,6vw,76px);line-height:.95;letter-spacing:-.06em}.blog-intro{max-width:820px;margin:0;color:#55534f;font-size:clamp(15px,1.3vw,17px);font-weight:600;line-height:1.8}.blog-actions{display:flex;gap:14px;margin-top:32px}.black-button,.ghost-button{display:inline-flex;align-items:center;min-height:38px;padding:0 20px;border-radius:8px;font-size:15px;font-weight:800}.black-button{background:#242422;color:#fff8ec;box-shadow:3px 3px #f2b544}.ghost-button{border:2px solid #cbd6d1;color:#2d6a5a;background:#ffffff6b}.note-window{position:relative;min-height:300px}.window-shadow{position:absolute;top:22px;right:0;bottom:0;left:22px;border-radius:12px;background:#2b6a5a}.window-card{position:relative;margin:14px 20px 0 0;min-height:270px;border:2px solid #242422;border-radius:10px;background:#fffdf7;box-shadow:0 3px #0000000d}.window-dots{height:36px;display:flex;align-items:center;gap:8px;padding-left:20px;border-bottom:2px solid #ecebe2}.window-dots span{width:10px;height:10px;border:2px solid #242422;border-radius:999px}.window-dots span:nth-child(1){background:#ed684e}.window-dots span:nth-child(2){background:#f2b445}.window-dots span:nth-child(3){background:#8fc8b9}.paper-lines{position:relative;min-height:220px;padding:20px 24px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#ecebe2 35px,#ecebe2 36px)}.paper-lines .date{margin:0 0 10px;color:#c85143;font-size:13px;font-weight:800;letter-spacing:.12em}.paper-lines h2{margin:0 0 14px;font-size:clamp(24px,3.5vw,38px);line-height:1.1;letter-spacing:-.05em}.paper-lines>p:not(.date){max-width:600px;color:#56534f;font-size:15px;font-weight:700;line-height:1.7}.pill-row{position:absolute;left:24px;bottom:20px;display:flex;gap:10px}.pill-row span{padding:4px 12px;border:1px solid #5d5a51;border-radius:999px;background:#fff8df;font-size:13px;font-weight:800}.circle{position:absolute;border-radius:999px}.circle.red{right:32px;bottom:32px;width:64px;height:64px;background:#ed684e}.circle.yellow{right:12px;bottom:12px;width:68px;height:68px;border:2px solid #242422;background:#f0b344}.latest-section{width:min(1200px,calc(100vw - 48px));margin:50px auto 40px}.latest-head{display:flex;align-items:end;justify-content:space-between}.latest-head h2{margin:0;font-size:clamp(26px,3.5vw,36px);line-height:1;letter-spacing:-.06em}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.note-card{min-height:120px;padding:20px 24px;border:2px solid #deddd4;border-radius:8px;background:#ffffff73}.note-card div{display:flex;justify-content:space-between;color:#2d6a5a;font-size:13px;font-weight:800}.note-card h3{margin:16px 0 8px;font-size:18px}.note-card p{color:#5c5a56;font-size:14px;font-weight:500;line-height:1.6;margin:0}.gate-screen,.login-screen,.systems-screen{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(255,193,7,.28),transparent 26%),linear-gradient(135deg,#eaf4e6,#f8efe1 52%,#dfeeea)}.gate-card,.login-panel{width:min(440px,calc(100vw - 48px));margin:0 auto;padding:56px 0}.login-panel{display:grid;gap:28px}h1{font-size:clamp(36px,6vw,68px);line-height:.95;margin:8px 0 16px}.eyebrow{color:#64746a;letter-spacing:.18em;text-transform:uppercase}.muted{color:#61706a}input{display:block;width:100%;box-sizing:border-box;border:1px solid #cbd8cf;border-radius:18px;padding:14px 16px;margin:12px 0;background:#ffffffbd}button{border:0;border-radius:999px;padding:12px 18px;background:#16382f;color:#fff;cursor:pointer}.primary{width:100%}.captcha-box{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:22px;background:#fff;box-shadow:0 20px 60px #1d3c311f}.captcha-box button,.hero button,.topbar button{width:auto;background:#dfe9df;color:#16382f}.error{color:#b42318}.hero{width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:56px 0 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero-actions{display:flex;gap:12px}.learn-check-panel{width:min(1120px,calc(100vw - 48px));margin:0 auto 22px;padding:22px;border:1px solid rgba(45,106,90,.18);border-radius:28px;background:#ffffff9e;box-shadow:0 20px 60px #1f3a3017}.learn-check-panel h2{margin:4px 0 8px;font-size:26px}.learn-check-panel p{margin:0;color:#61706a}.learn-check-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.learn-check-actions button{background:#16382f}.learn-result{margin-top:16px;padding:16px;border-radius:20px;background:#f9f1dd}.learn-result span{display:block;color:#c85143;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.learn-result strong{display:block;margin-top:6px;font-size:24px}.system-grid{width:min(1120px,calc(100vw - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding-bottom:64px}.system-card{position:relative;min-height:210px;border-radius:30px;padding:24px;background:#ffffffb8;box-shadow:0 24px 70px #1f3a301f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.system-card:hover{transform:translateY(-5px);box-shadow:0 28px 80px #1f3a302e}.icon{font-size:32px}.tag{position:absolute;top:22px;right:22px;background:#f6d99b;border-radius:999px;padding:6px 10px;font-size:12px}.micro-shell{min-height:100vh;background:#f3f6f0}.topbar{height:58px;padding:0 20px;display:flex;align-items:center;gap:16px;background:#fff;box-shadow:0 8px 28px #16382f14}.micro-frame{display:block;width:100%;height:calc(100vh - 58px);border:0}@media (max-width: 980px){.blog-nav{height:auto;padding:18px 0;align-items:flex-start}.blog-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 20px;font-size:18px}.blog-hero{grid-template-columns:1fr;margin-top:36px}.note-window{min-height:auto}.window-card{margin:0}.window-shadow{display:none}.note-grid{grid-template-columns:1fr}.latest-head{display:block}}