:root{--bg:#eef1f5;--surface:#ffffff;--text:#1e2530;--muted:#667085;--accent:#3457d5;--border:#e4e7ec;--radius:20px}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--surface:#161a22;--text:#e7eaf0;--muted:#98a2b3;--accent:#86a2ff;--border:#262b36}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;padding:6vh 20px}#page{width:clamp(320px,60%,900px);margin:0 auto;background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 2px rgba(16,24,40,.04),0 20px 40px -16px rgba(16,24,40,.18);overflow:hidden}#header{position:relative;min-height:220px;padding:28px 32px 24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(180deg,rgba(10,14,22,.15) 0,rgba(10,14,22,.8) 100%),url(../_images/mainpic01.webp) center/cover no-repeat}#content{padding:27px 32px 32px}h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}h1 a,h1 a:visited{color:inherit;text-decoration:none}.description{margin-top:4px;font-size:.95rem;font-weight:500;opacity:.9}#content h2{margin:28px 0 8px;font-size:1.05rem;font-weight:600}#content h2:first-child{margin-top:0}#content p{margin:0 0 16px}#content p:last-child{margin-bottom:0}#content ol,#content ul{margin:0 0 16px 20px;padding:0}#content li{margin-bottom:4px}a,a:visited{color:var(--accent);text-decoration:none}#content a{border-bottom:1px solid transparent;transition:border-color .15s ease}#content a:hover{border-bottom-color:currentColor}#footer{padding:20px 32px 28px;border-top:1px solid var(--border);text-align:center}#footer p{margin:0;font-size:.85rem;color:var(--muted)}#footer a,#footer a:visited{color:var(--muted);font-weight:600}#footer a:hover{color:var(--accent)}@media (max-width:480px){body{padding:0}#page{width:100%;border-radius:0;min-height:100vh}}