*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;background:#f8f5ef;color:#1d1d1d}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.luxury-header{height:72px;background:linear-gradient(90deg,#090b0f,#16191f);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 58px;border-bottom:1px solid rgba(212,166,91,.25);position:sticky;top:0;z-index:100}
.luxury-logo{display:flex;align-items:center;gap:12px;color:#d8ad62}
.logo-icon{font-size:34px}
.logo-title{font-size:22px;font-weight:700;letter-spacing:2px}
.logo-sub{font-size:11px;letter-spacing:5px;color:#e8d1a2}
.luxury-nav{display:flex;gap:38px}
.luxury-nav a{font-size:15px;color:#f1eee8;padding:26px 0;position:relative}
.luxury-nav a.active,.luxury-nav a:hover{color:#d8ad62}
.luxury-nav a.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#d8ad62}
.header-actions{display:flex;gap:12px}
.btn-login,.btn-register{min-width:82px;height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}
.btn-login{border:1px solid rgba(255,255,255,.28);color:#fff}
.btn-register{background:linear-gradient(135deg,#e4bd78,#c49146);color:#111}

.hero-luxury{height:548px;background:#090909;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.1) 70%);z-index:2}
.hero-content{position:relative;z-index:3;width:52%;padding-left:135px;color:#fff}
.hero-content h1{margin:0;font-family:"Noto Serif TC","PMingLiU",serif;font-size:58px;line-height:1.28;letter-spacing:5px;color:#f4d9a6}
.hero-content p{margin:28px 0 22px;color:#f5ead8;font-size:21px;letter-spacing:2px}
.hero-tags{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:42px}
.hero-tags span{font-size:14px;color:#e9cf9a;border:1px solid rgba(218,174,102,.28);border-radius:20px;padding:8px 14px;background:rgba(0,0,0,.22)}
.hero-buttons{display:flex;gap:24px}
.gold-btn,.outline-btn{width:214px;height:58px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:2px}
.gold-btn{background:linear-gradient(135deg,#e6c17e,#b98238);color:#fff}
.outline-btn{border:1px solid #c79a54;color:#e5c284;background:rgba(0,0,0,.18)}
.hero-photo{position:absolute;right:0;top:0;width:58%;height:100%}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}

.luxury-main{max-width:1160px;margin:0 auto;padding:42px 0 26px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.section-head h2,.why-section h2{margin:0;font-size:30px;font-family:"Noto Serif TC","PMingLiU",serif;letter-spacing:2px}
.section-head p,.why-sub{margin:8px 0 0;color:#7a6d5f;font-size:16px}
.more-btn{border:1px solid #c99d5d;color:#8a6127;padding:12px 24px;border-radius:999px;background:#fffaf2}

.featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.featured-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:.22s}
.featured-card:hover{transform:translateY(-5px)}
.featured-card img{width:100%;height:230px;object-fit:cover;object-position:center top}
.member-info{padding:15px 16px 18px}
.member-info h3{margin:0 0 8px;font-size:17px}
.member-info p{margin:0 0 8px;font-size:14px;color:#555}
.status{font-size:13px}.status.hot{color:#e34234}.status.online{color:#18a957}.status.new{color:#6f56d9}

.stats-bar{margin:36px 0 42px;height:122px;background:linear-gradient(90deg,#080b10,#171b22);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;color:#fff}
.stat-item{display:flex;justify-content:center;align-items:center;gap:18px;border-right:1px solid rgba(255,255,255,.16)}
.stat-item:last-child{border-right:none}
.stat-icon{width:62px;height:62px;border-radius:50%;border:1px solid rgba(217,168,88,.45);color:#d9a858;display:flex;align-items:center;justify-content:center;font-size:26px;background:rgba(217,168,88,.08)}
.stat-item strong{display:block;color:#e5bd74;font-size:28px}
.stat-item p{margin:4px 0 0;font-size:14px;color:#eee}

.why-section{text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:28px}
.why-card{background:#fffdf9;border:1px solid rgba(199,154,84,.18);border-radius:8px;padding:28px 22px;text-align:left;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.why-icon{color:#c7964d;font-size:36px;margin-bottom:12px}
.why-card h3{margin:0 0 10px;font-size:18px}
.why-card p{margin:0;color:#6f665d;line-height:1.7}

.vip-banner{margin:36px 0 22px;min-height:122px;border-radius:8px;background:linear-gradient(90deg,#070a0f,#171b22);color:#fff;display:flex;align-items:center;padding:0 70px;gap:34px}
.diamond{width:86px;height:86px;border-radius:50%;background:rgba(222,171,88,.12);color:#dfb05f;display:flex;align-items:center;justify-content:center;font-size:62px}
.vip-banner h2{margin:0 0 10px;font-size:30px;font-family:"Noto Serif TC","PMingLiU",serif;font-weight:500}
.vip-banner p{margin:0;color:#eee;font-size:17px}
.vip-banner a{margin-left:auto;background:linear-gradient(135deg,#e4bd78,#bf8a3b);color:#fff;padding:16px 36px;border-radius:6px;font-size:17px}

.luxury-footer{background:linear-gradient(90deg,#080b10,#171b22);color:#ddd;padding:44px 58px 20px}
.footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.5fr;gap:46px}
.footer-logo{color:#d8ad62;font-size:22px;font-weight:700;margin-bottom:16px}
.luxury-footer h4{color:#fff;margin:0 0 16px;font-size:17px}
.luxury-footer p{color:#bbb;line-height:1.7;margin:0 0 8px}
.luxury-footer a{display:block;color:#bbb;margin-bottom:10px;font-size:14px}
.footer-bottom{max-width:1160px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#999;font-size:13px}

@media(max-width:900px){
.luxury-header{height:auto;padding:16px 20px;flex-wrap:wrap;gap:16px}
.luxury-nav{order:3;width:100%;overflow-x:auto;gap:24px}
.luxury-nav a{white-space:nowrap;padding:10px 0}
.hero-luxury{height:auto;min-height:620px}
.hero-content{width:100%;padding:70px 24px 50px}
.hero-content h1{font-size:42px}
.hero-photo{width:100%;opacity:.42}
.luxury-main{padding:32px 18px}
.featured-grid{grid-template-columns:repeat(2,1fr)}
.stats-bar{height:auto;grid-template-columns:repeat(2,1fr);padding:22px 0;gap:18px}
.stat-item{border-right:none}
.why-grid{grid-template-columns:1fr}
.vip-banner{padding:30px 24px;flex-direction:column;text-align:center}
.vip-banner a{margin-left:0}
.footer-grid{grid-template-columns:1fr}
}

/* 修復手機端統計黑色區塊 */
.stats-bar{
    overflow:hidden;
}

@media(max-width:900px){
    .stats-bar{
        width:100%;
        grid-template-columns:1fr;
        padding:18px 0;
        height:auto;
        border-radius:10px;
        overflow:hidden;
    }

    .stat-item{
        width:100%;
        padding:18px 20px;
        justify-content:flex-start;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .stat-item:last-child{
        border-bottom:none;
    }

    .stat-item strong{
        font-size:24px;
    }

    .stat-item p{
        font-size:14px;
    }
}

/* 手機版橫向溢出修復 */
html, body{
    max-width:100%;
    overflow-x:hidden;
}

@media(max-width:900px){
    body{
        width:100%;
        overflow-x:hidden;
    }

    .luxury-header{
        width:100%;
        max-width:100%;
        padding:16px 18px !important;
        display:flex;
        flex-wrap:wrap;
        overflow:hidden;
    }

    .luxury-logo{
        width:auto;
        max-width:58%;
    }

    .logo-title{
        font-size:22px;
        white-space:nowrap;
    }

    .logo-sub{
        font-size:11px;
    }

    .header-actions{
        margin-left:auto;
    }

    .luxury-nav{
        width:100%;
        max-width:100%;
        overflow-x:auto;
        display:flex;
        gap:26px;
        padding-top:12px;
    }

    .luxury-nav a{
        white-space:nowrap;
        font-size:18px;
    }

    .luxury-main{
        width:100%;
        max-width:100%;
        padding-left:14px !important;
        padding-right:14px !important;
        overflow:hidden;
    }

    .featured-grid,
    .photo-grid,
    .why-grid,
    .vip-plan-grid{
        width:100%;
        max-width:100%;
    }

    .stats-bar{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        padding:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        overflow:hidden !important;
        border-radius:12px !important;
    }

    .stat-item{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        justify-content:flex-start !important;
        padding:22px 24px !important;
        border-right:none !important;
        border-bottom:1px solid rgba(255,255,255,.12) !important;
    }

    .stat-item:last-child{
        border-bottom:none !important;
    }

    .stat-icon{
        flex:0 0 62px;
    }

    .stat-item strong{
        font-size:30px !important;
        white-space:nowrap;
    }

    .stat-item p{
        font-size:16px !important;
        white-space:nowrap;
    }
}

/* === 全站高級底色 + 鎖定手機查看模式 === */
html{
    background:#0b0e13;
}

body{
    background:
        radial-gradient(circle at top,#2a2117 0,#12100d 38%,#08090b 100%) !important;
    color:#1f1f1f;
}

/* 電腦端也鎖定手機寬度 */
body.luxury-home{
    max-width:430px;
    margin:0 auto !important;
    min-height:100vh;
    box-shadow:0 0 45px rgba(0,0,0,.45);
    overflow-x:hidden;
}

/* 主內容統一米金背景 */
.luxury-main{
    background:linear-gradient(180deg,#f8f1e4 0%,#efe5d3 100%) !important;
    padding:28px 18px !important;
    width:100% !important;
    max-width:100% !important;
}

/* Header 手機固定樣式 */
.luxury-header{
    width:100% !important;
    max-width:100% !important;
    padding:18px 20px !important;
    flex-wrap:wrap !important;
    background:linear-gradient(135deg,#0b0e13,#171b22) !important;
}

.luxury-logo{
    max-width:65%;
}

.header-actions{
    margin-left:auto;
}

.luxury-nav{
    order:3;
    width:100%;
    overflow-x:auto;
    gap:26px !important;
    padding-top:18px;
}

.luxury-nav a{
    white-space:nowrap;
    font-size:17px !important;
}

/* 首頁會員卡手機化 */
.featured-grid,
.photo-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:18px !important;
}

.featured-card img,
.photo-card img{
    height:250px !important;
}

/* 詳情頁手機版：圖片和資料上下排列 */
.profile-detail-wrap{
    display:block !important;
    background:#fffaf2 !important;
    padding:18px !important;
    border-radius:18px !important;
}

.profile-detail-wrap .profile-photo{
    width:100% !important;
    margin-bottom:22px;
}

.profile-detail-wrap .profile-photo img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:cover;
    border-radius:16px;
}

.profile-detail-wrap .profile-info{
    width:100% !important;
}

.profile-action-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
}

.profile-action-row a{
    width:100% !important;
}

/* 統計區修復 */
.stats-bar{
    width:100% !important;
    grid-template-columns:1fr !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:16px !important;
}

.stat-item{
    width:100% !important;
    justify-content:flex-start !important;
    padding:22px 24px !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.stat-item:last-child{
    border-bottom:none !important;
}

/* 客服頁、VIP頁卡片底色 */
.support-card,
.vip-plan-card,
.why-card,
.photo-card,
.featured-card{
    background:#fffaf2 !important;
}

/* Footer 手機化 */
.luxury-footer{
    width:100% !important;
    padding:34px 22px 20px !important;
}

.footer-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
}

/* 表單與按鈕 */
input,select,textarea{
    background:#fffaf8 !important;
}

.gold-btn,
.btn-register{
    background:linear-gradient(135deg,#e7c37d,#bf8737) !important;
}


/* 手機底部固定諮詢 */
.mobile-bottom-bar{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100%;
    max-width:430px;
    background:rgba(10,12,16,.96);
    padding:12px 16px;
    z-index:9999;
    box-shadow:0 -8px 24px rgba(0,0,0,.25);
}

.mobile-bottom-bar a{
    display:block;
    text-align:center;
    background:linear-gradient(135deg,#e7c37d,#bf8737);
    color:#111;
    font-weight:700;
    padding:14px;
    border-radius:12px;
    text-decoration:none;
}

body{
    padding-bottom:78px;
}

/* === 恢復：電腦電腦版，手機手機版 === */
@media(min-width:901px){
    body.luxury-home{
        max-width:none !important;
        width:100% !important;
        margin:0 !important;
        box-shadow:none !important;
    }

    .luxury-main{
        max-width:1160px !important;
        margin:0 auto !important;
        padding:42px 0 26px !important;
    }

    .luxury-header{
        height:72px !important;
        padding:0 58px !important;
        flex-wrap:nowrap !important;
    }

    .luxury-nav{
        order:0 !important;
        width:auto !important;
        overflow:visible !important;
        padding-top:0 !important;
        gap:38px !important;
    }

    .luxury-nav a{
        font-size:15px !important;
    }

    .featured-grid{
        grid-template-columns:repeat(6,1fr) !important;
    }

    .photo-grid{
        grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;
    }

    .stats-bar{
        grid-template-columns:repeat(4,1fr) !important;
        height:122px !important;
    }

    .stat-item{
        justify-content:center !important;
        border-right:1px solid rgba(255,255,255,.16) !important;
        border-bottom:none !important;
    }

    .why-grid{
        grid-template-columns:repeat(4,1fr) !important;
    }

    .footer-grid{
        grid-template-columns:1.8fr 1fr 1fr 1.5fr !important;
    }

    .mobile-bottom-bar{
        display:none !important;
    }

    body{
        padding-bottom:0 !important;
    }
}

/* === 會員登入 / 註冊 / 會員中心高級版 === */
.auth-page{
    min-height:calc(100vh - 80px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:70px 18px;
    background:
      radial-gradient(circle at top,#fff4df 0,#efe2ca 42%,#d8c39c 100%);
}

.auth-card{
    width:100%;
    max-width:520px;
    background:linear-gradient(180deg,#fffaf0,#f7ead3);
    border:1px solid rgba(196,145,70,.35);
    border-radius:24px;
    padding:42px;
    box-shadow:0 22px 55px rgba(0,0,0,.18);
}

.auth-card h1{
    font-size:36px;
    margin:0 0 26px;
    color:#111;
}

.auth-card input{
    width:100%;
    height:52px;
    padding:0 16px;
    border:1px solid rgba(196,145,70,.35);
    border-radius:12px;
    margin-bottom:16px;
    font-size:16px;
    background:#fffaf7!important;
}

.auth-card .gold-btn,
.auth-card .outline-btn{
    display:block;
    width:100%;
    text-align:center;
    margin-top:14px;
    padding:15px;
    border-radius:14px;
    font-size:18px;
    letter-spacing:2px;
    text-decoration:none;
}

.auth-link{
    margin-top:22px;
    text-align:center;
    color:#7a6a55;
}

.auth-link a{
    color:#b98235;
    font-weight:700;
}

.user-center-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.user-profile-card,
.user-fav-card{
    background:linear-gradient(180deg,#fffaf0,#f7ead3);
    border:1px solid rgba(196,145,70,.3);
    border-radius:24px;
    padding:36px;
    box-shadow:0 22px 55px rgba(0,0,0,.14);
}

.user-profile-card h1,
.user-fav-card h2{
    margin-top:0;
    font-size:34px;
}

.user-info-row{
    padding:13px 0;
    border-bottom:1px solid rgba(196,145,70,.18);
    font-size:17px;
}

.user-info-row strong{
    color:#111;
}

.vip-badge{
    display:inline-block;
    padding:6px 12px;
    border-radius:999px;
    background:linear-gradient(135deg,#e7c37d,#bf8737);
    color:#111;
    font-weight:700;
}

.user-actions{
    display:grid;
    gap:14px;
    margin-top:28px;
}

.favorite-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.favorite-card{
    background:#fffaf7!important;
    border:1px solid rgba(196,145,70,.25);
    border-radius:18px!important;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.favorite-card img{
    height:220px!important;
}

@media(max-width:900px){
    .auth-page{
        padding:34px 16px;
    }

    .auth-card{
        padding:30px 22px;
        border-radius:20px;
    }

    .auth-card h1{
        font-size:31px;
    }

    .user-center-grid{
        grid-template-columns:1fr;
    }

    .user-profile-card,
    .user-fav-card{
        padding:26px 20px;
    }

    .favorite-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .favorite-card img{
        height:190px!important;
    }
}

/* === 會員中心按鈕與卡片最終優化 === */
.user-profile-card,
.user-fav-card{
    background:linear-gradient(180deg,#fffaf0 0%,#f3e4c7 100%)!important;
    border:1px solid rgba(196,145,70,.42)!important;
}

.user-actions{
    max-width:320px;
}

.user-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:58px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    font-size:18px!important;
    font-weight:600!important;
    letter-spacing:2px!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}

.user-actions .gold-btn{
    color:#fff!important;
    background:linear-gradient(135deg,#e7c37d,#bf8737)!important;
    border:1px solid #bf8737!important;
}

.user-actions .outline-btn{
    color:#8a6127!important;
    background:#fffaf5!important;
    border:1px solid #c49146!important;
}

.user-actions .outline-btn:hover{
    background:#f8ead2!important;
    color:#5f3f16!important;
}

/* 我的收藏卡片高級化 */
.user-fav-card .favorite-card{
    background:#fffaf5!important;
    border:1px solid rgba(196,145,70,.35)!important;
    border-radius:18px!important;
}

.user-fav-card .favorite-card img{
    width:100%!important;
    height:230px!important;
    object-fit:cover!important;
    object-position:center top!important;
}

.user-fav-card .favorite-card h3{
    font-size:22px!important;
    margin:0 0 10px!important;
}

.user-fav-card .favorite-card p{
    color:#6f6252!important;
}

.user-fav-card .favorite-card a[href*="unfavorite"]{
    color:#8a6127!important;
    background:#fffaf8!important;
    border:1px solid #c49146!important;
    font-weight:600!important;
}

/* 客服頁左右對齊與高級化 */
.support-wrap{
    align-items:stretch!important;
}

.support-card{
    background:linear-gradient(180deg,#fffaf0,#f7ead3)!important;
    border:1px solid rgba(196,145,70,.35)!important;
    border-radius:24px!important;
    box-shadow:0 22px 55px rgba(0,0,0,.14)!important;
}

.support-form button{
    height:58px!important;
    border-radius:14px!important;
    font-size:18px!important;
    font-weight:600!important;
    letter-spacing:2px!important;
}

.support-form input,
.support-form textarea{
    border-radius:14px!important;
    border:1px solid rgba(196,145,70,.28)!important;
    background:#fffaf8!important;
}

.contact-box{
    border-radius:18px!important;
    background:linear-gradient(135deg,#0b0e13,#171b22)!important;
}

/* 手機端按鈕保持清楚 */
@media(max-width:900px){
    .user-actions{
        max-width:100%;
    }

    .user-actions a{
        width:100%!important;
        color:#8a6127!important;
        background:#fffaf5!important;
    }

    .user-actions .gold-btn{
        color:#fff!important;
    }
}

/* === 天際俱樂部 V1.0 最終高級美化版 === */

/* 全站背景 */
body{
    background:#0b0e13!important;
}

.luxury-main,
.auth-page,
.vip-lock-page{
    background:
      radial-gradient(circle at top,#fff8e9 0,#f3e7d0 38%,#e6d4b4 100%)!important;
}

/* 所有主要卡片 */
.support-card,
.vip-plan-card,
.user-profile-card,
.user-fav-card,
.auth-card,
.vip-lock-card,
.why-card,
.featured-card,
.photo-card{
    background:linear-gradient(180deg,#fffaf1 0%,#f5e6ca 100%)!important;
    border:1px solid rgba(196,145,70,.42)!important;
    border-radius:24px!important;
    box-shadow:0 24px 58px rgba(0,0,0,.14)!important;
}

/* 客服黑色區改高級深藍金 */
.contact-box{
    background:linear-gradient(135deg,#101827 0%,#182033 100%)!important;
    border:1px solid rgba(228,188,116,.35)!important;
    border-radius:22px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 35px rgba(0,0,0,.22)!important;
}

.contact-box p{
    font-size:18px!important;
    line-height:2!important;
}

.contact-box strong{
    color:#e7c37d!important;
}

/* VIP方案卡片升級 */
.vip-plan-card{
    position:relative!important;
    overflow:hidden!important;
}

.vip-plan-card:before{
    content:"VIP";
    position:absolute;
    right:24px;
    top:18px;
    font-size:13px;
    letter-spacing:4px;
    color:rgba(196,145,70,.55);
    font-weight:700;
}

.vip-plan-card.hot{
    border:2px solid #c49146!important;
    box-shadow:0 28px 68px rgba(196,145,70,.25)!important;
}

.vip-plan-card h2{
    font-size:32px!important;
}

.vip-price{
    color:#b98235!important;
    font-size:42px!important;
}

/* 頁面標題 */
.vip-page-title h1,
.support-card h1,
.auth-card h1,
.user-profile-card h1,
.user-fav-card h2{
    letter-spacing:1px;
    color:#111827!important;
}

/* 按鈕統一 */
.gold-btn,
.btn-register,
.vip-main-btn,
.support-form button,
.vip-plan-card a{
    background:linear-gradient(135deg,#f1cf8a 0%,#c49146 48%,#a36a28 100%)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 10px 24px rgba(196,145,70,.28)!important;
}

.outline-btn,
.vip-sub-btn,
.user-actions .outline-btn{
    background:#fffaf5!important;
    color:#8a6127!important;
    border:1px solid #c49146!important;
}

.outline-btn:hover,
.vip-sub-btn:hover,
.user-actions .outline-btn:hover{
    background:#f5e4c6!important;
    color:#5f3f16!important;
}

/* 表單 */
input,
select,
textarea{
    border:1px solid rgba(196,145,70,.32)!important;
    border-radius:14px!important;
    background:#fffaf8!important;
    color:#111!important;
}

input:focus,
select:focus,
textarea:focus{
    outline:none!important;
    border-color:#c49146!important;
    box-shadow:0 0 0 3px rgba(196,145,70,.14)!important;
}

/* 會員中心資訊 */
.user-info-row{
    background:rgba(255,255,255,.35);
    padding:14px 0!important;
}

.vip-badge{
    background:linear-gradient(135deg,#f4d58d,#c49146)!important;
    color:#111!important;
    padding:7px 16px!important;
    border-radius:999px!important;
    font-weight:700!important;
}

/* 收藏區 */
.favorite-card{
    background:#fffaf6!important;
    border:1px solid rgba(196,145,70,.35)!important;
    transition:.25s!important;
}

.favorite-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 38px rgba(0,0,0,.14)!important;
}

/* Footer */
.luxury-footer{
    background:linear-gradient(135deg,#0b0e13,#151c29)!important;
    border-top:1px solid rgba(196,145,70,.25)!important;
}

/* Header微調 */
.luxury-header{
    background:linear-gradient(135deg,#0b0e13,#131a24)!important;
    border-bottom:1px solid rgba(196,145,70,.25)!important;
}

.luxury-nav a.active{
    color:#e7c37d!important;
}

/* 手機優化 */
@media(max-width:900px){
    .support-wrap{
        gap:20px!important;
    }

    .support-card,
    .auth-card,
    .user-profile-card,
    .user-fav-card,
    .vip-plan-card{
        border-radius:22px!important;
        padding:28px 22px!important;
    }

    .contact-box{
        padding:24px!important;
    }

    .vip-price{
        font-size:34px!important;
    }

    .favorite-grid{
        grid-template-columns:repeat(2,1fr)!important;
        gap:14px!important;
    }
}

.line-service-btn{
    display:block;
    margin-top:22px;
    padding:15px 18px;
    border-radius:14px;
    background:linear-gradient(135deg,#f1cf8a,#c49146,#a36a28);
    color:#fff!important;
    text-align:center;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    box-shadow:0 10px 24px rgba(196,145,70,.28);
}

/* 手機版會員列表兩欄 */
@media(max-width:900px){
    .member-list,
    .featured-grid,
    .photo-grid{
        display:grid!important;
        grid-template-columns:repeat(2,1fr)!important;
        gap:16px!important;
        width:100%!important;
    }

    .member-card,
    .featured-card,
    .photo-card{
        width:100%!important;
        border-radius:16px!important;
        overflow:hidden!important;
    }

    .member-card img,
    .featured-card img,
    .photo-card img{
        width:100%!important;
        height:230px!important;
        object-fit:cover!important;
        object-position:center top!important;
    }

    .member-card h3,
    .featured-card h3,
    .photo-card h3{
        font-size:20px!important;
    }

    .member-card p,
    .featured-card p,
    .photo-card p{
        font-size:15px!important;
    }
}

/* 電腦版會員列表修復，不影響手機 */
@media(min-width:901px){
    .member-list,
    .photo-grid{
        display:grid!important;
        grid-template-columns:repeat(5,1fr)!important;
        gap:24px!important;
        width:100%!important;
        max-width:1160px!important;
        margin:30px auto 0!important;
    }

    .member-card,
    .photo-card{
        background:#fffaf2!important;
        border-radius:18px!important;
        overflow:hidden!important;
        box-shadow:0 14px 34px rgba(0,0,0,.1)!important;
        border:1px solid rgba(196,145,70,.22)!important;
        text-decoration:none!important;
        color:#222!important;
    }

    .member-card img,
    .photo-card img{
        width:100%!important;
        height:280px!important;
        object-fit:cover!important;
        object-position:center top!important;
        display:block!important;
    }

    .member-card h3,
    .photo-card h3{
        font-size:22px!important;
        margin:16px 16px 8px!important;
    }

    .member-card p,
    .photo-card p{
        font-size:15px!important;
        margin:0 16px 18px!important;
        color:#6f6252!important;
    }

    .filters,
    .filter-bar,
    form[action="members.php"]{
        max-width:1160px!important;
        margin:20px auto 0!important;
        display:flex!important;
        gap:12px!important;
        align-items:center!important;
    }

    form[action="members.php"] select{
        width:180px!important;
        height:42px!important;
    }

    form[action="members.php"] button{
        width:120px!important;
        height:42px!important;
        border-radius:10px!important;
    }

    .members-page-title,
    .page-title{
        max-width:1160px!important;
        margin:55px auto 0!important;
    }

    .members-page-title h1,
    .page-title h1{
        font-size:42px!important;
    }
}

.refund-btn{
    display:block;
    margin-top:14px;
    padding:14px 18px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    color:#8a6127!important;
    background:#fffaf5;
    border:1px solid #c49146;
    font-weight:700;
    letter-spacing:1px;
}

.refund-btn:hover{
    background:#f5e4c6;
    color:#5f3f16!important;
}

.refund-btn{
    display:block!important;
    margin-top:14px!important;
    padding:14px 18px!important;
    border-radius:12px!important;
    text-align:center!important;
    text-decoration:none!important;
    color:#8a6127!important;
    background:#fffaf5!important;
    border:1px solid #c49146!important;
    font-weight:700!important;
    letter-spacing:1px!important;
}

.refund-btn:hover{
    background:#f5e4c6!important;
    color:#5f3f16!important;
}