:root { --ink:#202735; --muted:#737b89; --page:#f1f3f6; --panel:#fff; --row:#f5f6f8; --row-hover:#eef1f5; --accent:#5254c6; --accent-dark:#3f41a8; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:var(--page); color:var(--ink); font:16px/1.5 "Segoe UI","Microsoft YaHei",sans-serif; }
.download-page { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:52px 0 60px; }
.download-panel { padding:56px 58px 62px; border-radius:18px; background:var(--panel); box-shadow:0 18px 48px rgba(31,39,53,.06); }
.hero { margin-bottom:46px; text-align:center; } h1,p { margin:0; } h1 { font-size:42px; font-weight:700; line-height:1.22; letter-spacing:0; }
.title-line { display:block; width:44px; height:3px; margin:18px auto 16px; border-radius:2px; background:#3ebcb8; }.hero p { color:var(--muted); font-size:17px; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.download-row { min-height:116px; display:flex; align-items:center; gap:21px; padding:20px 26px; border:1px solid transparent; border-radius:8px; background:var(--row); color:var(--ink); text-decoration:none; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; }.download-row:hover { border-color:#d4dae3; background:var(--row-hover); box-shadow:0 8px 18px rgba(31,39,53,.07); transform:translateY(-1px); }.download-row:focus-visible,.contact-banner:focus-visible { outline:3px solid #87d8d4; outline-offset:3px; }.product-icon { display:grid; flex:0 0 auto; width:76px; height:76px; place-items:center; overflow:hidden; border-radius:12px; background:#fff; }.product-icon img { display:block; width:100%; height:100%; object-fit:contain; }.product-name{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:0}.product-unavailable{opacity:.56;cursor:not-allowed}.product-unavailable:hover{border-color:transparent;background:var(--row);box-shadow:none;transform:none}
.contact-banner { min-height:124px; display:flex; align-items:center; gap:17px; margin-top:28px; padding:24px 38px; border-radius:14px; background:var(--accent); color:#fff; text-decoration:none; transition:background .16s ease,transform .16s ease; }.contact-banner:hover{background:var(--accent-dark);transform:translateY(-1px)}.contact-mark{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;font-size:15px;font-weight:800}.contact-banner strong,.contact-banner small{display:block}.contact-banner strong{font-size:20px;line-height:1.2}.contact-banner small{margin-top:6px;color:rgba(255,255,255,.82);font-size:15px}.contact-arrow{margin-left:auto;font-size:30px;font-weight:300}
@media(max-width:760px){.download-page{width:min(100% - 28px,620px);padding:24px 0 36px}.download-panel{padding:38px 20px 28px;border-radius:12px}.hero{margin-bottom:30px}h1{font-size:32px}.hero p{font-size:15px}.product-grid{grid-template-columns:1fr;gap:13px}.download-row{min-height:94px;padding:14px 18px;gap:16px}.product-icon{width:62px;height:62px;border-radius:10px}.product-name{font-size:17px}.contact-banner{min-height:102px;margin-top:18px;padding:20px 24px;border-radius:12px}.contact-mark{width:48px;height:48px}.contact-banner strong{font-size:18px}}