*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;background-color:#f6f6f6;color:#202122}.site-header{background-color:#f8f9fa;border-bottom:1px solid #a2a9b1;padding:10px 20px}.logo-area{gap:12px}.logo-area,.logo-circle{display:flex;align-items:center}.logo-circle{width:40px;height:40px;border-radius:50%;border:2px solid #36c;justify-content:center;font-weight:700;font-size:18px}.logo-text h1{font-size:22px;margin-bottom:2px}.logo-text .tagline{font-size:12px;color:#555}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:16px;gap:16px;max-width:1200px;margin:0 auto;padding:16px}.sidebar{background-color:#f8f9fa;border:1px solid #a2a9b1;padding:10px;font-size:14px}.sidebar h2{font-size:16px;margin-bottom:8px}.sidebar ul{list-style:none;margin-bottom:12px}.sidebar li{margin-bottom:4px}.sidebar a{text-decoration:none;color:#36c}.sidebar a:hover{text-decoration:underline}.sidebar-box{margin-top:12px;padding:8px;border-radius:4px}.warning-box{background-color:#fff3cd;border:1px solid #ffeeba;font-size:12px}.content{background-color:#fff;border:1px solid #a2a9b1;padding:20px;overflow-x:hidden}.article h1{font-size:28px;margin-bottom:8px}.article-subtitle{font-size:14px;color:#555;margin-bottom:16px}.article h2{font-size:20px;margin-top:20px;margin-bottom:8px}.article p,.article ul{margin-bottom:10px}.article ul{margin-left:20px}.article li{margin-bottom:4px}.inline-figure{margin:16px 0;border:1px solid #a2a9b1;background:#f8f9fa;padding:10px;text-align:center;display:inline-block}.inline-figure img{width:auto;max-width:240px;height:auto;display:block;border:1px solid #a2a9b1;margin:0 auto}.inline-figure figcaption{font-size:12px;color:#555;margin-top:6px}.fake-link{color:#36c;text-decoration:underline;cursor:default}.infobox{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px;padding:12px;background:#f8f9fa;margin-bottom:18px}.infobox,.infobox img{border:1px solid #a2a9b1}.infobox img{width:100%;height:auto;background:#fff}.infobox-body{display:flex;flex-direction:column;gap:6px}.meta-row{font-size:13px;color:#444}.label{font-weight:700}.site-footer{max-width:1200px;margin:0 auto;padding:10px 16px 20px;font-size:12px;color:#555;text-align:center}.gate-overlay{position:fixed;inset:0;background:#000;color:#f1f1f1;display:flex;align-items:center;justify-content:center;z-index:9999}.gate-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);padding:20px;width:min(360px,90%);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.gate-box h1{font-size:20px;margin-bottom:12px;color:#f9f9f9;text-align:center}.gate-box label{font-size:14px;display:block;margin-bottom:6px}.gate-box input[type=password]{width:100%;padding:10px;border:1px solid #444;border-radius:4px;background:#111;color:#f9f9f9;margin-bottom:10px}.gate-box button{width:100%;padding:10px;border:none;border-radius:4px;background:#36c;color:#fff;font-weight:600;cursor:pointer}.gate-box button:hover{background:#2a54b8}.gate-box .error{color:#ffb4b4;font-size:13px;min-height:18px;margin-top:4px;text-align:center}@media (max-width:1024px){.layout{display:block;max-width:100%;padding:0 12px 12px}.layout,.sidebar{box-sizing:border-box}.sidebar{position:fixed;top:0;left:0;right:0;z-index:3;background:rgba(248,249,250,.98);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 12px;border:0;border-bottom:1px solid #a2a9b1;width:100%}.sidebar h2{display:none}.sidebar ul{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:0 0 6px;margin:0;scrollbar-width:thin}.sidebar li{margin:0;white-space:nowrap}.sidebar-box{font-size:11px;padding:6px 8px;margin:8px 0 0}.content{width:100%;box-sizing:border-box;margin-top:140px}.infobox{grid-template-columns:1fr}}