:root{--paper:#f2e8cd;--ink:#244956;--muted:#647f76;--line:#78988740;--red:#b75e43}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;isolation:isolate}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b75e43;outline-offset:4px}h1,h2,h3,p{margin:0}svg{width:22px;height:22px;flex:none}.symbol-bank{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#6b897b;font-weight:600}
.field-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#f2e8cdf7,#eff0dbe8 50%,#cce0c7a8),url('assets/flight-landscape.png') center/cover no-repeat}
.field-content{max-width:1440px;margin:auto;padding:0 4% 30px}.field-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:29px 0 23px}.field-intro h1{font-size:clamp(31px,3.2vw,48px);line-height:1.35;margin-top:9px;letter-spacing:1px}.field-intro h1 span{color:var(--red)}.field-intro>p{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:3px}
.field-station{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:start}.species-selection{padding:15px 12px 11px;border-top:1px solid #83a08d70;border-bottom:1px solid #83a08d70;background:#f7f1dd80;border-radius:20px 5px 20px 5px}.selection-heading>div:first-child>.eyebrow{font-size:10px;letter-spacing:.9px}.selection-heading p{font-size:12px;line-height:1.8;margin:6px 0 10px;color:var(--muted)}.comparison-slots{display:flex;gap:5px;background:#d9e4cf;border-radius:13px;padding:4px;margin-bottom:13px}.comparison-slots button{font-size:12px;line-height:1.5;min-height:43px;flex:1;padding:6px 3px;border-radius:10px;min-width:0}.comparison-slots [aria-pressed=true]{background:#2f6270;color:#fff5db}
.species-shelf{display:flex;flex-direction:column;gap:3px}.species-tile{display:grid;grid-template-columns:56px 1fr;position:relative;text-align:left;align-items:center;min-height:49px;padding:3px 6px;border-radius:11px;column-gap:6px;border:1px solid transparent;transition:background .2s,transform .2s}.species-tile:hover{background:#fff7e2}.species-tile[aria-pressed=true]{background:#fff8e3;border-color:#91ae9a80;box-shadow:0 3px 8px #48644c0a}.species-tile img{grid-column:1;grid-row:1/3;display:block;width:56px;height:43px;object-fit:contain;mix-blend-mode:multiply}.species-tile strong{font-size:14px;line-height:1.5;align-self:end;white-space:nowrap}.species-tile small{font-size:10px;color:#6d897b;align-self:start;margin-top:1px;line-height:1.5}.species-tile.historical small{color:#9c7558}.tile-top{position:absolute;left:0;top:2px;font-size:8px;color:#98aa92}.tile-top>span:first-child{display:none}.selected-position{display:block;font-size:8px;background:#d8e4ce;border-radius:5px;padding:1px 3px;color:#426e5c}.selected-position:empty{display:none}.selection-live{font-size:11px;line-height:1.7;color:#6c897b;margin:12px 2px 0}
.field-comparison{min-width:0}.comparison-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 14px;min-height:46px;flex-wrap:wrap}.segmented{display:flex;padding:4px;background:#dce6d4b3;border:1px solid #91ac9550;border-radius:17px;gap:2px}.segmented button{font-size:14px;min-height:40px;padding:7px 17px;border-radius:12px;white-space:nowrap}.segmented [aria-pressed=true]{background:#fff7df;color:#2f6270;box-shadow:0 2px 6px #57705d16}.plumage-note{font-size:10px;line-height:1.6;color:#7a8c7a;margin-left:auto;max-width:155px}.plumage-note i{display:inline-block;width:5px;height:5px;background:#b56c49;border-radius:50%;margin-right:5px}.text-link{font-size:12px;min-height:44px;white-space:nowrap}.text-link span{color:#b75e43;padding-left:8px}
.bird-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;position:relative}.bird-plate{position:relative;background:#fbf7e9e8;border:1px solid #fff9e9;border-radius:7px 27px 7px 27px;overflow:hidden;box-shadow:0 12px 38px #46644912;min-width:0}.bird-plate:before{content:'';position:absolute;left:0;right:0;top:29%;height:35%;background:radial-gradient(ellipse,#c7e0d75c,transparent 70%);pointer-events:none}.plate-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px 0;position:relative;z-index:1;min-height:36px}.plate-top>span:first-child{font-size:8px;letter-spacing:.7px;color:#889b85}.occurrence-tag{font-size:11px;white-space:nowrap;color:#55775f;border:1px solid #b0c8a8;background:#e7eedb;padding:4px 8px;border-radius:20px}.occurrence-tag.historic{color:#a07151;background:#f4e9d5;border-color:#d9bf9b}
.bird-art-button{display:block;position:relative;width:100%;padding:0;overflow:hidden}.bird-art-window{position:relative;height:clamp(220px,28vh,340px);overflow:hidden}.bird-art{display:block;width:100%;height:100%;padding:2px 7px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s ease;transform-origin:center}.art-zoom-hint{display:inline-flex;align-items:center;gap:5px;position:absolute;right:12px;bottom:4px;font-size:9px;color:#829783;background:#faf6e0ce;border-radius:20px;padding:5px 8px}.art-zoom-hint svg{width:13px;height:13px}
.bird-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 18px;padding:12px 0;border-bottom:1px solid var(--line);position:relative}.bird-caption h2{font-size:26px;line-height:1.4;letter-spacing:.5px}.bird-caption h2 span{display:block;font-size:11px;letter-spacing:.4px;margin-top:3px;color:#83967e;font-weight:500}.bird-caption em{display:block;font-size:10px;line-height:1.7;color:#799078;margin-top:4px;overflow-wrap:anywhere}.round-ask{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #a6bba450;border-radius:50%;flex:none}.round-ask:hover{background:#dce8d1}.round-ask svg{width:19px;height:19px}
.feature-line{display:flex;flex-wrap:wrap;gap:6px 13px;font-size:13px;line-height:1.8;padding:13px 18px 11px;color:#5f7a6a;min-height:72px}.feature-line span{display:flex;align-items:baseline;gap:6px}.feature-line i{width:4px;height:4px;background:#b56d4e;border-radius:50%;flex:none}.plate-record{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #a5b99830;width:100%;min-height:43px;font-size:11px;line-height:1.7;text-align:left;padding:10px 18px;color:#78916f}.plate-record>span:last-child{font-size:18px}.plate-record:hover{background:#e4ecd74d}.compare-ampersand{position:absolute;z-index:3;top:41%;left:50%;transform:translate(-50%,-50%);font-size:27px;color:#77937a;pointer-events:none}
.observation-strip{margin:29px 0 0;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid #f8f4df;background:#f6f1dbb3;border-radius:24px 7px 24px 7px}.observation-strip h3{font-size:21px;line-height:1.7;margin-top:8px}.quiz-options{display:flex;gap:10px}.quiz-options button{font-size:15px;padding:10px 20px;min-height:44px;border-radius:25px;border:1px solid #8aa791}.quiz-options [aria-pressed=true]{background:#2f6270;color:#fff6d9}.quiz-options .incorrect[aria-pressed=true]{background:#b56d4e}.observation-strip>p{width:100%;font-size:15px;line-height:1.9;color:#587866}.observation-strip>p[hidden]{display:none}
.archive-note{display:flex;align-items:center;gap:25px;padding:25px 4px 0;line-height:1.9}.archive-note>.eyebrow{font-size:10px;white-space:nowrap}.archive-note>p{font-size:17px}.archive-note>small{font-size:11px;max-width:250px;color:#78917c;margin-left:auto}.field-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4%;border-top:1px solid var(--line);font-size:11px;color:#718b77}.field-footer small{font-size:10px}.field-footer button,.field-footer a{min-height:44px;font-size:12px}
dialog{border:1px solid #fff7e4;border-radius:26px 7px 26px 7px;background:#fbf5e1;color:var(--ink);max-width:94vw;max-height:90vh;padding:35px;box-shadow:0 25px 100px #214d4633;overflow:auto}dialog::backdrop{background:#294d4961;backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:5;right:12px;top:9px;min-width:44px;min-height:44px;font-size:28px}.info-dialog{width:570px}.info-dialog h2{font-size:29px;line-height:1.6;margin:17px 0 18px}#info-content{font-size:16px;line-height:1.95;color:#59786b}#info-content p+p{margin-top:12px}#info-content small{display:block;font-size:12px;line-height:1.9;margin-top:20px}#info-content a{text-decoration:underline}.ask-dialog{width:530px}.guide-identity{display:flex;gap:14px;align-items:center}.guide-identity>svg{width:42px;height:42px}.guide-identity h2{font-size:30px;margin-top:6px}.guide-context{font-size:13px;color:#8e765c;padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.guide-answer{padding:19px;border-radius:17px;background:#e5edda;line-height:1.9;font-size:16px}.guide-greeting{font-size:18px;font-weight:700}.guide-answer p{margin-top:10px}.guide-answer small{display:block;font-size:11px;margin-top:13px;color:#7b947b}.guide-questions{display:grid;gap:9px;margin-top:18px}.guide-questions button{font-size:14px;line-height:1.8;min-height:48px;text-align:left;display:flex;justify-content:space-between;gap:15px;border:1px solid #b6c6a6;border-radius:12px;padding:11px 15px}.guide-questions [aria-pressed=true]{border-color:#648d76;background:#f5edcd}.sample-disclosure{font-size:10px;line-height:1.9;color:#889980;margin-top:17px}
.art-dialog{width:1040px;height:87vh;padding:26px;overflow:hidden}.art-dialog-heading{height:85px;display:flex;align-items:center;gap:20px;padding-right:35px;flex-wrap:wrap}.art-dialog-heading h2{font-size:29px}.art-dialog-heading p{font-size:12px;color:#799078}.enlarged-stage{height:calc(100% - 145px);overflow:hidden;position:relative;touch-action:none;cursor:grab;border-radius:20px;background:radial-gradient(ellipse,#dfebd6,#f8f3df 70%)}.enlarged-stage img{height:100%;width:100%;object-fit:contain;display:block;mix-blend-mode:multiply;transform-origin:center;user-select:none;pointer-events:none}.art-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:12px;min-height:55px;font-size:13px}.art-controls button{border:1px solid #a3b993;border-radius:12px;min-height:44px;min-width:44px;padding:6px 12px}.art-controls small{font-size:11px;color:#8b9e81}
@media(max-width:1100px){.field-station{grid-template-columns:180px minmax(0,1fr);gap:20px}.field-intro h1{font-size:35px}.field-intro>p{font-size:12px}.species-selection{padding:12px 8px}.species-tile{grid-template-columns:48px 1fr;column-gap:4px}.species-tile img{width:48px}.species-tile strong{font-size:13px}.species-tile small{font-size:9px}.bird-comparison{gap:17px}.comparison-toolbar{gap:8px}.segmented button{font-size:13px;padding:7px 12px}.plumage-note{max-width:133px;font-size:9px}.text-link{font-size:11px}.plate-top{padding:13px 13px 0;gap:6px}.plate-top>span:first-child{font-size:7px}.occurrence-tag{font-size:10px;padding:3px 6px}.bird-caption{margin:0 13px}.bird-caption h2{font-size:23px}.feature-line{padding:12px 13px;font-size:12px}.plate-record{font-size:10px;padding:10px 13px}.archive-note{gap:15px}.archive-note>p{font-size:15px}.archive-note>small{font-size:10px;max-width:220px}}
@media(max-height:800px) and (min-width:981px){.field-intro{padding-top:23px;padding-bottom:20px}.field-intro h1{font-size:36px}.bird-art-window{height:220px}.species-tile{min-height:47px}.field-station{gap:23px}.feature-line{min-height:66px}}
@media(max-width:980px){.field-station{display:block}.species-selection{padding:13px 15px;margin-bottom:19px}.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.selection-heading>div:first-child{min-width:0}.selection-heading p{margin:5px 0}.comparison-slots{margin:0;min-width:240px}.comparison-slots button{font-size:13px;padding:7px 10px;min-height:44px}.species-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 10px;margin-top:8px}.species-tile{grid-template-columns:58px 1fr;padding:4px 7px;min-height:54px}.species-tile img{width:58px;height:45px}.species-tile strong{font-size:14px}.species-tile small{font-size:10px}.selection-live{margin-top:8px;font-size:11px}.field-intro h1{font-size:34px}.field-intro>p{max-width:215px;font-size:12px}.bird-art-window{height:260px}.bird-caption h2{font-size:25px}.feature-line{font-size:13px}.plate-record{font-size:11px}.archive-note{flex-wrap:wrap}.archive-note>small{max-width:none;margin-left:0}.comparison-toolbar{margin-bottom:14px}.plumage-note{max-width:none}.segmented button{font-size:14px;padding:7px 18px}.art-dialog-heading{height:105px;gap:10px 16px}.enlarged-stage{height:calc(100% - 165px)}}
@media(max-width:600px){.field-content{padding:0 5% 24px}.field-intro{display:block;padding:24px 0 18px}.field-intro h1{font-size:29px;letter-spacing:0}.field-intro>p{max-width:none;font-size:13px;line-height:1.8;margin-top:12px}.field-intro>p br{display:none}.field-station{display:block}.species-selection{padding:13px 10px}.selection-heading{display:block}.selection-heading>div:first-child>.eyebrow{font-size:9px}.selection-heading p{font-size:12px}.comparison-slots{min-width:0;margin-top:10px}.comparison-slots button{font-size:12px}.species-shelf{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:7px;padding:8px 1px}.species-tile{display:block;flex:0 0 110px;text-align:center;scroll-snap-align:start;padding:7px;min-height:108px}.species-tile img{width:92px;height:56px;margin:auto}.species-tile strong{display:block;font-size:13px}.species-tile small{display:block;font-size:10px;margin-top:4px}.tile-top{left:5px;top:5px}.selection-live{font-size:11px}.comparison-toolbar{gap:9px}.segmented{width:100%;justify-content:space-between}.segmented button{font-size:13px;flex:1;min-width:0;padding:7px 8px}.plumage-note{font-size:10px;margin-left:0}.text-link{font-size:11px;margin-left:auto;min-height:36px}.bird-comparison{gap:10px}.plate-top{padding:10px 8px 0;min-height:46px;display:block}.plate-top>span:first-child{font-size:6px;letter-spacing:0;display:block;margin-bottom:6px}.occurrence-tag{font-size:9px;padding:3px 6px;display:inline-block}.bird-art-window{height:165px}.bird-art{padding:0}.bird-caption{margin:0 9px;padding:10px 0}.bird-caption h2{font-size:21px}.bird-caption h2 span{font-size:10px}.bird-caption em{font-size:9px}.round-ask{position:absolute;right:0;top:68px;width:32px;height:32px;min-height:32px}.round-ask svg{width:16px;height:16px}.bird-caption>div{width:100%}.bird-caption em{max-width:100%;padding-right:0;min-height:31px}.feature-line{padding:12px 9px;font-size:12px;display:block;min-height:105px}.feature-line>span{display:flex;margin-bottom:4px}.plate-record{padding:9px;font-size:10px;min-height:58px}.art-zoom-hint{font-size:7px;right:4px;padding:4px;bottom:1px;gap:3px}.art-zoom-hint svg{width:11px;height:11px}.compare-ampersand{font-size:21px}.observation-strip{padding:19px 17px;gap:15px}.observation-strip h3{font-size:18px}.quiz-options{width:100%;justify-content:flex-end}.quiz-options button{font-size:14px}.observation-strip>p{font-size:14px}.archive-note{display:block;padding:22px 3px 0}.archive-note>p{font-size:16px;margin-top:8px}.archive-note>small{display:block;font-size:11px;margin-top:10px}.field-footer{padding:15px 5%;flex-wrap:wrap;gap:2px 13px;font-size:10px}.field-footer>span{width:100%}.field-footer small{font-size:9px}.field-footer button,.field-footer a{font-size:11px}dialog{padding:30px 23px}.info-dialog h2{font-size:25px}#info-content{font-size:15px}.art-dialog{height:82vh;padding:19px 13px}.art-dialog-heading{height:104px;display:block;padding-top:6px}.art-dialog-heading h2{font-size:25px;margin:5px 0}.art-dialog-heading>.eyebrow{font-size:10px}.art-dialog-heading p{font-size:10px}.enlarged-stage{height:calc(100% - 170px)}.art-controls{gap:8px}.art-controls small{display:none}.guide-greeting{font-size:17px}.guide-answer{font-size:15px;padding:15px}.guide-questions button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){.species-shelf{flex-direction:row}.bird-caption{display:block}.round-ask{position:static;width:100%;height:44px;min-height:44px;margin-top:8px;border-radius:12px;background:#e6edda70}.round-ask:after{content:'问问小鸥';font-size:11px;margin-left:5px}}

.bird-art{transition:none}.bird-art.is-focused{position:absolute;left:0;top:0;max-width:none;max-height:none;padding:0;object-fit:fill;transform-origin:0 0}