:root{--ink:#071a34;--muted:#61738d;--line:#d6e1ef;--blue:#2867ee;--blue-dark:#1555dc;--bg:#f4f7fb;--white:#fff;--green:#129c72;--soft:#edf4ff;--accent-shadow:rgba(40,103,238,.2)}
html[data-theme="ocean"]{--blue:#2867ee;--blue-dark:#1555dc;--soft:#edf4ff;--bg:#f4f7fb;--accent-shadow:rgba(40,103,238,.2)}
html[data-theme="teal"]{--blue:#0d9b83;--blue-dark:#087865;--soft:#e8f8f4;--bg:#f2f9f7;--accent-shadow:rgba(13,155,131,.2)}
html[data-theme="violet"]{--blue:#7657e8;--blue-dark:#5c3fc8;--soft:#f1edff;--bg:#f7f5fc;--accent-shadow:rgba(118,87,232,.2)}
html[data-theme="sunset"]{--blue:#e86a35;--blue-dark:#c94f20;--soft:#fff0e9;--bg:#fff7f3;--accent-shadow:rgba(232,106,53,.2)}
html[data-theme="cyan"]{--blue:#0797c8;--blue-dark:#05759d;--soft:#e8f8fd;--bg:#f1f9fb;--accent-shadow:rgba(7,151,200,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .7s ease}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.compact-shell{width:min(1200px,calc(100% - 40px));margin:0 auto}
.compact-header{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.compact-brand{display:grid;grid-template-columns:40px auto;grid-template-rows:22px 15px;column-gap:10px;align-items:center}
.compact-brand>span{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 82%,white),var(--blue-dark));color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 20px var(--accent-shadow);transition:background .7s ease,box-shadow .7s ease}
.compact-brand strong{font-size:18px;letter-spacing:.06em}
.compact-brand small{font-size:10px;color:var(--muted);letter-spacing:.12em}
.compact-actions{display:flex;align-items:center;gap:20px}
.wechat-contact{margin:0;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);white-space:nowrap}
.wechat-contact strong{font-size:14px;color:var(--ink);font-weight:750}
.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}
.language-switch a{height:30px;min-width:34px;padding:0 8px;border-radius:7px;display:grid;place-items:center;font-size:12px;color:var(--muted);font-weight:700}
.language-switch a[aria-current=true]{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(23,55,94,.1)}
.remote-main{min-height:calc(100vh - 142px);padding:58px 0 64px}
.remote-heading{display:block;text-align:center}
.remote-kicker{margin:0 0 13px!important;color:var(--blue)!important;font-weight:850!important;font-size:13px!important;letter-spacing:.12em}
.remote-heading h1{margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.13;letter-spacing:-.035em}
.remote-toolbar{margin:24px 0 18px;display:flex;align-items:center;justify-content:flex-end;gap:20px}
.category-filters{display:flex;gap:8px;flex-wrap:wrap}
.category-filters button{height:36px;padding:0 16px;border:1px solid #cbd8e7;border-radius:10px;background:#fff;color:#51647d;font-size:13px;font-weight:700;cursor:pointer}
.category-filters button.is-active{border-color:var(--blue);background:var(--soft);color:var(--blue)}
.remote-toolbar>p{margin:0;color:#63758d;font-size:13px;white-space:nowrap}
.remote-toolbar>p strong{color:var(--ink);font-size:16px}
.remote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.remote-card{min-height:354px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(25,55,88,.04);transition:border-color .7s ease,box-shadow .7s ease}
.remote-card[hidden]{display:none}
.remote-card-title{display:flex;align-items:center;gap:14px;min-width:0}
.remote-icon{width:60px;height:60px;border:0;border-radius:15px;display:grid;place-items:center;background:transparent;flex:0 0 auto;overflow:visible}
.remote-icon img{width:56px;height:56px;object-fit:contain;border-radius:13px}
.remote-icon b{font-size:22px;color:var(--blue)}
.remote-card-title>div{min-width:0;flex:1}
.remote-card-title h2{margin:0;font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.remote-card-title small{display:block;margin-top:5px;color:#8695a9;font-size:11px}
.remote-card-title em{font-style:normal;font-size:10px;font-weight:800;color:var(--blue);background:var(--soft);border-radius:7px;padding:6px 8px;white-space:nowrap}
.remote-description{margin:22px 0;color:#60728a;font-size:13px;line-height:1.8;min-height:69px}
.remote-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-bottom:18px}
.remote-tags span{padding:6px 9px;border-radius:7px;background:#f0f3f7;color:#66788e;font-size:10px;font-weight:750}
.remote-tags .portable{background:#e8f8f2;color:var(--green)}
.remote-links{border-top:1px solid #e4ebf3;padding-top:18px;display:grid;gap:10px}
.remote-download{height:44px;padding:0 14px;border-radius:11px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;box-shadow:0 7px 16px var(--accent-shadow);transition:background-color .7s ease,box-shadow .7s ease}
.remote-download:hover{background:var(--blue-dark)}
.remote-download[aria-disabled=true]{opacity:.45;pointer-events:none}
.remote-download span{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:22px;font-weight:900;line-height:1}
.remote-official{text-align:center;color:#61738b;font-size:11px;font-weight:700}
.remote-official:hover{color:var(--blue)}
.remote-empty{padding:50px;text-align:center;border:1px dashed #becde0;border-radius:16px;color:var(--muted);background:#fff}
.compact-footer{border-top:1px solid var(--line);background:#fff;color:#687a91;font-size:12px}
.compact-footer>div{min-height:118px;padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
.compact-footer p{margin:0}.compact-footer strong{color:var(--ink)}
.footer-copyright{font-weight:700;color:#52657d}
.footer-notice{max-width:920px;line-height:1.75;color:#7b8ba0}
.footer-contact-line{color:#667990}
.footer-contact-line button{border:0;padding:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer;transition:color .7s ease}
.footer-contact-line button:hover{text-decoration:underline}
.footer-icp a{color:#2867ee;font-weight:750}
.footer-icp a:hover{text-decoration:underline}
.modal-open{overflow:hidden}
.about-modal[hidden]{display:none}
.about-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.about-backdrop{position:absolute;inset:0;background:rgba(4,15,31,.62);backdrop-filter:blur(5px)}
.about-dialog{position:relative;width:min(390px,calc(100vw - 32px));padding:28px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(3,15,31,.32);text-align:center}
.about-dialog h2{margin:0;color:var(--ink);font-size:24px}
.about-dialog p{margin:8px 0 20px;color:var(--muted);font-size:13px}
.about-dialog img{display:block;width:min(280px,100%);height:auto;margin:0 auto;border:1px solid #e0e7ef;border-radius:14px;background:#fff}
.about-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:10px;background:#f0f3f7;color:#52647a;font-size:24px;line-height:1;cursor:pointer}
.about-close:hover{background:var(--soft);color:var(--blue)}
@media(max-width:980px){.remote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.compact-shell{width:min(100% - 24px,1200px)}.compact-header{height:auto;padding:12px 0}.compact-brand small{display:none}.compact-brand{grid-template-rows:40px}.wechat-contact{display:none}.compact-actions{gap:8px}.remote-main{padding:34px 0 44px}.remote-heading h1{font-size:31px}.remote-toolbar{margin-top:18px}.remote-grid{grid-template-columns:1fr}.remote-card{min-height:0}.compact-footer>div{padding:18px 0;min-height:0;display:grid;justify-content:center;text-align:center}}