:root{color-scheme:light;--ink:#294c3d;--muted:#758375;--leaf:#557a49;--cream:#f5f4e8;--line:#456c4623;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 18% 0,#e2ead6,transparent 47%),#f5f4e8;color:var(--ink);font-size:15px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #5f9169;outline-offset:4px}.dino-shell{max-width:1510px;margin:auto;padding:20px 42px 25px}.island-header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.island-brand{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.025em}.island-brand img{width:35px;height:35px}.island-brand b{font-weight:500;color:var(--muted)}.island-header nav{display:flex;gap:6px}.island-header nav a{padding:8px 15px;font-size:12px;border-radius:22px;min-height:38px}.island-header nav a[aria-current]{background:#d9e4cb;color:#456c36}.island-header nav a:hover{background:#e7edda}.island-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 26px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:#7c8b70;margin:0 0 12px}.island-heading h1{margin:0;font-size:clamp(34px,3.5vw,49px);font-weight:500;line-height:1.3;letter-spacing:.025em}.island-heading h1 em{font-style:normal;color:#7d9152}.island-heading p:last-child{color:var(--muted);margin:11px 0 0;font-size:14px}.friend-badge{display:flex;align-items:center;gap:13px;padding:14px 18px;background:#e6ebd9;border:1px solid #6d86421d;border-radius:40px}.friend-badge>span{font-size:30px;line-height:1;color:#96a56c}.friend-badge strong{display:block;font-size:13px;font-weight:600}.friend-badge small{font-size:10px;color:#889475;display:block;margin-top:2px}.island-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:19px;align-items:stretch}.island-scene{overflow:hidden;min-width:0;border:1px solid #76916d34;border-radius:18px;background:#e1ebd7;box-shadow:0 18px 60px #35482a08}.scene-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #78906518;background:#edf1e1}.scene-heading>span{font-size:11px;letter-spacing:.04em;color:#64765b;display:flex;align-items:center;gap:7px}.scene-heading i{width:5px;height:5px;border-radius:50%;background:#8ba766}.scene-heading button{border:0;background:none;padding:8px 0 8px 12px;font-size:11px;min-height:42px;color:#70835c}.dino-stage{position:relative;height:570px;isolation:isolate;background:#dce8d5;overflow:hidden}.dino-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;cursor:grab}.dino-stage canvas:active{cursor:grabbing}.view-tools{position:absolute;top:15px;left:16px;display:flex;gap:6px;z-index:5}.view-tools button{height:39px;min-width:46px;border:1px solid #7c9a7140;border-radius:9px;padding:0 12px;background:#f5f7e8d9;color:#5b7651;font-size:11px;box-shadow:0 3px 15px #37562e08;backdrop-filter:blur(5px)}.view-tools button:hover{background:#fffdf0}.dino-loading,.dino-error{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e5eddc;color:#6c8659;font-size:14px}.dino-loading>span{font-size:42px;color:#a4b97b;animation:forest-breathe 2s ease-in-out infinite}.dino-error button{border:1px solid #7f9965;border-radius:22px;background:#f6f7e8;padding:10px 20px}.scene-foot{height:43px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eaf0df;border-top:1px solid #78906518;font-size:10px;color:#7c8b6e}.friend-panel{border:1px solid #84996b26;background:#fbfbf2;border-radius:18px;padding:25px 22px 20px;display:flex;flex-direction:column;box-shadow:0 12px 35px #3a502608}.friend-intro .eyebrow{font-size:8px;letter-spacing:.14em}.friend-intro h2{font-size:28px;font-weight:500;letter-spacing:.02em;margin:0 0 11px}.friend-intro p{font-size:12px;color:#849079;line-height:1.8;margin:0 0 22px}.play-buttons{display:grid;gap:8px}.play-buttons button{display:flex;align-items:center;gap:12px;border:1px solid #8ba16e2e;background:#f6f7e9;border-radius:11px;padding:13px 14px;min-height:65px;text-align:left;transition:transform .14s,background .14s}.play-buttons button:hover{transform:translateY(-2px);background:#eef3df}.play-buttons button>span:first-child{font-size:28px;line-height:1;width:24px;text-align:center;color:#789953}.play-buttons button>span:last-child{font-size:13px;font-weight:600}.play-buttons small{display:block;font-size:10px;font-weight:400;color:#8d987f;line-height:1.6;margin-top:3px}.play-buttons button.primary-action{background:#597b4d;border-color:#597b4d;color:#fffef0}.play-buttons .primary-action>span:first-child{color:#d6e5b1}.play-buttons .primary-action small{color:#c4d5ae}.camera-card{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.camera-card>div{display:flex;gap:8px;align-items:center}.camera-card strong{font-size:12px;font-weight:600}.camera-symbol{color:#8da477;font-size:18px}.camera-card>p{font-size:11px;line-height:1.85;color:#8a967e;margin:10px 0 13px}.camera-card>button{border:1px solid #a4b48d;background:#f4f6e7;border-radius:22px;padding:9px 13px;width:100%;font-size:11px;min-height:40px}.camera-card .camera-status{font-size:10px;color:#6d8554;margin-top:11px}.friend-message{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;padding-top:18px}.friend-message>span{color:#a4ad70;font-size:17px}.friend-message p{font-size:11px;color:#859176;line-height:1.8;margin:0}.camera-preview{position:absolute;top:14px;right:14px;width:132px;height:104px;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #203b2826;z-index:7;border:2px solid #fffce5;background:#315740}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-preview>button{position:absolute;right:3px;top:3px;border:0;background:#214434a9;color:white;width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1}.camera-preview>span{position:absolute;bottom:0;left:0;right:0;color:white;background:#2144349c;font-size:8px;text-align:center;padding:4px 0}.leaf-basket{position:absolute;right:17px;bottom:15px;z-index:6;width:153px;text-align:center;filter:drop-shadow(0 7px 13px #34532816)}.leaf-basket>button:first-child{display:block;border:1px solid #fbf9dcbd;background:#faf9e5ed;border-radius:18px;width:100%;padding:4px 10px 9px;touch-action:none;cursor:grab;box-shadow:0 4px 20px #4760310d}.leaf-basket svg{display:block;width:90px;height:57px;margin:0 auto}.leaf-basket strong{display:block;font-size:12px;font-weight:500;color:#677a4f}.leaf-basket strong span{font-size:10px;background:#e1e8c7;border-radius:20px;padding:2px 6px;margin-left:5px}.leaf-basket small{font-size:9px;color:#98a379;display:block;line-height:1.5;margin-top:3px}.leaf-basket>button:last-child{font-size:9px;padding:7px 8px;color:#6f8554;background:#faf9e6c9;border:1px solid #eef0d57a;border-radius:0 0 13px 13px;margin-top:-1px;min-width:115px;min-height:31px}.leaf-basket button:active{cursor:grabbing}.dino-reaction{position:absolute;left:18px;bottom:18px;border-radius:30px;background:#f8fae5db;padding:9px 15px;font-size:12px;color:#6b8353;z-index:4;max-width:calc(100% - 210px);box-shadow:0 5px 18px #23402209;pointer-events:none}.hand-cursor{position:absolute;width:42px;height:42px;border:1px solid #fff8b6;background:#fff9c85c;border-radius:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff9cc;font-size:26px;box-shadow:0 0 20px #ffeec576}.contact-target{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5;border:2px solid #fdf8cc9c;border-radius:50%;background:#fff6a617;color:#fff7ca;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #fbf3aa32}.head-target{font-size:24px;width:74px;height:65px}.mouth-target{width:80px;height:68px;border-style:dashed}.mouth-target span{position:absolute;top:-29px;white-space:nowrap;background:#fcf9d9d9;border-radius:14px;padding:4px 9px;font-size:10px;color:#7d8352}.dino-discoveries{padding:37px 0 12px}.discovery-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.discovery-heading .eyebrow{font-size:8px;margin-bottom:7px}.discovery-heading h2{font-size:25px;font-weight:500;margin:0}.discovery-heading>button{border:1px solid #a1b18a;background:#eef2df;padding:11px 17px;border-radius:25px;font-size:11px;min-height:42px;white-space:nowrap}.dino-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fact-card{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:12px;text-align:left;padding:17px 20px;border:1px solid #8c9b6c25;border-radius:13px;background:#f8f8eb;min-height:91px}.fact-card .fact-icon{grid-row:span 2;font-size:33px;align-self:center;color:#a3b17c;line-height:1}.fact-card strong{font-size:14px;font-weight:500;align-self:end}.fact-card small{font-size:11px;line-height:1.7;color:#919b83}.fact-card[aria-pressed=true]{background:#e6edcf;border-color:#9caf7861}.fact-detail{margin-top:14px;display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding:20px 24px;background:#eeefdc;border:1px solid #8c9b6c16;border-radius:12px}.fact-detail>p{font-size:14px;line-height:1.9;color:#697e53;margin:0;max-width:58ch}.fact-detail details{font-size:11px;color:#8b957a}.fact-detail summary{cursor:pointer;padding:3px 0}.fact-detail details p{line-height:1.8}.fact-detail details a{text-decoration:underline;text-underline-offset:4px}.island-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 0 0;color:#a0a88d;font-size:9px}.island-footer a:hover{text-decoration:underline}.science-narration-status{font-size:11px;color:#7a8c61;line-height:1.7}.dino-shell[data-paused=true] .dino-stage:after{content:'小冠在等你回来';position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:15px;background:#faf8dfeb;padding:14px 24px;border-radius:35px;color:#6a8052;pointer-events:none;z-index:9}.dino-shell[data-food-held=true] .mouth-target{background:#fff6b028}.dino-shell[data-food-ready=true] .mouth-target{background:#fff4a64d;border-style:solid;box-shadow:0 0 26px #fff5c38a}@keyframes forest-breathe{50%{transform:rotate(20deg) scale(1.12);opacity:.65}}
@media(max-width:1050px){.dino-shell{padding:17px 25px 24px}.island-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.friend-panel{padding:22px 17px}.dino-stage{height:540px}.friend-badge{padding:12px 15px}.friend-badge small{display:none}}
@media(max-width:850px){.island-layout{grid-template-columns:1fr}.dino-stage{height:550px}.friend-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:23px}.friend-intro{grid-column:1}.friend-intro p{margin-bottom:0}.play-buttons{grid-column:2;grid-row:1/span 2}.camera-card{grid-column:1;margin-top:15px;padding-top:15px}.friend-message{grid-column:1/-1;margin-top:20px}.play-buttons button{min-height:73px}.dino-fact-grid{gap:9px}.fact-card{grid-template-columns:1fr;padding:16px}.fact-card .fact-icon{grid-row:auto;font-size:26px;margin-bottom:10px}.fact-card strong{font-size:13px}.fact-card small{font-size:10px}.island-heading{padding:26px 0}.island-heading h1{font-size:38px}.island-heading p:last-child{font-size:12px}}
@media(max-width:600px){.dino-shell{padding:11px 13px 20px}.island-header{height:56px}.island-brand{font-size:10px;gap:7px}.island-brand img{width:28px;height:28px}.island-brand b{display:none}.island-header nav{gap:2px}.island-header nav a{font-size:10px;padding:7px 10px;min-height:38px;display:flex;align-items:center}.island-heading{padding:23px 1px 22px;gap:8px;align-items:flex-start}.island-heading .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:9px}.island-heading h1{font-size:34px}.island-heading p:last-child{font-size:11px;max-width:23ch;line-height:1.8;margin-top:9px}.friend-badge{padding:9px 10px;gap:0;border-radius:20px;margin-top:24px;width:79px;justify-content:center;background:#e7edda}.friend-badge>span{font-size:24px}.friend-badge>div{display:none}.island-scene{border-radius:15px}.scene-heading{height:43px;padding:0 13px}.scene-heading>span{font-size:10px}.scene-heading button{font-size:10px;min-height:42px}.dino-stage{height:445px}.view-tools{top:12px;left:12px;gap:5px}.view-tools button{font-size:10px;min-height:44px;min-width:44px;padding:0 10px}.leaf-basket{right:11px;bottom:12px;width:121px}.leaf-basket svg{width:71px;height:47px}.leaf-basket>button:first-child{padding:2px 7px 8px;border-radius:14px}.leaf-basket strong{font-size:11px}.leaf-basket small{font-size:8px}.leaf-basket>button:last-child{font-size:9px;min-height:38px;min-width:101px}.dino-reaction{left:11px;bottom:17px;font-size:10px;padding:8px 10px;max-width:calc(100% - 149px);line-height:1.7}.scene-foot{padding:0 12px;height:39px;font-size:9px;gap:7px}.scene-foot>span:last-child{display:none}.camera-preview{top:12px;right:11px;width:99px;height:80px;border-radius:10px}.camera-preview>span{font-size:7px;padding:3px 0}.camera-preview>button{width:25px;height:25px}.friend-panel{display:block;padding:22px 18px;border-radius:15px}.friend-intro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.friend-intro .eyebrow{width:100%;margin:0 0 -8px;font-size:7px}.friend-intro h2{font-size:24px;margin:0}.friend-intro p{font-size:10px;line-height:1.7;margin:0}.play-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.play-buttons button{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:14px 3px;min-height:93px;border-radius:11px}.play-buttons button>span:first-child{font-size:25px}.play-buttons button>span:last-child{font-size:11px}.play-buttons small{display:none}.camera-card{margin-top:19px;padding-top:17px;display:grid;grid-template-columns:1fr auto;column-gap:11px;align-items:center}.camera-card>div{grid-column:1}.camera-card>p{grid-column:1;margin:5px 0 0;font-size:9px;line-height:1.8}.camera-card>button{grid-column:2;grid-row:1/span 2;width:auto;padding:11px;font-size:10px;min-height:44px}.camera-card .camera-status{grid-column:1/-1;margin-top:9px;font-size:10px}.friend-message{margin-top:18px;padding-top:14px}.friend-message p{font-size:10px}.dino-discoveries{padding-top:28px}.discovery-heading{margin-bottom:15px;gap:8px}.discovery-heading .eyebrow{font-size:6px;letter-spacing:.08em}.discovery-heading h2{font-size:21px}.discovery-heading>button{padding:9px 12px;font-size:10px;min-height:44px}.dino-fact-grid{grid-template-columns:1fr;gap:8px}.fact-card{grid-template-columns:37px 1fr;padding:13px 16px;min-height:77px;column-gap:10px}.fact-card .fact-icon{grid-row:span 2;margin:0;font-size:29px}.fact-card strong{font-size:13px}.fact-card small{font-size:10px}.fact-detail{grid-template-columns:1fr;gap:13px;padding:17px 18px}.fact-detail>p{font-size:13px}.fact-detail details{font-size:10px}.island-footer{align-items:flex-start;flex-direction:column;gap:7px;font-size:8px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}