*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;background:#08111f;color:#eef4ff;min-height:100vh}.app-bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 5%,rgba(54,125,255,.38),transparent 28%),radial-gradient(circle at 90% 12%,rgba(116,72,255,.28),transparent 30%),linear-gradient(135deg,#07111e,#0f172a 52%,#111827);z-index:-2}.app{max-width:760px;margin:0 auto;padding:18px 14px 92px}.hero{padding:18px 16px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px);margin-bottom:14px}.hero h1{font-size:24px;margin:0 0 8px}.hero p{margin:0;color:#aebdd3;font-size:14px;line-height:1.6}.filters{display:flex;gap:10px;margin:14px 0;overflow:auto;padding-bottom:4px}.filters select,.input,.textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#eef4ff;border-radius:16px;padding:13px 14px;outline:none}.filters select{min-width:150px;color:#eaf2ff}.filters option{color:#111827}.tabs{display:flex;gap:8px;margin:12px 0}.tab{flex:1;text-align:center;padding:11px 10px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#c8d4e8}.tab.active{background:linear-gradient(135deg,#4f8cff,#8b5cf6);color:#fff;border-color:transparent}.list{display:flex;flex-direction:column;gap:12px}.post-card,.panel{border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 42px rgba(0,0,0,.24);backdrop-filter:blur(16px);padding:15px}.post-head{display:flex;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.28)}.user-meta{flex:1;min-width:0}.name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:#aebdd3;margin-top:3px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:rgba(255,196,87,.18);color:#ffd37a;border:1px solid rgba(255,211,122,.25);font-size:12px;margin-left:6px}.type{display:inline-flex;padding:5px 9px;border-radius:99px;background:rgba(59,130,246,.18);border:1px solid rgba(96,165,250,.22);font-size:12px}.type.demand{background:rgba(34,197,94,.16);border-color:rgba(74,222,128,.22)}.post-title{font-size:17px;font-weight:800;margin:13px 0 8px}.post-content{color:#dce7f7;line-height:1.65;white-space:pre-wrap;font-size:14px}.post-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:13px;color:#98a9c0;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:12px 14px;background:linear-gradient(135deg,#4f8cff,#8b5cf6);color:white;text-decoration:none;font-weight:700;cursor:pointer}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.btn.full{width:100%}.form{display:flex;flex-direction:column;gap:12px}.label{font-size:13px;color:#aebdd3;margin-bottom:-5px}.textarea{min-height:150px;resize:vertical}.empty,.loading{padding:28px;text-align:center;color:#9fb1c8}.profile{display:flex;align-items:center;gap:14px}.profile .avatar{width:68px;height:68px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stat{padding:14px;border-radius:18px;background:rgba(255,255,255,.07)}.stat b{display:block;font-size:22px}.notice{padding:12px 14px;border-radius:16px;background:rgba(255,196,87,.14);color:#ffe2a3;border:1px solid rgba(255,196,87,.2);line-height:1.5}.error{padding:12px 14px;border-radius:16px;background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(239,68,68,.22)}.success{padding:12px 14px;border-radius:16px;background:rgba(34,197,94,.16);color:#bbf7d0;border:1px solid rgba(34,197,94,.22)}@media (max-width:480px){.app{padding-left:12px;padding-right:12px}.hero h1{font-size:21px}.filters{gap:8px}.post-card{padding:13px}.avatar{width:44px;height:44px}}

/* v1.5 商家展示特殊样式保留 */
.merchant-card .merchant-type {
    background: rgba(255,211,122,.15);
    border-color: rgba(255,211,122,.28);
    color: #ffe2a3;
}
.merchant-card .post-title {
    color: #f8fafc;
}
.filters select {
    min-width: 0;
}

/* v1.6 搜索框样式保留 */
.search-box {
    display: grid;
    grid-template-columns: 1fr 82px;
    gap: 10px;
    margin: 14px 0 12px;
}
.search-box input {
    width: 100%;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.08);
    color: #fff;
    border-radius: 16px;
    padding: 13px 14px;
    outline: none;
    box-sizing: border-box;
}
.search-box input::placeholder {
    color: rgba(255,255,255,.45);
}
.search-box button {
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
@media (max-width: 420px) {
    .search-box {
        grid-template-columns: 1fr 72px;
    }
}

/* =======================================================
   ✨ 全新美化：底部毛玻璃胶囊导航栏 (兼容所有页面)
   ======================================================= */
.bottom-nav {
    position: fixed;
    bottom: 20px; /* 稍微抬高，流出呼吸感 */
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, calc(100% - 32px)); /* 控制最大宽度显得更精致 */
    height: 66px;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 33px; /* 完美的胶囊圆角 */
    display: flex; /* 使用 Flex 完美自适应任意数量的导航项 */
    justify-content: space-evenly;
    align-items: center;
    padding: 0 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    z-index: 100;
    box-sizing: border-box;
}

/* 普通文字按钮 */
.nav-item {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1; /* 均匀分配空间 */
    text-align: center;
}

.nav-item:hover, .nav-item:active {
    color: #ffffff;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
    transform: translateY(-2px); /* 点击时微小上浮交互 */
}

/* 居中持平的加号按钮 */
.nav-plus {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #0ea5e9, #6366f1);
    border-radius: 50%; /* 完美圆形 */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    font-weight: 300;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex-shrink: 0; /* 防止被挤压 */
    margin: 0 4px;
}

.nav-plus:active {
    transform: scale(0.92); /* 按下时缩小的按压感 */
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.3);
}

/* 针对小屏幕手机导航栏的细腻适配 */
@media (max-width: 420px) {
    .bottom-nav {
        width: calc(100% - 20px);
        bottom: 16px;
        height: 60px;
        padding: 0 4px;
    }
    .nav-item {
        font-size: 12px;
        padding: 8px 2px;
    }
    .nav-plus {
        width: 42px;
        height: 42px;
        font-size: 24px;
    }
}