*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4efdf;color:#242820;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1140px;margin:auto;padding:0 36px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:2px solid #242820;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:14px;font-weight:800;letter-spacing:1.5px}.brand-icon{display:grid;place-items:center;background:#d0e97c;border:2px solid #242820;width:30px;height:30px;box-shadow:3px 3px 0 #242820;font-size:12px}.issue{font-size:11px;letter-spacing:1px}.intro{padding:36px 0 26px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;margin:0 0 15px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#71813b}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1px;margin:0;font-weight:850}h1 span{display:block;font-size:clamp(20px,3vw,32px);margin-top:8px;letter-spacing:0}.description{font-size:14px;line-height:1.8;color:#606452;margin:16px 0 0}.screen{border:2px solid #242820;background:#151714;box-shadow:7px 7px 0 #242820;overflow:hidden}video{display:block;width:100%;aspect-ratio:16/9;background:#151714}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 28px}.toolbar p{font-size:12px;color:#606452;line-height:1.6;margin:0}.actions{display:flex;gap:10px;flex-shrink:0}button,.download{font:inherit;font-size:12px;font-weight:750;padding:11px 14px;border:1.5px solid #242820;border-radius:0;background:#f4efdf;color:#242820;text-decoration:none;cursor:pointer;min-height:44px}button:hover{background:#e8e3d2}.download{background:#d0e97c}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #788e32;outline-offset:4px}.details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid #242820;border-bottom:1.5px solid #242820;padding:20px 0;gap:15px}.details>div{display:flex;flex-direction:column;gap:8px}.label{font-size:10px;color:#606452;letter-spacing:2px}strong{font-size:13px;font-weight:650}footer{display:flex;justify-content:space-between;gap:14px;padding:28px 0 32px;font-size:10px;letter-spacing:1px;color:#606452}@media(max-width:600px){main{padding:0 18px}header{padding:21px 0}.brand{font-size:11px;letter-spacing:1px}.issue{font-size:9px;letter-spacing:0}.intro{padding:29px 0 22px}h1{font-size:32px}h1 span{font-size:21px}.description{font-size:12px}.screen{box-shadow:5px 5px 0 #242820}.toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.actions{width:100%}.actions>*{text-align:center;flex:1}.details{gap:9px;padding:18px 0}strong{font-size:11px}.label{font-size:10px}footer{flex-direction:column;padding-bottom:max(25px,env(safe-area-inset-bottom));gap:8px}}@media(orientation:landscape) and (max-height:500px){.intro{padding:15px 0}.intro h1 span,.description,.eyebrow{display:none}header{padding:12px 0}main{max-width:820px}.screen{max-height:70vh}video{max-height:70vh}}