*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:#f4f9ff;color:#1e293b;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{position:fixed;inset:0;overflow:hidden;background:#f4f9ff}.forward-enter-active,.forward-leave-active,.back-enter-active,.back-leave-active{transition:transform .8s cubic-bezier(.33,1,.68,1)}.forward-enter-from{transform:translate(100%)}.forward-leave-to{transform:translate(0)}.back-enter-from{transform:translate(-30%)}.back-leave-to{transform:translate(100%)}.page{position:absolute;inset:0;display:flex;flex-direction:column;background:#f4f9ff;overflow:hidden}.nav{flex-shrink:0;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;padding-top:env(safe-area-inset-top);background:#fff;border-bottom:1px solid #E2E8F0}.nav .back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;font-size:18px;color:#1e293b;cursor:pointer;flex-shrink:0}.nav .back:active{background:#edf4fc}.nav .title{font-size:16px;font-weight:700;flex:1}.nav .hint{font-size:11px;color:#94a3b8}.content{flex:1;overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch}.grp-tile{background:#fff;border:1px solid #DCE9F5;border-radius:14px;padding:16px 18px;margin-bottom:12px;cursor:pointer;transition:transform .15s,background .15s}.grp-tile:active{transform:scale(.98);background:#f0f7fe}.grp-tile .g-name{font-size:15px;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.grp-tile .g-name .cnt{font-size:12px;color:#94a3b8;font-weight:400}.grp-tile .g-desc{font-size:12px;color:#64748b;margin-top:6px}.bk-item{background:#fff;border:1px solid #E8EFF8;border-radius:10px;padding:13px 15px;margin-bottom:8px;cursor:pointer}.bk-item:active{background:#f0f7fe}.bk-item .b-nm{font-size:14px;font-weight:600;color:#1e293b}.bk-item .b-url{font-size:11.5px;color:#94a3b8;margin-top:3px;word-break:break-all}.bk-item .b-star{color:#f59e0b;font-size:14px}.detail .card{background:#fff;border:1px solid #DCE9F5;border-radius:16px;padding:22px}.detail .d-ico{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#5eb0f8,#2e90fa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:16px}.detail .d-nm{font-size:22px;font-weight:800;color:#1e293b}.detail .d-host{font-size:13px;color:#64748b;margin-top:6px;word-break:break-all}.detail .d-tag{display:inline-block;margin-top:12px;padding:5px 12px;background:#eff6ff;color:#1f6ec6;border-radius:999px;font-size:12px}.detail .d-open{display:block;width:100%;margin-top:18px;padding:14px;text-align:center;background:#2e90fa;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.detail .d-open:active{filter:brightness(.92)}.tip{position:fixed;bottom:14px;left:0;right:0;text-align:center;font-size:11px;color:#94a3b8;pointer-events:none}