:root{--ink:#18372f;--muted:#65776f;--paper:#f4f0e5;--cream:#fbf8ef;--line:rgba(24,55,47,.15);--coral:#d86f4b;--teal:#2f7a74;--ochre:#ba8850;--sage:#7a8e58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.symbol-sprite{position:absolute;width:0;height:0;overflow:hidden}.concept-header{height:72px;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;width:max-content}.brand>span{width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px}.brand b,.brand small{display:block}.brand b{font:600 19px "STKaiti","KaiTi",serif;letter-spacing:.1em}.brand small{font-size:8px;letter-spacing:.18em;color:var(--muted)}.review-title{text-align:center}.review-title b,.review-title span{display:block}.review-title b{font-size:13px;letter-spacing:.08em}.review-title span{margin-top:4px;font-size:10px;color:var(--muted)}.back-link{justify-self:end;color:var(--ink);font-size:11px;text-underline-offset:5px}.direction-switcher{max-width:1480px;margin:auto;padding:38px clamp(22px,4vw,64px) 26px;display:flex;align-items:end;justify-content:space-between;gap:32px}.kicker{margin:0 0 8px;color:#916b57;font-size:9px;font-weight:700;letter-spacing:.23em}.direction-switcher h1,.asset-heading h2{margin:0;font:500 clamp(28px,3vw,42px) "STKaiti","KaiTi",serif}.direction-tabs{display:flex;gap:8px}.direction-tab{min-width:150px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.28);text-align:left;cursor:pointer}.direction-tab b{display:inline-grid;width:23px;height:23px;margin-right:7px;place-items:center;border-radius:50%;background:#d9ded4;font-size:10px}.direction-tab span{font-size:12px;font-weight:700}.direction-tab small{display:block;margin:5px 0 0 30px;color:var(--muted);font-size:9px}.direction-tab.active{background:var(--ink);color:white}.direction-tab.active b{background:var(--coral)}.direction-tab.active small{color:rgba(255,255,255,.65)}.concept-main{padding:0 clamp(18px,4vw,64px) 60px}.demo-caption{max-width:1480px;margin:0 auto 12px;display:flex;align-items:center;gap:14px;font-size:11px}.demo-caption span{padding:5px 9px;border-radius:99px;background:var(--coral);color:white;font-weight:700}.demo-caption p{margin:0}.demo-caption em{margin-left:auto;color:var(--muted);font-style:normal}.demo-stage{max-width:1480px;min-height:720px;margin:auto;padding:16px;border:1px solid var(--line);border-radius:28px;background:#faf7ee;box-shadow:0 26px 70px rgba(35,61,52,.1);display:grid;gap:14px}.map-panel{position:relative;min-width:0;overflow:hidden;border-radius:20px;background:#c7dfda}.map-toolbar{position:absolute;z-index:3;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.map-toolbar span,.map-toolbar strong{display:block}.map-toolbar span{font-size:9px;letter-spacing:.14em;color:#3f6860}.map-toolbar strong{margin-top:4px;font:600 19px "STKaiti","KaiTi",serif}.map-legend{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(24,55,47,.1);border-radius:99px;background:rgba(248,247,239,.76);font-size:8px;color:var(--muted)}.map-legend i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.map-legend i+ i{margin-left:6px;background:transparent;border-top:1px dashed var(--ink);border-radius:0;width:15px}.map-graticule path{fill:none;stroke:rgba(24,74,65,.085);stroke-width:1;stroke-dasharray:3 8}.country{fill:url(#landFill);stroke:rgba(70,85,72,.33);stroke-width:.5;vector-effect:non-scaling-stroke}.country.china{fill:#eddec4;stroke:#ad704d;stroke-width:1}.flyway-wash{fill:none;stroke:rgba(255,248,219,.28);stroke-width:72;stroke-linecap:round;filter:blur(6px)}.demo-route{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:5 8;opacity:.45}.demo-route.active{stroke-width:3.5;opacity:.95}.map-marker{cursor:pointer}.map-marker circle{fill:rgba(255,252,243,.95);stroke-width:2}.map-marker svg{overflow:visible}.map-marker use{filter:url(#softShadow)}.map-marker text{font-size:9px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#f7f2e5;stroke-width:3}.map-note{position:absolute;left:18px;right:18px;bottom:13px;display:flex;justify-content:space-between;color:rgba(24,55,47,.62);font-size:8px}.bird-profile{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--cream)}.art-frame{position:relative;overflow:hidden}.art-frame img{display:block;width:100%;height:100%;object-fit:cover}.art-frame>span{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:99px;background:rgba(255,252,245,.85);font-size:8px}.profile-copy{padding:20px}.profile-heading{display:flex;gap:12px;align-items:center}.hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e6e0cf;color:var(--ink)}.hero-icon svg{width:31px;height:31px}.profile-heading p{margin:0;color:var(--muted);font-size:9px;letter-spacing:.08em}.profile-heading h2{margin:3px 0 0;font:600 26px "STKaiti","KaiTi",serif}.profile-heading em{font:italic 10px Georgia,serif;color:var(--muted)}.hero-story{margin:16px 0;color:#4f625a;font-size:12px;line-height:1.75}.fact-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact-row div{padding:10px;border-radius:10px;background:#eef0e7}.fact-row small,.fact-row b{display:block}.fact-row small{font-size:8px;color:var(--muted)}.fact-row b{margin-top:4px;font-size:10px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.feature-tags span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;font-size:8px}.species-rail{display:flex;gap:8px}.species-pill{flex:1;display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;text-align:left}.species-pill.active{background:var(--ink);color:white}.species-pill svg{width:28px;height:28px;padding:4px;border-radius:50%;background:rgba(255,255,255,.45);flex:none}.species-pill b,.species-pill small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.species-pill b{font-size:10px}.species-pill small{margin-top:2px;font-size:8px;color:var(--muted)}.species-pill.active small{color:rgba(255,255,255,.6)}.month-control{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center}.month-control button{width:38px;height:38px;border:0;border-radius:50%;background:var(--ink);color:white;cursor:pointer}.month-control>div{min-width:0}.month-control input{width:100%;accent-color:var(--coral)}.month-ticks{display:grid;grid-template-columns:repeat(6,1fr);font-size:8px;color:var(--muted);text-align:center}.asset-review{max-width:1480px;margin:58px auto 0}.asset-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.asset-heading p:last-child{max-width:530px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.asset-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.35)}.asset-visual{position:relative;aspect-ratio:4/3;overflow:hidden}.asset-visual img{width:100%;height:100%;object-fit:cover}.asset-visual img+img{position:absolute;right:9px;bottom:9px;width:76px;height:76px;border:4px solid var(--cream);border-radius:12px}.asset-card-copy{padding:14px}.asset-card-copy h3{margin:0;font:600 18px "STKaiti","KaiTi",serif}.asset-card-copy p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.5}.asset-card-copy a{color:var(--ink);font-size:9px;text-underline-offset:4px}
.brand-logo{width:47px;height:38px;display:block;flex:none}
.demo-stage{position:relative}
.map-marker svg{width:64px;height:64px}
/* A · 自然图鉴 */
.layout-a .demo-stage{grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);grid-template-rows:1fr auto auto;grid-template-areas:"map profile" "rail profile" "time profile"}.layout-a .map-panel{grid-area:map}.layout-a .bird-profile{grid-area:profile;display:grid;grid-template-rows:48% 1fr}.layout-a .species-rail{grid-area:rail}.layout-a .month-control{grid-area:time}
/* B · 迁徙故事 */
.layout-b{--paper:#ebe4d5;--coral:#bd5b3e}.layout-b .demo-stage{grid-template-columns:minmax(360px,.9fr) minmax(0,1.4fr);grid-template-rows:1fr auto;grid-template-areas:"profile map" "profile rail";min-height:690px;background:#262e2b}.layout-b .bird-profile{grid-area:profile;position:relative;border:0;background:#161f1c;color:white}.layout-b .art-frame{position:absolute;inset:0}.layout-b .art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(13,24,20,.88) 100%)}.layout-b .profile-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:32px}.layout-b .profile-heading p,.layout-b .profile-heading em,.layout-b .hero-story{color:rgba(255,255,255,.72)}.layout-b .fact-row div{background:rgba(255,255,255,.12)}.layout-b .fact-row small{color:rgba(255,255,255,.55)}.layout-b .feature-tags span{border-color:rgba(255,255,255,.2)}.layout-b .hero-icon{background:var(--coral);color:white}.layout-b .map-panel{grid-area:map}.layout-b .species-rail{grid-area:rail}.layout-b .species-pill{color:white;border-color:rgba(255,255,255,.18)}.layout-b .species-pill small{color:rgba(255,255,255,.5)}.layout-b .month-control{position:absolute;z-index:4;right:34px;bottom:92px;width:min(48%,620px);padding:12px;border-radius:14px;background:rgba(250,247,238,.88)}
/* C · 观察研究台 */
.layout-c{--paper:#edf0ea;--coral:#b96b42}.layout-c .demo-stage{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);grid-template-rows:auto 1fr auto;grid-template-areas:"rail rail" "map profile" "time profile";background:#f7f8f3;border-radius:10px}.layout-c .map-panel{grid-area:map;border-radius:6px}.layout-c .bird-profile{grid-area:profile;border-radius:6px;display:grid;grid-template-rows:40% 1fr}.layout-c .species-rail{grid-area:rail}.layout-c .species-pill{border-radius:4px}.layout-c .month-control{grid-area:time}.layout-c .art-frame>span{border-radius:3px}.layout-c .fact-row div{border-radius:3px}.layout-c .feature-tags span{border-radius:3px}
@media(max-width:900px){.concept-header{grid-template-columns:1fr auto}.review-title{display:none}.direction-switcher{display:block}.direction-tabs{margin-top:20px;overflow-x:auto}.direction-tab{min-width:145px}.demo-caption em{display:none}.demo-stage,.layout-a .demo-stage,.layout-b .demo-stage,.layout-c .demo-stage{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"map" "profile" "rail" "time";min-height:0}.map-panel{grid-area:map!important;min-height:430px}.bird-profile{grid-area:profile!important;position:relative!important;display:grid!important;grid-template-columns:40% 1fr;grid-template-rows:360px!important}.layout-b .art-frame,.layout-b .profile-copy{position:relative;inset:auto}.layout-b .profile-copy{bottom:auto}.layout-b .month-control{position:relative;right:auto;bottom:auto;width:auto}.species-rail{grid-area:rail!important;overflow-x:auto}.species-pill{min-width:145px}.month-control{grid-area:time!important}.asset-grid{grid-template-columns:1fr 1fr}.asset-heading{display:block}.asset-heading p:last-child{margin-top:12px}}
@media(max-width:560px){.concept-header{padding:0 16px}.back-link{font-size:9px}.direction-switcher,.concept-main{padding-left:16px;padding-right:16px}.direction-switcher h1{font-size:28px}.direction-tabs{margin-right:-16px}.demo-caption{align-items:start}.demo-caption p{line-height:1.5}.demo-stage{padding:8px;border-radius:16px}.map-panel{min-height:340px}#conceptMap{height:340px;width:650px;transform:translateX(calc((100vw - 650px)*.82))}.map-toolbar{left:12px;right:12px}.map-legend{display:none}.map-note{display:none}.bird-profile{grid-template-columns:1fr!important;grid-template-rows:250px auto!important}.profile-copy{padding:17px!important}.asset-grid{grid-template-columns:1fr}.asset-heading h2{font-size:27px}}