* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        a {
            text-decoration: none;          /* 去掉下划线 */
            color: #f77f00;                /* 主题橙色，可继承或覆盖 */
            background-color: transparent; /* 透明背景 */
            -webkit-tap-highlight-color: rgba(0,0,0,0.1); /* 移动端点击半透明反馈 */
            transition: opacity 0.2s ease; /* 平滑过渡 */
        }
        
        /* 点击时轻微降低透明度，模拟按压效果 */
        a:active {
            opacity: 0.7;
        }
        
        /* 如果希望保留点击时的默认高亮，可自定义 */
        a:focus {
            outline: none;
        }
        body {
            background-color: #f5f7fb;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
            color: #1e2a3a;
            line-height: 1.4;
        }

        .app {
            display: flex;
            flex-direction: column;
            height: 100vh;
            max-width: 500px;
            margin: 0 auto;
            background-color: #f5f7fb;
            position: relative;
            box-shadow: 0 0 20px rgba(0,0,0,0.05);
        }

        /* 滚动区域 - 移除左右内边距，让top-bar顶格 */
        .main-content {
            flex: 1;
            overflow-y: auto;
            scroll-behavior: smooth;
            padding: 0;
        }

        .main-content::-webkit-scrollbar {
            width: 4px;
        }
        .main-content::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 20px;
        }

        /* ---------- 顶部栏（白底，顶格无左右空白） ---------- */
        .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 16px;
            background: white;
            gap: 12px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.03);
            width: 100%;
            position: sticky;
            top:0;
        }
        .city-selector {
            padding: 8px 14px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 500;
            color: #1f2f3e;
            display: flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
            cursor: pointer;
        }
        .city-selector i {
            font-size: 12px;
            color: #f77f00;
        }
        .city-selector span {
            color: #1f2f3e;
        }    
        .search-box {
            flex: 1;
            background: #f5f7fb;
            border-radius: 30px;
            padding: 8px 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #8e9aaf;
        }
        .search-box i {
            font-size: 14px;
            color: #b9c2ce;
        }
        .search-box input {
            border: none;
            background: transparent;
            flex: 1;
            font-size: 14px;
            outline: none;
            padding: 0;
        }
        .search-box input::placeholder {
            color: #b9c2ce;
            font-weight: 400;
        }

        .service-card,
        .end-tip {
            margin: 0 16px 16px 16px;
        }
        

        /* 已经到底啦 */
        .end-tip {
            text-align: center;
            padding: 24px 0 18px;
            color: #9aaebf;
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }
        .end-tip .line {
            font-size: 16px;
            letter-spacing: 1px;
            color: #cbd5e1;
        }

        /* 底部导航栏 */
        .bottom-nav {
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(10px);
            border-top: 1px solid #eeeef0;
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 10px 20px 14px;
        }
        .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            color: #8e9aaf;
            cursor: pointer;
            flex: 1;
            text-align: center;
        }
        .nav-item i {
            font-size: 22px;
        }
        .nav-item.active {
            color: #f77f00;
            font-weight: 500;
        }
        .fake-status-bar {
            height: env(safe-area-inset-top, 0px);
        }