:root{--ink:#12213f;--muted:#61708e;--line:#e6ecf5;--brand:#356df6;--brand-2:#7c5cff;--paper:#fff;--soft:#f5f8ff;--shadow:0 20px 50px rgba(36,67,125,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,236,245,.75)}.topbar .shell{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:.2px}.brand img{width:37px;height:37px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;color:#455474;font-size:14px}.nav a:hover{color:var(--brand)}.nav .nav-login{padding:9px 15px;border-radius:9px;background:var(--ink);color:#fff}.menu{display:none;border:0;background:transparent;font-size:25px;color:var(--ink);cursor:pointer}.hero{position:relative;overflow:hidden;padding:96px 0 86px;background:linear-gradient(118deg,#f8fbff 0%,#f3f6ff 52%,#faf7ff 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(1px);opacity:.55}.hero:before{width:560px;height:560px;right:-160px;top:-285px;background:radial-gradient(circle,#9ebcff 0,rgba(158,188,255,0) 68%)}.hero:after{width:430px;height:430px;left:-210px;bottom:-300px;background:radial-gradient(circle,#bdadff 0,rgba(189,173,255,0) 68%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #d9e4ff;border-radius:999px;background:#fff;color:#356df6;font-size:13px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#35bf8a;box-shadow:0 0 0 4px #dff9ed}.hero h1{max-width:640px;margin:17px 0 14px;font-size:clamp(38px,5vw,62px);line-height:1.14;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--brand)}.hero p{max-width:570px;margin:0;color:var(--muted);font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border:0;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(120deg,var(--brand),#5a75ff);color:#fff;box-shadow:0 12px 24px rgba(53,109,246,.24)}.button.ghost{background:#fff;border:1px solid #dce5f6;color:#273757}.button.api{color:#6545d9;background:#f4f0ff;border:1px solid #d8ccff}.button.api:hover{box-shadow:0 10px 22px rgba(101,69,217,.14)}.trust{display:flex;gap:25px;margin-top:25px;color:#6d7b96;font-size:13px}.trust span:before{content:"✓";margin-right:6px;color:#34af7b;font-weight:bold}.preview{position:relative;min-height:372px}.phone{position:absolute;right:35px;top:0;width:235px;padding:8px;border:7px solid #1a2843;border-radius:34px;background:#1a2843;box-shadow:0 26px 48px rgba(31,55,101,.26);transform:rotate(5deg)}.phone img{display:block;width:100%;border-radius:20px}.float-card{position:absolute;left:0;bottom:22px;width:222px;padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.float-card b{display:block;font-size:14px}.float-card small{display:block;margin-top:5px;color:var(--muted)}.float-card .dots{display:flex;gap:5px;margin-top:11px}.dots i{width:26px;height:4px;border-radius:99px;background:#dce5f6}.dots i:first-child{background:var(--brand)}section{padding:88px 0}.section-head{max-width:640px;margin:0 auto 39px;text-align:center}.section-head h2{margin:0;font-size:32px;letter-spacing:-.8px}.section-head p{margin:10px 0 0;color:var(--muted)}.features{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:185px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:.25s}.feature:hover{border-color:#b9cbff;box-shadow:0 14px 30px rgba(49,93,181,.1);transform:translateY(-3px)}.icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:11px;background:#edf2ff;color:var(--brand);font-size:19px}.feature:nth-child(3n+2) .icon{background:#f1edff;color:#7655e9}.feature:nth-child(3n) .icon{background:#e9faf4;color:#129c6a}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.showcase{background:var(--soft)}.shots{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:start}.shot{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 13px 26px rgba(41,63,104,.12)}.shot img{display:block;width:100%;height:280px;object-fit:cover;object-position:top;transition:transform .35s}.shot:hover img{transform:scale(1.04)}.support{padding:82px 0;background:linear-gradient(125deg,#16274b,#253c6f);color:#fff}.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.support h2{margin:0 0 12px;font-size:32px}.support p{margin:0;color:#c8d3ec}.contact-list{display:grid;gap:10px;margin-top:24px}.contact-list a,.contact-list span{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:7px 0;color:#fff}.contact-list i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.13);font-style:normal}.notice{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07);font-size:14px;line-height:1.8}.friends{padding:46px 0;background:#fff}.friends-wrap{display:flex;align-items:center;gap:20px}.friends h2{flex:0 0 auto;margin:0;font-size:18px}.friend-list{display:flex;flex-wrap:wrap;gap:9px}.friend-list a{padding:6px 11px;border:1px solid var(--line);border-radius:7px;color:#566581;font-size:13px}.friend-list a:hover{color:var(--brand);border-color:#bed0ff}footer{padding:34px 0;color:#7986a0;font-size:13px;text-align:center;background:#f8faff}footer p{margin:7px 0}footer a:hover{color:var(--brand)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,21,44,.52)}.modal.open{display:flex}.dialog{width:min(430px,100%);padding:26px;border-radius:17px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.25)}.dialog h2{margin:0 0 15px;font-size:21px}.dialog p{margin:8px 0;color:#62708b}.changelog{max-height:160px;margin:16px 0;padding:12px;border-radius:9px;background:#f4f7fc;color:#53617c;font-size:14px;white-space:pre-wrap;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;z-index:101;left:50%;bottom:24px;transform:translateX(-50%) translateY(90px);padding:11px 16px;border-radius:9px;background:#17233c;color:#fff;box-shadow:var(--shadow);transition:transform .25s}.toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:800px){.shell{width:min(100% - 32px,600px)}.topbar .shell{height:64px}.nav{display:none;position:absolute;top:64px;left:16px;right:16px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{padding:10px}.nav .nav-login{text-align:center}.menu{display:block}.hero{padding:65px 0 57px}.hero-grid,.support-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero p{font-size:16px}.preview{min-height:310px;max-width:390px;margin:auto;width:100%}.phone{right:20px;width:190px}.float-card{left:4px;bottom:0;width:200px}.trust{gap:13px;flex-wrap:wrap}.feature-grid{grid-template-columns:repeat(2,1fr)}section{padding:62px 0}.shots{grid-template-columns:repeat(2,1fr)}.shot img{height:250px}.support{padding:61px 0}.friends-wrap{display:block}.friends h2{margin-bottom:14px}}
@media(max-width:460px){.brand{font-size:17px}.hero h1{font-size:36px}.actions{display:grid;grid-template-columns:1fr}.button{width:100%}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.shots{gap:10px}.shot img{height:220px}.section-head h2,.support h2{font-size:27px}.phone{right:5px;width:171px}.float-card{width:185px;padding:13px}.preview{min-height:275px}}

/* 安卓客户端历史版本 */
.dialog-actions{flex-wrap:wrap}.history-button{min-height:44px;padding:0 15px;color:#356df6;background:#edf2ff;border:1px solid #cfdbff}.history-button:hover{box-shadow:0 10px 22px rgba(53,109,246,.12)}.history-modal{z-index:102}.history-dialog{width:min(860px,100%);max-height:min(86vh,780px);padding:0;overflow:hidden}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid var(--line)}.history-head h2{margin:0;font-size:22px}.history-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.history-close{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:9px;color:#66748e;background:#fff;font-size:24px;line-height:30px;cursor:pointer}.history-close:hover{color:var(--brand);border-color:#bfd0ff;background:#f5f8ff}.history-status{padding:50px 24px;color:var(--muted);text-align:center}.history-status.error{color:#c44545}.history-list{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:calc(86vh - 104px);padding:20px 26px 26px;overflow:auto;background:#f8faff}.history-list.ready{display:grid}.version-card{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff}.version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.version-name{margin:0;font-size:18px}.version-code{margin-top:3px;color:var(--muted);font-size:12px}.version-date{flex:0 0 auto;padding:4px 8px;border-radius:7px;color:#53617c;background:#f1f4f9;font-size:12px}.latest-badge{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:99px;color:#fff;background:var(--brand);font-size:11px;vertical-align:2px}.version-log{min-height:76px;max-height:145px;margin:15px 0;overflow:auto;color:#5e6c87;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.version-card .button{min-height:42px;margin-top:auto}.toast{z-index:110}
@media(max-width:800px){.history-list{grid-template-columns:1fr;max-height:calc(92vh - 104px);padding:16px}.history-dialog{max-height:92vh}.history-head{padding:20px 18px 16px}}
@media(max-width:460px){.dialog-actions{display:grid}.history-close{width:36px}.version-card{padding:16px}}