
:root{--bg:#f8f6f1;--ink:#293c33;--muted:#788077;--accent:#a44838;--line:#e5e5dc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b56c56;outline-offset:4px}nav{max-width:1160px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750}.brand b{display:grid;place-items:center;background:var(--accent);color:white;width:38px;height:38px;border-radius:12px;font-size:25px}.back{font-size:13px;color:#69756a;padding:9px 15px;border:1px solid var(--line);border-radius:30px}main{max-width:1160px;margin:auto;padding:6px 32px 36px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:300px;background:#eee8dd;border:1px solid #e8e1d5;border-radius:28px;padding:36px 44px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:650}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.3;margin:13px 0 16px;font-weight:750}.hero p{color:#748074;margin:0;font-size:14px}.chips{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.chips span{font-size:11px;padding:5px 10px;border:1px solid #d9d5c9;border-radius:25px;color:#657363}.art{height:230px;position:relative;display:flex;align-items:center;justify-content:center}.record{position:absolute;right:20px;width:218px;height:218px;border-radius:50%;background:repeating-radial-gradient(circle at center,#2d3e36 0 2px,#35473c 3px 4px);box-shadow:8px 18px 30px #263b3526;transform:rotate(-12deg)}.record:after{content:'♫';position:absolute;inset:73px;background:#c2755f;border:8px solid #ba6a55;border-radius:50%;color:#f9e4d5;font-size:36px;display:grid;place-items:center}.sleeve{position:relative;width:188px;height:215px;margin-right:105px;background:linear-gradient(145deg,#b1644f,#8f4436);border-radius:12px;box-shadow:0 20px 30px #542c2620;transform:rotate(-9deg);padding:24px;color:#f8dfc9;display:flex;flex-direction:column;justify-content:space-between}.sleeve small{font-size:9px;letter-spacing:3px}.sleeve strong{font-size:26px;line-height:1.4;letter-spacing:3px}.wave{display:flex;align-items:center;gap:5px;height:35px}.wave i{display:block;width:5px;border-radius:10px;background:#f2d8bf;height:17px}.wave i:nth-child(2n){height:32px}.wave i:nth-child(3n){height:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}h2{font-size:19px;margin:0}.section-head span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:25px 26px;background:white;border:1px solid var(--line);border-radius:22px;position:relative}.card.recommended{border-color:#b77a64;box-shadow:0 5px 20px #745e3e08}.recommend{position:absolute;right:22px;top:23px;color:var(--accent);font-size:10px;letter-spacing:1px;background:#f7e9e1;padding:4px 10px;border-radius:20px}.platform{display:flex;align-items:center;gap:14px;margin-bottom:16px}.platform-icon{width:46px;height:46px;border-radius:14px;background:#f3f1eb;display:grid;place-items:center}.platform-icon svg{width:25px;height:25px;fill:var(--ink)}h3{font-size:21px;margin:0;line-height:1.3}.sub{font-size:11px;color:var(--muted);margin:4px 0 0}.desc{font-size:13px;color:#788276;min-height:22px;margin:0 0 20px}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.download{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);color:white;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.download:hover{background:#8e3d30;transform:translateY(-1px)}.size{font-size:11px;color:#858c82}.extras{border-top:1px solid #eeeee7;margin-top:19px;padding-top:13px;display:flex;align-items:center;gap:18px;font-size:11px;color:#7a8278}.extras a:hover{text-decoration:underline}.hash{margin-top:8px;font-size:10px;overflow-wrap:anywhere;color:#737d71}.hash summary{cursor:pointer}.more{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fdfcf9;padding:16px 22px}.more>summary{font-size:13px;cursor:pointer;font-weight:600}.more p{font-size:12px;color:var(--muted);margin:10px 0}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0}.mini-row a{font-size:12px;color:var(--accent);white-space:nowrap}.help{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:0 2px;color:var(--muted);font-size:11px;gap:12px}.help a{color:#7c685b}.status{font-size:12px;color:var(--muted)}@media(max-width:680px){nav{padding:18px 20px}.brand{font-size:19px}main{padding:0 18px 25px}.hero{padding:27px;min-height:250px;grid-template-columns:1fr}.hero h1{font-size:32px;max-width:220px}.hero p{font-size:12px;max-width:220px}.art{position:absolute;right:-80px;top:35px;opacity:.13;width:280px;pointer-events:none}.chips{margin-top:20px}.grid{grid-template-columns:1fr}.card{padding:23px}.help{flex-direction:column;align-items:flex-start}.section-head span{font-size:10px}.hero>*:not(.art){z-index:1}.mini-row{align-items:flex-start}.back{padding:7px 12px}}
