| 7 |
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:#112d5c;color:#fff;font-family:Arial,"PingFang SC",sans-serif}.page{width:min(100vw,177.78vh);height:min(56.25vw,100vh);padding:5.5%;background:linear-gradient(135deg,#f3f5f8 0 55%,#112d5c 55%);color:#112d5c;position:relative;overflow:hidden}.meta{font:12px/1 monospace;letter-spacing:2px;color:#7c4e2c}.title{margin-top:8%;max-width:54%}h1{margin:0;font-size:clamp(45px,6.5vw,108px);line-height:.95}.title p{font-size:clamp(14px,1.6vw,26px);line-height:1.5;color:#404040}.seal{position:absolute;right:12%;top:17%;width:23%;aspect-ratio:1;border:2px solid #d4ba54;border-radius:50%;display:grid;place-items:center;color:#d4ba54;font:clamp(14px,2vw,34px) Georgia}.cards{position:absolute;left:5.5%;bottom:7%;display:flex;gap:12px;width:64%}.card{flex:1;padding:16px;border-top:4px solid #173c7a;background:#fff;font-size:13px;line-height:1.35}.card b{display:block;font-size:clamp(24px,3vw,50px);color:#7c4e2c}.side{position:absolute;right:6%;bottom:9%;color:#fff;font:13px/1.5 monospace;letter-spacing:1px}.side strong{display:block;font-size:clamp(38px,6vw,100px);color:#d4ba54} |