:root{--blue: #0066cc;--blue-line: #0070e3;--blue-hi: #3d8fff;--blue-deep: #005cd9;--blue-cta: #0066e5;--tint: #eaf3ff;--tint-row: #f2f7ff;--ink: #1d1d1f;--ink-2: #333333;--muted: #7a7a7a;--muted-2: #a6aab3;--muted-3: #b4b8c0;--chevron: #c5c9d1;--check-off: #c9cdd4;--success: #1d7a43;--success-bg: #e8f8ef;--danger: #e30000;--canvas: #f5f5f7;--card: #ffffff;--hairline: #e0e0e0;--hairline-2: #d9d9d9;--font: "Inter", "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", sans-serif;--grad-cta: linear-gradient(90deg, #3d8fff, #0066e5);--grad-hero: linear-gradient(135deg, #3d8fff, #005cd9);--shadow-card: 0 8px 24px rgba(26, 31, 51, .05);--shadow-record: 0 6px 20px rgba(26, 31, 51, .05);--shadow-row: 0 4px 16px rgba(26, 31, 51, .04);--shadow-cta: 0 10px 24px rgba(0, 102, 229, .32);--shadow-hero: 0 16px 32px rgba(0, 92, 217, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:#e8e8ed;-webkit-font-smoothing:antialiased}#app{min-height:100%}button,input,textarea{font-family:inherit}button{border:0;background:none;color:inherit;cursor:pointer;padding:0}input{outline:none}h1,h2,h3,p{margin:0}.icon{flex-shrink:0}.stage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 12px}.phone{width:390px;height:844px;background:var(--canvas);border-radius:40px;overflow:hidden;position:relative;box-shadow:0 24px 60px #1c1c1f2e;display:flex;flex-direction:column}@media(max-width:430px){.stage{padding:0}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}}.status-bar{height:62px;padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-weight:600;font-size:15px}.status-bar .icons{display:flex;gap:6px;align-items:center}.screen{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--canvas)}.scroll{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.scroll>*{flex-shrink:0}.scroll.gap-10{gap:10px}.scroll.gap-12{gap:12px}.scroll.gap-16{gap:16px}.page-title{font-size:34px;font-weight:700;letter-spacing:-.8px;line-height:41px}.sub{font-size:15px;color:var(--muted)}.label{font-size:13px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{font-size:18px;font-weight:600}.section-head .count{font-size:12px;color:var(--muted)}.section-head .link{font-size:13px;font-weight:500;color:var(--blue)}.nav-bar{height:48px;padding:0 12px;display:flex;align-items:center;flex-shrink:0}.nav-bar.tall{height:56px}.nav-bar .side{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;color:var(--ink)}.nav-bar .titles{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px;min-width:0}.nav-bar h1{font-size:17px;font-weight:600}.nav-bar p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-trip,.trip-card{border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px;text-align:left;width:100%}.hero-trip{background:var(--grad-hero);color:#fff;box-shadow:var(--shadow-hero)}.trip-card{background:var(--card);border:1px solid #ededf2;box-shadow:var(--shadow-card)}.trip-card .head,.hero-trip .head{display:flex;justify-content:space-between;align-items:center}.trip-card h2,.hero-trip h2{font-size:22px;font-weight:700}.hero-trip .badge{font-size:11px;font-weight:600;padding:4px;border-radius:10px;background:#ffffff3d}.hero-trip .meta{font-size:13px;opacity:.85}.trip-card .meta{font-size:13px;color:var(--muted)}.trip-card .foot,.hero-trip .foot{display:flex;justify-content:space-between;align-items:center}.avatars{display:inline-flex}.avatars i{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85);display:grid;place-items:center;color:#fff;font-style:normal;font-size:11px;font-weight:500;margin-left:-8px}.avatars i:first-child{margin-left:0}.avatars.sm i{width:26px;height:26px;font-size:10px;margin-left:-7px;border-color:#fff}.avatars.sm i:first-child{margin-left:0}.ring{position:relative;width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring .track{stroke:#e5e7ee}.ring .fill{stroke:var(--blue)}.ring.light .track{stroke:#ffffff40}.ring.light .fill{stroke:#fff}.ring strong{font-size:13px;font-weight:700;line-height:16px}.ring small{font-size:8px;color:var(--muted);line-height:10px}.ring.light small{color:#fffc}.create-btn{width:100%;height:50px;border-radius:25px;background:var(--card);border:1px solid #e5e5e5;box-shadow:0 6px 20px #1a1f330d;color:var(--blue);font-weight:500;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px}.tab-wrap{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--canvas);flex-shrink:0}.tab-pill{height:62px;border-radius:36px;background:var(--card);border:1px solid var(--hairline);box-shadow:0 8px 24px #0000000f;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;letter-spacing:.5px;font-weight:600;color:var(--muted);border-radius:26px;text-decoration:none}.tab.on{color:#fff;background:var(--blue)}.summary-card{background:var(--card);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}.summary-card h2{font-size:20px;font-weight:700}.info-grid{display:flex;gap:10px}.info-cell{flex:1;background:var(--canvas);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.info-cell .k{font-size:12px;color:var(--muted)}.info-cell .v{font-size:15px;font-weight:600}.progress-row{display:flex;align-items:center;gap:10px}.progress-row .bar{flex:1;height:6px;border-radius:3px;background:var(--canvas);overflow:hidden}.progress-row .bar>i{display:block;height:100%;border-radius:3px;background:var(--grad-cta)}.progress-row .num{font-size:12px;color:var(--muted)}.invite{width:100%;height:48px;border-radius:24px;background:var(--grad-cta);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 20px #0066e54d}.item-row{width:100%;background:var(--card);border-radius:16px;padding:13px;display:flex;gap:12px;align-items:center;text-align:left;box-shadow:var(--shadow-row)}.item-row.tint{background:var(--tint-row);box-shadow:none}.item-row.plain{box-shadow:none}.item-row .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.item-row .name{font-size:15px;font-weight:500}.item-row.packed .name{color:var(--muted-2)}.item-row .note{font-size:12px;color:var(--muted)}.item-row .stamp{font-size:11px;color:var(--muted-3)}.check{width:22px;height:22px;border-radius:7px;border:1.8px solid var(--check-off);flex-shrink:0;display:grid;place-items:center}.check.on{background:var(--blue);border-color:var(--blue)}.tag{flex-shrink:0;font-size:11px;padding:4px 9px;border-radius:9999px;background:var(--tint);color:var(--blue);white-space:nowrap}.tag.green{background:var(--success-bg);color:var(--success)}.add-item{width:100%;min-height:46px;background:var(--card);border:1px solid #e0e5f2;border-radius:16px;padding:0 14px;display:flex;align-items:center;gap:8px;color:var(--blue)}.add-item.plain{border-color:transparent}.add-item input{flex:1;border:0;background:none;font-size:14px;font-weight:500;color:var(--ink);min-width:0}.add-item input::placeholder{color:var(--blue);font-weight:500}.archive{width:100%;height:46px;border-radius:23px;background:var(--card);border:1px solid #ffd9d9;color:var(--danger);font-size:14px;font-weight:500}.field{width:100%;height:48px;border-radius:12px;background:var(--card);border:1px solid var(--hairline);padding:0 14px;font-size:15px;color:var(--ink)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:34px;padding:0 14px;border-radius:17px;background:var(--card);border:1px solid var(--hairline-2);color:var(--ink-2);font-size:13px}.chip.on{background:var(--tint);border-color:var(--blue-line);color:var(--blue);font-weight:500}.stepper{height:60px;background:var(--card);border-radius:16px;padding:10px 10px 10px 16px;display:flex;align-items:center;justify-content:space-between;font-size:15px}.stepper>div{display:flex;align-items:center;gap:14px}.stepper strong{font-size:17px;font-weight:600;width:24px;text-align:center}.stepper button{width:40px;height:40px;border-radius:20px;background:var(--canvas);color:var(--ink-2);display:grid;place-items:center}.bottom-cta{padding:20px 20px calc(28px + env(safe-area-inset-bottom,0px));flex-shrink:0}.cta{width:100%;height:52px;border-radius:26px;background:var(--grad-cta);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-cta)}.rec-head{background:var(--card);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.rec-head .info{display:flex;flex-direction:column;gap:3px}.rec-head h3{font-size:15px;font-weight:600}.rec-head p{font-size:12px;color:var(--muted)}.pill{flex-shrink:0;padding:6px 12px;border-radius:14px;background:var(--tint);color:var(--blue);font-size:12px;font-weight:600}.record-card{background:var(--card);border-radius:18px;padding:16px;display:flex;gap:12px;align-items:center;text-align:left;box-shadow:var(--shadow-record)}.record-card.source{border:1.5px solid var(--blue-line);box-shadow:0 6px 20px #0066e514}.record-card .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.record-card .name{font-size:16px;font-weight:600}.record-card .meta{font-size:12px;color:var(--muted)}.mini-btn{flex-shrink:0;height:32px;padding:0 15px;border-radius:16px;background:var(--tint);color:var(--blue);font-size:13px;font-weight:500}.mini-btn.gray{background:var(--canvas);color:var(--muted);font-weight:400}.me-head{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 12px}.me-head .avatar{width:80px;height:80px;border-radius:40px;background:var(--grad-hero);color:#fff;font-size:28px;font-weight:600;display:grid;place-items:center;box-shadow:0 8px 20px #0070e347}.me-head h2{font-size:20px;font-weight:700}.me-row{width:100%;min-height:48px;background:var(--card);border-radius:16px;padding:0 15px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-row);color:var(--ink)}.me-row .l{flex:1;font-size:15px;font-weight:500;text-align:left}.me-row .r{font-size:13px;color:var(--muted)}.me-row .icon{color:var(--chevron)}.me-row input{border:0;background:none;text-align:right;font-size:13px;color:var(--muted);width:150px;padding:0}.toast{position:absolute;left:50%;bottom:108px;transform:translate(-50%);background:#1c1c1fe0;color:#fff;padding:8px 14px;border-radius:14px;font-size:13px;z-index:30;white-space:nowrap}.maintain{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;gap:8px}.error{color:var(--danger);font-size:13px}.empty{color:var(--muted);font-size:14px;padding:24px 0;text-align:center}