:root {
    color-scheme: light;
    --ink: #1d1d1f;
    --muted: #8a8a90;
    --line: #e2e2e7;
    --page: #f7f7f9;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.simple-page {
    min-width: 320px;
    min-height: 100vh;
    background: var(--page);
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
}

.simple-main {
    width: min(100% - 40px, 560px);
    margin: 0 auto;
    padding: 68px 0 84px;
}

.brand-mark-only {
    display: block;
    width: 156px;
    height: auto;
    margin: 0 auto 58px;
}

.software-list { display: flex; flex-direction: column; gap: 64px; }
.software-block { text-align: center; }
.software-heading { margin-bottom: 28px; }
.software-heading h2 { margin: 0; font-size: 30px; line-height: 1.25; font-weight: 650; overflow-wrap: anywhere; }
.software-heading p { margin: 11px auto 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.software-actions { display: flex; flex-direction: column; gap: 14px; }
.platform-action { display: grid; grid-template-columns: 1fr 116px; gap: 10px; }

.download-button, .copy-button {
    height: 54px;
    border: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 15px;
    font-weight: 550;
    transition: opacity .15s ease, transform .15s ease, border-color .15s ease;
}

.download-button { color: #fff; box-shadow: 0 7px 18px rgba(0,0,0,.1); }
.download-button:hover { opacity: .9; }
.download-button:active, .copy-button:active { transform: scale(.985); }
.download-button svg, .copy-button svg { width: 18px; height: 18px; stroke-width: 2; }
.copy-button { border: 1px solid var(--line); background: #fff; color: #4e4e52; cursor: pointer; }
.copy-button:hover { border-color: #b9b9bf; }
.copy-button.is-copied { border-color: #34c759; color: #248a3d; }

.platform-android .download-button { background: #1687f8; }
.platform-ios .download-button { background: #1d1d1f; }
.platform-windows .download-button { background: #087ca7; }
.platform-mac .download-button { background: #655a86; }

.simple-empty { text-align: center; padding: 40px 0; }
.simple-empty h2 { margin: 0; font-size: 24px; }
.simple-empty p { margin: 10px 0 0; color: var(--muted); }

.rt-toast {
    position: fixed;
    z-index: 10;
    left: 50%;
    bottom: 24px;
    min-width: 190px;
    height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(29,29,31,.94);
    color: #fff;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%,10px);
    transition: opacity .2s ease, transform .2s ease;
}
.rt-toast.is-visible { opacity: 1; transform: translate(-50%,0); }
.rt-toast svg { width: 16px; height: 16px; color: #34c759; }

@media (max-width: 520px) {
    .simple-main { width: calc(100% - 40px); padding: 58px 0 72px; }
    .brand-mark-only { width: 142px; height: auto; margin-bottom: 52px; }
    .software-list { gap: 58px; }
    .software-heading { margin-bottom: 25px; }
    .software-heading h2 { font-size: 28px; }
    .software-heading p { font-size: 14px; }
    .platform-action { grid-template-columns: 1fr 108px; gap: 8px; }
    .download-button, .copy-button { height: 52px; font-size: 14px; }
    .rt-toast { bottom: calc(20px + env(safe-area-inset-bottom)); }
}

@media (max-width: 350px) {
    .simple-main { width: calc(100% - 30px); }
    .platform-action { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .download-button, .copy-button, .rt-toast { transition: none; }
}