:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#e0e9e1;background:#080e0c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#080e0c}#viewport{position:fixed;inset:0}canvas{display:block}header{position:absolute;top:42px;left:48px;max-width:430px;pointer-events:none;text-shadow:0 2px 16px #000}.eyebrow{font-size:10px;letter-spacing:3px;color:#75b28b}h1{font-size:38px;font-weight:500;letter-spacing:8px;margin:16px 0 12px}blockquote{margin:0 0 9px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:17px;letter-spacing:2px;color:#d8e4da}p{font-size:12px;color:#839b8c;line-height:2}aside{position:absolute;right:38px;top:30%;width:205px;padding:22px;background:#0a120eae;border:1px solid #324b39;border-radius:3px;box-shadow:0 18px 50px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rule{height:1px;background:#2f4737;margin:18px 0}.energy-auto{display:flex;align-items:center;gap:9px;margin:21px 0 17px;color:#91b99e;font-size:11px;letter-spacing:.5px}.energy-auto i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#63f08c;box-shadow:0 0 10px #35ff70;animation:energy-breathe 2.8s ease-in-out infinite}@keyframes energy-breathe{50%{opacity:.38;box-shadow:0 0 3px #35ff70}}button,a{display:block;width:100%;background:transparent;color:#b3c9bb;border:1px solid #304737;font:inherit;font-size:12px;padding:11px;margin:9px 0;text-align:left;cursor:pointer;text-decoration:none}button:hover,a:hover{background:#1f3828;border-color:#70bb88}footer{position:absolute;bottom:25px;left:48px;right:38px;display:flex;justify-content:space-between;color:#73947f;font-size:11px;letter-spacing:1px;text-shadow:0 2px 10px #000}@media(max-aspect-ratio:6/5)and (min-width:701px){header{top:30px;left:30px;max-width:340px}h1{font-size:32px}blockquote{font-size:15px}aside{right:24px;top:auto;bottom:54px;width:190px;padding:17px}footer{left:30px;right:24px;bottom:20px}}@media(max-width:700px){header{top:18px;left:18px;right:18px;max-width:none}header p{display:none}h1{font-size:27px;letter-spacing:5px;margin:10px 0 7px}blockquote{font-size:13px;line-height:1.6;letter-spacing:1px;max-width:320px}.eyebrow{font-size:8px;letter-spacing:2px}aside{inset:auto 12px 42px;width:auto;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#08100ddb}aside>.eyebrow,aside>p,aside>.rule{display:none}.energy-auto{grid-column:1/-1;margin:0 2px 3px;font-size:10px}button,a{min-width:0;margin:0;padding:9px 5px;text-align:center;font-size:10px;white-space:nowrap}footer{left:16px;right:16px;bottom:17px;font-size:9px}footer span:last-child{display:none}}@media(max-width:390px){header{top:14px;left:14px}h1{font-size:24px}blockquote{font-size:12px}.energy-auto{font-size:9px}button,a{font-size:9px;padding:8px 3px}}