:root{--ink:#213f42;--muted:#6e7e7d;--paper:#f6f7f2;--line:#d7dfd9;--blue:#dcedef;--accent:#28777b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c4a947;outline-offset:4px}header{height:98px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:1.3}.brand small{display:block;font:10px/2 "Microsoft YaHei",sans-serif;letter-spacing:3px}.mark{font-size:46px;font-weight:normal}nav{display:flex;gap:34px;font-size:12px}nav a:hover{color:var(--accent)}.edition{font:10px monospace;letter-spacing:1px}main{max-width:1440px;margin:auto}section{padding:80px 6%}.hero{padding-top:35px;padding-bottom:0}.eyebrow{font:10px/1.8 monospace;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b9a92}.eyebrow b{font:10px "Microsoft YaHei";background:#e3e9e0;padding:3px 9px;margin-left:auto;letter-spacing:1px}.hero-grid{display:grid;grid-template-columns:36% 64%;min-height:540px;align-items:center}.serial{font:10px monospace;letter-spacing:2px;margin:30px 0 15px;color:var(--muted)}h1{font:normal clamp(36px,4vw,58px)/1.3 "SimSun","Songti SC",serif;letter-spacing:5px;margin:0 0 14px}.latin{font:italic clamp(27px,3vw,44px)/1.17 Georgia,serif;margin:0 0 28px;letter-spacing:-1px}.intro{font-size:13px;color:var(--muted);line-height:2.1}.primary{display:inline-flex;gap:50px;background:var(--ink);color:white;padding:12px 20px;margin-top:17px;font-size:12px}.primary:hover{background:var(--accent)}.hero-foot{display:flex;gap:18px;margin-top:35px;font-size:10px;color:var(--muted)}.hero-foot span+span{border-left:1px solid var(--line);padding-left:18px}.specimen{position:relative;margin:20px 0 0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.specimen img{width:100%;height:auto;mix-blend-mode:multiply}.figure-code{font:9px monospace;letter-spacing:1px;color:var(--muted);position:absolute;right:0;top:15px}.scale{font:9px "Microsoft YaHei";color:var(--muted);text-align:right;margin-top:10px}.scale i{display:inline-block;border:1px solid var(--ink);border-top:0;width:50px;height:5px;margin-right:10px}.specimen figcaption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:15px;padding-top:8px}button{border:0;background:none;color:inherit}.specimen button{font-size:10px;padding:0}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px;padding:24px 0}.facts div+div{border-left:1px solid var(--line);padding-left:30px}.facts small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.facts strong{font-size:12px;font-weight:500}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:12%;padding-top:95px;padding-bottom:95px}h2{font:normal clamp(28px,3vw,40px)/1.5 "SimSun",serif;letter-spacing:2px;margin:12px 0 0}.lead{font:22px/1.7 "SimSun",serif;margin:0 0 23px}.about p:not(.lead){color:var(--muted);font-size:12px}.name-note{border-top:1px solid var(--line);margin-top:25px;padding-top:16px}.name-note small{font:9px monospace;letter-spacing:1px}.anatomy{background:#e9efeb;padding-top:65px;padding-bottom:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:30px}.section-heading p:not(.eyebrow){font-size:11px;color:var(--muted);margin-bottom:8px}.atlas{display:grid;grid-template-columns:1.65fr 1fr;background:var(--paper);border:1px solid var(--line)}.diagram-panel{padding:23px;border-right:1px solid var(--line)}.toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px}.toolbar button{padding:6px 15px;border:1px solid transparent}.toolbar button.active{border-color:var(--ink);background:#e9efeb}.toolbar label{display:flex;gap:5px;align-items:center}#diagram svg{width:100%;height:430px;display:block}.diagram-caption{text-align:center;font-size:11px}.diagram-legend{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.organ-panel{padding:23px}.organ-panel>.eyebrow{margin-top:0}#organ-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#organ-list button{text-align:left;font-size:11px;border-bottom:1px solid var(--line);padding:9px 3px}#organ-list button span{font:10px monospace;color:var(--muted);margin-right:8px}#organ-list button.selected{color:var(--accent);font-weight:bold;background:#e9f0eb}#organ-detail{padding-top:20px}#organ-detail h3{font:23px "SimSun",serif;margin:0 0 10px}#organ-detail p{font-size:12px;color:var(--muted)}.quantity{display:inline-block;font-size:10px;border:1px solid #b6cfca;padding:2px 8px;color:var(--accent)}.source{font:10px/1.8 monospace;margin-bottom:10px}.bilateral{display:flex;align-items:center;gap:23px;margin-top:25px}.bilateral>span{font-size:37px}.bilateral strong{font-size:13px;font-weight:500}.bilateral p{font-size:11px;color:var(--muted);margin:3px 0 0}.gallery{padding-top:70px}#gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.micro{margin:0;cursor:pointer}.crop{height:225px;overflow:hidden;background:#e4eced}.crop img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.micro:hover img{transform:scale(1.07)}.micro figcaption{border-top:1px solid var(--line);margin-top:14px;padding-top:9px;display:flex;justify-content:space-between}.micro h3{font-size:13px;font-weight:500;margin:0}.micro small{font:9px monospace;color:var(--muted)}.micro p{font-size:11px;color:var(--muted);margin:6px 0}.image-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.ecology{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding-top:70px;padding-bottom:70px}.ecology .eyebrow{color:#9ac1bb}.ecology-intro{font-size:11px;color:#afc5c0;margin-top:30px}.notes article{display:flex;gap:22px;border-top:1px solid #526a68;padding:20px 0}.notes article>span{font:12px Georgia;color:#9ac1bb;margin-top:4px}.notes h3{font-size:14px;font-weight:500;margin:0 0 7px}.notes p{font-size:11px;color:#bed0cc;margin:0}.archive-note{display:flex;gap:30px;align-items:center;padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--line)}.archive-note>span{font-size:45px}.archive-note h3{font-size:14px;font-weight:500;margin:0}.archive-note p{font-size:11px;color:var(--muted);max-width:650px;margin:6px 0 0}.archive-note>a{white-space:nowrap;font-size:11px;margin-left:auto}footer{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:13px}footer span{font:9px monospace;color:var(--muted)}dialog{width:min(1100px,95vw);padding:25px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}dialog::backdrop{background:#173437cc}dialog img{width:100%;max-height:80vh;object-fit:contain}dialog button{position:absolute;right:12px;top:3px;font-size:28px}dialog p{text-align:center;font-size:11px}.hotspot{cursor:pointer}.hotspot circle{fill:var(--paper);stroke:var(--accent);stroke-width:1.5}.hotspot text{font:10px monospace;fill:var(--ink);text-anchor:middle}.hotspot:hover circle,.hotspot.current circle{fill:#bbdedb}.annotation{font:10px "Microsoft YaHei";fill:#607a77}.hidden-labels .annotation,.hidden-labels .leader{display:none}@media(min-width:1500px){.hero-grid{min-height:610px}}@media(max-width:900px){header{padding:0 5%;height:80px}nav{gap:16px}.edition{display:none}section{padding:55px 5%}.hero-grid{grid-template-columns:40% 60%;min-height:440px}.hero-foot{gap:8px;flex-wrap:wrap}.hero-foot span+span{padding-left:8px}h1{font-size:35px}.latin{font-size:29px}.facts div+div{padding-left:15px}.about{gap:7%}.atlas{grid-template-columns:1.4fr 1fr}.diagram-panel{padding:15px}#diagram svg{height:370px}.organ-panel{padding:16px}#organ-list{grid-template-columns:1fr}.crop{height:170px}}@media(max-width:650px){header{height:75px}.brand{font-size:16px}.mark{font-size:34px}nav{gap:12px;font-size:10px}nav a:nth-child(1),nav a:nth-child(4){display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:15px}.serial{margin-top:20px}h1{font-size:42px}.latin{font-size:36px}.latin br{display:none}.intro br{display:none}.intro{max-width:310px}.hero-foot{margin-top:20px}.specimen{margin-top:30px}.figure-code{top:0}.facts{grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.facts div:nth-child(3){border:0;padding-left:0}.facts strong{font-size:11px}.about{grid-template-columns:1fr;gap:30px}.about h2 br{display:none}.section-heading{display:block}.section-heading p:not(.eyebrow){margin-top:15px}.atlas{grid-template-columns:1fr}.diagram-panel{border-right:0;border-bottom:1px solid var(--line)}#diagram svg{height:auto;min-height:320px}#organ-list{grid-template-columns:1fr 1fr}.organ-panel{padding:22px}.bilateral{align-items:start;gap:15px}#gallery-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.crop{height:155px}.gallery h2{font-size:27px}.ecology{grid-template-columns:1fr;gap:35px}.ecology h2 br{display:none}.archive-note{gap:17px;flex-wrap:wrap}.archive-note>span{display:none}.archive-note>a{margin-left:0}footer{gap:15px;flex-wrap:wrap}footer .brand small{display:none}.diagram-legend{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-copy,.specimen{min-width:0}.latin{overflow-wrap:anywhere}.crop{position:relative}.crop img{position:absolute;max-width:none;height:auto;object-fit:initial;left:50%;top:50%;transition:filter .3s}.micro:hover img{filter:contrast(1.05)}@media(max-width:650px){.latin br{display:block}.latin{font-size:34px}.eyebrow{letter-spacing:1px}}
.species-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:22px 0 17px;margin-top:7px}.species-switch>span{font:9px monospace;letter-spacing:1px;margin-right:auto;color:var(--muted)}.species-switch a{border:1px solid var(--line);padding:8px 13px;font-size:11px}.species-switch a.current{border-color:var(--accent);background:#e5efeb}.species-switch i{font:italic 12px Georgia;margin-left:8px}.species-switch b{font-size:8px;font-weight:normal;background:var(--ink);color:white;padding:2px 4px;margin-left:7px}.wing-study{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line);padding-top:45px;padding-bottom:55px}.wing-study p{font-size:12px;color:var(--muted)}.wing-study a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.wing-state-buttons{display:flex;gap:8px;justify-content:center}.wing-state-buttons button{border:1px solid var(--line);padding:6px 20px;font-size:11px}.wing-state-buttons button.active{background:var(--ink);color:var(--paper)}#wing-state-diagram svg{width:100%;height:250px}#wing-state-caption{min-height:45px;text-align:center}.wing-study .image-note{font-size:10px}body[data-species="elytratus"] .figure-code{background:var(--paper);padding:3px 7px}@media(max-width:650px){.species-switch>span{width:100%}.species-switch{gap:9px}.species-switch a{flex:1;font-size:10px;padding:7px}.species-switch i{display:block;margin-left:0}.wing-study{grid-template-columns:1fr;gap:25px}.wing-study h2 br{display:none}.wing-study h2{font-size:29px}#wing-state-diagram svg{height:220px}}
.field-gallery{border-top:1px solid var(--line);padding-bottom:25px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field-grid figure{margin:0}.field-photo{display:block;position:relative;padding:0;width:100%;overflow:hidden;background:#e7eeea}.field-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s}.field-photo:hover img{transform:scale(1.025)}.field-photo span{position:absolute;bottom:14px;right:14px;background:#f6f7f2e6;padding:4px 12px;font-size:10px}.field-grid h3{font-size:15px;font-weight:500;margin:16px 0 5px}.field-grid figcaption p{font-size:12px;color:var(--muted);margin:0}.field-gallery .image-note{margin-top:25px}@media(max-width:650px){.field-grid{grid-template-columns:1fr;gap:28px}nav a:nth-child(5){display:none}}
.wing-playback{display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;margin-top:10px}.wing-playback button{border:1px solid var(--line);padding:5px 13px;min-width:110px}.wing-playback button:hover{border-color:var(--accent)}#wing-phase{color:var(--muted);min-width:95px}#wing-state-diagram svg{overflow:visible}