/* 我的（个人中心，/profile）——对应 src/pages/profile-page.js */
.my-trips-screen { padding-bottom: 98px; background: #fff9f0; }

/* 顶部用户区 */
.my-trips-board-hero { position: relative; height: 202px; margin-top: -34px; padding-top: 34px; overflow: hidden; }
.my-trips-board-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.profile-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 40, 50, .04), rgba(20, 40, 50, .42)); }
.profile-user { position: absolute; z-index: 2; left: 20px; right: 16px; bottom: 20px; display: flex; gap: 12px; align-items: center; }
.profile-avatar { width: 58px; height: 58px; flex: 0 0 auto; display: grid; place-items: center; border: 3px solid rgba(255, 255, 255, .85); border-radius: 50%; background: linear-gradient(145deg, var(--orange), #ff9b36); color: white; font: 700 26px/1 var(--font-serif); box-shadow: var(--shadow-soft); }
.profile-user-copy h1 { color: white; font: 800 24px/1.2 var(--font-serif); text-shadow: 0 2px 10px rgba(20, 40, 50, .4); }
.profile-user-copy p { margin-top: 4px; color: rgba(255, 255, 255, .92); font-size: 11px; }
.my-trips-filter { margin-left: auto; padding: 8px 12px; border-radius: 18px; background: rgba(255, 255, 255, .9); box-shadow: var(--shadow-soft); font-size: 11px; }
.my-trips-filter.is-active { color: var(--orange); }

/* 数据概览 */
.profile-stats { margin: 12px 14px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-radius: 17px; background: white; box-shadow: var(--shadow-soft); }
.profile-stats button { padding: 13px 4px; display: grid; justify-items: center; gap: 2px; }
.profile-stats button + button { border-left: 1px solid var(--line); }
.profile-stats b { color: var(--orange); font-size: 20px; }
.profile-stats span { color: var(--muted); font-size: 10px; }

/* 我的行程卡片 */
.my-trips-content { padding: 1px 0 16px; }
.my-trips-list { display: grid; gap: 12px; }
.profile-section-title { padding-top: 14px; }
.my-trip-board-card { position: relative; margin: 12px 14px 0; overflow: hidden; border-radius: 21px; background: white; box-shadow: var(--shadow); }
.my-trip-status { position: absolute; z-index: 3; left: 0; top: 0; padding: 8px 17px; border-radius: 0 0 18px 0; background: var(--orange); color: white; font-size: 11px; font-weight: 700; }
.my-trip-board-card--jade .my-trip-status { background: var(--jade); }
.my-trip-card-copy { position: absolute; z-index: 2; left: 17px; top: 43px; width: 58%; }
.my-trip-card-copy h2 { color: var(--orange-dark); font-size: 22px; }
.my-trip-board-card--jade .my-trip-card-copy h2 { color: var(--jade-dark); }
.my-trip-meta, .my-trip-tags { margin-top: 8px; display: flex; gap: 7px; flex-wrap: wrap; }
.my-trip-meta span { font-size: 9px; }
.my-trip-meta i { margin-right: 3px; color: var(--orange); font-style: normal; }
.my-trip-tags span { padding: 4px 7px; border: 1px solid #f3b68f; border-radius: 10px; color: var(--orange-dark); font-size: 8px; }
.my-trip-feature-image { width: 100%; height: 185px; object-fit: cover; }
.my-trip-board-card::after { content: ''; position: absolute; inset: 0 0 auto 0; height: 185px; background: linear-gradient(90deg, rgba(255, 253, 249, .97), rgba(255, 253, 249, .03)); pointer-events: none; }
.my-trip-gallery { height: 70px; padding: 0 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.my-trip-gallery img { width: 100%; height: 70px; object-fit: cover; }
.my-trip-card-actions { padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.my-trip-action { height: 39px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.my-trip-action--outline { border: 1px solid var(--orange); color: var(--orange); }
.my-trip-action--solid { background: var(--orange); color: white; }
.my-trip-board-card--jade .my-trip-action--outline { border-color: var(--jade); color: var(--jade-dark); }
.my-trip-board-card--jade .my-trip-action--solid { background: var(--jade); }
.my-trips-empty { margin: 15px; padding: 35px 20px; border-radius: 20px; background: white; text-align: center; }
.my-trips-empty > span { font-size: 35px; }
.my-trips-empty p { margin: 7px 0; color: var(--muted); font-size: 11px; }
.my-trips-empty button { color: var(--orange); font-weight: 700; }

/* 功能列表 */
.profile-menu { margin: 14px; overflow: hidden; border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }
.profile-menu-item { width: 100%; padding: 11px 13px; display: grid; grid-template-columns: 34px 1fr 14px; gap: 10px; align-items: center; text-align: left; }
.profile-menu-item + .profile-menu-item { border-top: 1px solid var(--line); }
.profile-menu-item:hover { background: var(--paper-strong); }
.profile-menu-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--orange-soft); color: var(--orange-dark); font-style: normal; font-size: 15px; }
.profile-menu-icon--bookings, .profile-menu-icon--service { background: var(--jade-soft); color: var(--jade-dark); }
.profile-menu-icon--history { background: var(--blue-soft); color: #176c92; }
.profile-menu-icon--coupons { background: #fdf3dc; color: #a4700a; }
.profile-menu-icon--settings { background: #efece8; color: #5e564e; }
.profile-menu-copy strong, .profile-menu-copy small { display: block; }
.profile-menu-copy strong { font-size: 13px; }
.profile-menu-copy small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.profile-menu-item > b { color: var(--muted); font-size: 18px; }

/* 推荐与新建 */
.my-trips-recommendation { padding: 15px 14px 0; }
.my-trips-recommendation h2 { margin-bottom: 8px; font-size: 17px; }
.my-trips-recommendation h2 i { width: 4px; height: 18px; margin-right: 7px; display: inline-block; border-radius: 3px; background: var(--orange); vertical-align: middle; }
.my-trips-recommendation-card { width: 100%; padding: 8px; display: grid; grid-template-columns: 115px 1fr 24px; gap: 9px; align-items: center; border-radius: 16px; background: white; box-shadow: var(--shadow-soft); text-align: left; }
.my-trips-recommendation-card > img { width: 115px; height: 82px; border-radius: 11px; object-fit: cover; }
.my-trips-recommendation-copy strong, .my-trips-recommendation-copy small, .my-trips-recommendation-copy em, .my-trips-recommendation-copy b { display: block; }
.my-trips-recommendation-copy strong { font-size: 12px; }
.my-trips-recommendation-copy small { margin-top: 3px; color: var(--orange-dark); font-size: 8px; }
.my-trips-recommendation-copy em { margin-top: 5px; color: var(--muted); font-size: 8px; font-style: normal; }
.my-trips-recommendation-copy b { margin-top: 5px; font-size: 8px; }
.my-trips-recommendation-arrow { font-size: 28px; }
.my-trips-create { width: calc(100% - 28px); min-height: 65px; margin: 13px 14px; padding: 4px 18px; display: flex; gap: 13px; align-items: center; justify-content: center; border-radius: 32px; background: linear-gradient(90deg, var(--orange), #ffc13c); color: white; }
.my-trips-create img { width: 58px; height: 58px; object-fit: contain; }
.my-trips-create strong, .my-trips-create small { display: block; }
.my-trips-create strong { font-size: 17px; }
.my-trips-create small { margin-top: 3px; font-size: 9px; }

/* 弹层内：预约记录与设置 */
.profile-booking-row { padding: 9px; display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; border-radius: 13px; background: white; }
.profile-booking-row img { width: 56px; height: 46px; border-radius: 10px; object-fit: cover; }
.profile-booking-row strong, .profile-booking-row small { display: block; }
.profile-booking-row strong { font-size: 12px; }
.profile-booking-row small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.profile-booking-row em { padding: 3px 7px; border-radius: 8px; background: var(--orange-soft); color: var(--orange-dark); font-size: 8px; font-style: normal; }
.profile-settings { margin-top: 15px; display: grid; gap: 14px; }
.profile-settings-row { display: grid; gap: 8px; }
.profile-settings-row > span { font-size: 13px; font-weight: 700; }
.profile-language { grid-template-columns: 1fr 1fr; }
.profile-reset { width: 100%; }