:root { --bird-orange:#f47a3c; --bird-cream:#fff8ef; --bird-ink:#2f2a25; --bird-teal:#3fa796; --bird-pink:#f6b8a8; --bird-line:#ded5c8; --bird-soft:#f5eadc; --bird-white:#fffdf8; --bird-muted:#786e64; }
* { box-sizing:border-box; }
body[data-mode="early-birds"] { margin:0; background:#e8e2da; color:var(--bird-ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
body[data-mode="early-birds"] button, body[data-mode="early-birds"] input, body[data-mode="early-birds"] select, body[data-mode="early-birds"] textarea { font:inherit; }
.bird-shell { width:min(1380px,100%); min-height:100vh; margin:0 auto; padding:0 24px 20px; background:var(--bird-cream); border-top:4px solid var(--bird-orange); }
.bird-topbar { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; min-height:62px; border-bottom:1px solid var(--bird-line); }
.bird-brand { display:flex; align-items:center; gap:9px; color:var(--bird-ink); text-decoration:none; }
.bird-brand-mark { width:32px; height:32px; border-radius:50% 46% 52% 48%; background:var(--bird-orange); box-shadow:inset -5px -4px 0 rgba(115,49,16,.14); }
.bird-brand strong { font-size:14px; }
.bird-topbar nav { display:flex; justify-content:flex-end; gap:8px; }
.bird-topbar nav a, .bird-ghost { display:inline-flex; min-height:34px; align-items:center; gap:6px; padding:0 14px; border:1px solid var(--bird-line); border-radius:11px; background:transparent; color:var(--bird-ink); font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; }
.bird-topbar nav a.is-active { border-color:var(--bird-ink); background:var(--bird-ink); color:#fff; }
.bird-ghost svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.bird-hero { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; align-items:end; min-height:258px; padding:42px 4% 32px; border-bottom:1px solid var(--bird-line); background:radial-gradient(circle at 76% 20%, rgba(246,184,168,.46), transparent 25%), radial-gradient(circle at 7% 82%, rgba(63,167,150,.15), transparent 28%); }
.bird-hero p, .bird-kicker { margin:0 0 7px; color:var(--bird-orange); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.bird-hero h1 { max-width:760px; margin:0; font-family:"STKaiti","KaiTi",serif; font-size:clamp(46px,6vw,80px); font-weight:700; line-height:.9; letter-spacing:-.08em; }
.bird-hero > div > span { display:block; max-width:610px; margin-top:24px; color:var(--bird-muted); font-size:13px; line-height:1.7; }
.bird-publish { display:grid; grid-template-columns:44px 1fr; align-items:center; gap:0 12px; min-height:100px; padding:20px; border:0; border-radius:24px 24px 8px 24px; background:var(--bird-orange); color:#fff; text-align:left; box-shadow:inset 0 -7px 0 rgba(125,51,15,.13); cursor:pointer; }
.bird-publish svg { grid-row:1/3; width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:1.6; }
.bird-publish span { font-size:22px; font-weight:800; }
.bird-publish small { margin-top:4px; opacity:.8; font-size:10px; }
.bird-workspace { display:grid; grid-template-columns:270px minmax(0,1fr); gap:18px; align-items:start; padding-top:18px; }
.bird-filter-panel { position:sticky; top:16px; display:grid; gap:16px; padding:22px; border:1px solid var(--bird-line); border-radius:18px; background:var(--bird-soft); }
.bird-filter-panel h2 { margin:-5px 0 2px; font-family:"STKaiti","KaiTi",serif; font-size:25px; line-height:1.1; }
.bird-filter-panel label { display:grid; gap:6px; color:var(--bird-ink); font-size:11px; font-weight:700; }
.bird-filter-panel input, .bird-filter-panel select { width:100%; min-height:42px; padding:0 11px; border:1px solid var(--bird-line); border-radius:10px; background:var(--bird-white); color:var(--bird-ink); }
.bird-search { position:relative; }
.bird-search svg { position:absolute; z-index:1; top:13px; left:11px; width:16px; height:16px; fill:none; stroke:var(--bird-muted); stroke-width:1.8; }
.bird-search input { padding-left:36px; }
.bird-risk { padding:15px; border-radius:8px 16px 16px 16px; background:var(--bird-teal); color:#fff; }
.bird-risk strong { font-size:12px; }
.bird-risk p { margin:7px 0 0; font-size:10px; line-height:1.65; opacity:.85; }
.bird-results { min-width:0; padding:18px; border:1px solid var(--bird-line); border-radius:18px; background:var(--bird-white); }
.bird-results > header { display:flex; align-items:end; justify-content:space-between; margin-bottom:14px; }
.bird-results h2 { margin:0; font-family:"STKaiti","KaiTi",serif; font-size:30px; }
.bird-results > header > strong { font-size:12px; }
.bird-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bird-card { position:relative; display:grid; grid-template-columns:70px minmax(0,1fr) 20px; gap:12px; min-height:132px; align-items:start; padding:14px; border:1px solid var(--bird-line); border-radius:18px 18px 18px 7px; background:var(--bird-cream); color:var(--bird-ink); text-align:left; cursor:pointer; }
.bird-card:hover, .bird-card:focus-visible { border-color:var(--bird-ink); outline:none; transform:translateY(-2px); }
.bird-price { display:grid; width:70px; height:70px; align-content:center; border-radius:16px 16px 6px 16px; background:var(--bird-pink); text-align:center; }
.bird-card:nth-child(4n+2) .bird-price { background:#b9ded4; }
.bird-card:nth-child(4n+3) .bird-price { background:#f4c976; }
.bird-card:nth-child(4n+4) .bird-price { background:#f3a676; }
.bird-price small { font-size:9px; }
.bird-price strong { font-size:21px; line-height:1.1; }
.bird-card h3 { overflow:hidden; margin:1px 0 5px; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.bird-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--bird-muted); font-size:11px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bird-card-meta { display:flex; flex-wrap:wrap; gap:6px 10px; margin-top:10px; color:var(--bird-muted); font-size:9px; }
.bird-card > svg { align-self:center; width:18px; height:18px; fill:none; stroke:var(--bird-muted); stroke-width:1.8; }
.bird-empty { grid-column:1/-1; padding:70px 20px; border:1px dashed var(--bird-line); border-radius:18px; color:var(--bird-muted); text-align:center; }
.bird-footer { display:flex; justify-content:space-between; gap:16px; padding:18px 4px 0; color:var(--bird-muted); font-size:9px; }
.bird-footer .filing-line { flex:0 1 auto; }
.bird-footer a { color:inherit; text-decoration:none; }
.bird-modal[hidden] { display:none; }
.bird-modal { position:fixed; z-index:100; inset:0; display:grid; justify-items:end; background:rgba(47,42,37,.18); }
.bird-backdrop { position:absolute; inset:0; backdrop-filter:blur(3px); }
.bird-sheet { position:relative; z-index:1; width:min(620px,94vw); height:100%; overflow:auto; padding:38px 34px; background:var(--bird-white); box-shadow:-16px 0 40px rgba(47,42,37,.12); }
.bird-sheet-small { width:min(440px,94vw); }
.bird-close { position:absolute; top:18px; right:18px; display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--bird-line); border-radius:50%; background:var(--bird-cream); color:var(--bird-ink); cursor:pointer; }
.bird-close svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.bird-detail-head { padding-right:40px; }
.bird-detail-head h2, .bird-form h2, .bird-mine-head h2 { margin:0; font-family:"STKaiti","KaiTi",serif; font-size:34px; }
.bird-detail-price { display:inline-flex; margin:18px 0; padding:10px 16px; border-radius:14px 14px 4px 14px; background:var(--bird-pink); font-size:20px; font-weight:800; }
.bird-detail-section { margin-top:18px; padding-top:18px; border-top:1px solid var(--bird-line); }
.bird-detail-section span { color:var(--bird-muted); font-size:10px; font-weight:700; }
.bird-detail-section p { margin:7px 0 0; font-size:13px; line-height:1.75; white-space:pre-wrap; }
.bird-contact { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; border-radius:14px; background:var(--bird-teal); color:#fff; }
.bird-contact p { overflow-wrap:anywhere; }
.bird-contact button, .bird-text-button { flex:0 0 auto; border:0; background:transparent; color:inherit; text-decoration:underline; cursor:pointer; }
.bird-form { display:grid; gap:16px; }
.bird-form-intro { margin:-8px 0 3px; color:var(--bird-muted); font-size:11px; }
.bird-form label { display:grid; gap:7px; font-size:11px; font-weight:700; }
.bird-form input, .bird-form textarea { width:100%; padding:11px 12px; border:1px solid var(--bird-line); border-radius:10px; background:var(--bird-cream); color:var(--bird-ink); }
.bird-form textarea { min-height:96px; resize:vertical; }
.bird-consent { grid-template-columns:auto 1fr; align-items:start; font-weight:400 !important; }
.bird-consent input { width:17px; height:17px; padding:0; }
.bird-account-note { margin:0; padding:12px; border-radius:10px; background:var(--bird-soft); color:var(--bird-muted); font-size:11px; line-height:1.6; }
.bird-account-note button { border:0; background:transparent; color:var(--bird-orange); font-weight:800; cursor:pointer; }
.bird-submit { min-height:46px; border:0; border-radius:12px; background:var(--bird-ink); color:#fff; font-weight:800; cursor:pointer; }
.bird-submit:disabled { opacity:.55; cursor:wait; }
.bird-form-hint { min-height:16px; color:#a13c2f; }
.bird-mine-head { display:flex; align-items:center; justify-content:space-between; padding-right:42px; }
.bird-mine-head .bird-text-button { color:var(--bird-muted); font-size:11px; }
.bird-mine-list { display:grid; gap:10px; margin-top:22px; }
.bird-mine-section-title { margin:24px 0 -12px; font-family:"STKaiti","KaiTi",serif; font-size:20px; }
.bird-mine-card { padding:15px; border:1px solid var(--bird-line); border-radius:14px; background:var(--bird-cream); }
.bird-mine-card header { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.bird-mine-card h3 { margin:0; font-size:15px; }
.bird-status { display:inline-flex; padding:4px 8px; border-radius:999px; background:var(--bird-soft); font-size:9px; font-weight:800; }
.bird-status.active { background:#d8eee8; color:#1b675a; }.bird-status.rejected { background:#f5d5cf; color:#913e31; }.bird-status.inactive { color:var(--bird-muted); }
.bird-mine-card p { margin:9px 0 0; color:var(--bird-muted); font-size:11px; line-height:1.6; }
.bird-mine-actions { display:flex; justify-content:flex-end; margin-top:10px; }
.bird-mine-actions button { border:0; background:transparent; color:#a13c2f; font-size:10px; text-decoration:underline; cursor:pointer; }
.toast { position:fixed; z-index:200; right:22px; bottom:22px; max-width:min(360px,calc(100vw - 40px)); padding:12px 16px; border-radius:12px; background:var(--bird-ink); color:#fff; font-size:12px; opacity:0; transform:translateY(12px); pointer-events:none; transition:.2s ease; }
.toast.is-visible { opacity:1; transform:none; }
@media (max-width:820px) { .bird-topbar { grid-template-columns:1fr auto; }.bird-topbar nav { display:none; }.bird-hero { grid-template-columns:1fr 230px; }.bird-workspace { grid-template-columns:220px minmax(0,1fr); }.bird-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { body[data-mode="early-birds"] { background:var(--bird-cream); }.bird-shell { padding:0 16px 86px; border-top-width:3px; }.bird-topbar { min-height:56px; }.bird-ghost { padding:0 10px; }.bird-hero { display:block; min-height:0; padding:32px 2px 22px; }.bird-hero h1 { font-size:50px; }.bird-hero > div > span { margin-top:17px; }.bird-publish { position:fixed; z-index:50; right:16px; bottom:16px; width:calc(100% - 32px); min-height:58px; grid-template-columns:28px 1fr; padding:11px 16px; border-radius:16px; box-shadow:0 10px 30px rgba(47,42,37,.18),inset 0 -5px 0 rgba(125,51,15,.13); }.bird-publish svg { width:27px; height:27px; }.bird-publish span { font-size:16px; }.bird-publish small { font-size:8px; }.bird-workspace { display:block; padding-top:12px; }.bird-filter-panel { position:static; padding:14px; }.bird-filter-panel h2, .bird-filter-panel > label > span, .bird-risk { display:none; }.bird-results { margin-top:10px; padding:12px; }.bird-results h2 { font-size:25px; }.bird-card { grid-template-columns:62px minmax(0,1fr) 16px; min-height:119px; padding:11px; }.bird-price { width:62px; height:62px; }.bird-price strong { font-size:18px; }.bird-footer { display:grid; justify-content:center; text-align:center; }.bird-sheet { width:100%; height:auto; max-height:94vh; align-self:end; padding:34px 20px 24px; border-radius:22px 22px 0 0; }.bird-modal { align-items:end; }.bird-detail-head h2, .bird-form h2, .bird-mine-head h2 { font-size:30px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }