*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3eadc;color:#17212b;font-family:Arial,"Microsoft YaHei",sans-serif}.page{width:min(960px,calc(100% - 28px));min-height:100vh;margin:auto;padding:8vh 0;display:flex;flex-direction:column;justify-content:center}.shell{display:grid;grid-template-columns:.82fr 1.18fr;background:#fffdf8;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px #71523424}.brand{padding:clamp(30px,5vw,64px);background:#24333a;color:white;min-height:460px;display:flex;flex-direction:column;justify-content:space-between}.mark{width:52px;height:52px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:25px}.brand h1{font:400 clamp(34px,5vw,56px)/1.1 Georgia,serif;margin:64px 0 14px}.brand p{color:#c8d0d0;line-height:1.9}.content{padding:clamp(30px,5vw,62px)}.eyebrow{color:#c84d28;font-size:12px;font-weight:bold}.content h2{font-size:clamp(23px,3vw,31px)}.intro,.notice{color:#6c7782;line-height:1.8;font-size:14px}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}.links a{padding:25px 16px;border:1px solid #e9e4da;border-radius:6px;color:#17212b;text-decoration:none;font-weight:bold}.links a:after{content:'↗';float:right;color:#c84d28}footer{text-align:center;color:#78807d;font-size:12px;margin-top:18px}.admin-link{margin:15px auto;color:#71807b;font-size:12px}@media(max-width:680px){.shell{grid-template-columns:1fr}.brand{min-height:0}.brand h1{margin:40px 0 10px}}@media(max-width:390px){.links{grid-template-columns:1fr}}