*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#193e40;background:#eff8f4;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #218e92;outline-offset:4px}button:hover,a:hover{filter:brightness(.94)}img{object-fit:contain;max-width:100%;height:auto}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:12px;z-index:99;background:#fff;padding:12px;border-radius:8px}.skip-link:focus{top:12px}.brand{font-size:24px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand span{color:#299da1}.primary{background:#299da1;border-radius:11px;padding:12px 18px;color:#fff;font-weight:500;display:inline-flex;gap:8px;align-items:center}.outline{border:1px solid #d5e6da;border-radius:11px;padding:11px 17px;background:#fff;display:inline-flex;align-items:center;gap:7px;color:#558073}
.sidebar{background:#2b999e;color:#fff;position:fixed;inset:0 auto 0 0;width:250px;padding:32px 24px;display:flex;flex-direction:column;z-index:15;overflow-y:auto}.sidebar .brand{font-size:24px}.sidebar .brand span{color:#edf8bc}.side-brand p{font-size:11px;letter-spacing:2px;margin-top:10px;color:#d5eded}.side-heading{font-size:10px;color:#cce6e3;letter-spacing:1.4px;display:block;margin:44px 0 16px 12px}.all-category{padding:14px 13px;display:flex;align-items:center;gap:10px;font-size:13px;border-radius:12px}.all-category>span{margin-left:auto;font-size:11px;opacity:.8}.sidebar a.active{background:#c9edce;color:#266767;font-weight:600}.side-cats{display:grid;gap:9px;margin-top:12px}.side-cats>a{display:flex;align-items:center;padding:11px 10px;gap:12px;border-radius:12px}.side-cats img{height:45px;width:39px;filter:drop-shadow(0 2px 2px #14575a22)}.side-cats>a>div{flex:1}.side-cats strong{font-size:13px;font-weight:500;display:block}.side-cats span{font-size:10px;opacity:.72;display:block;margin-top:5px}.side-cats .icon{width:14px;height:14px;opacity:.6}.side-more{margin-top:27px;padding-top:20px;border-top:1px solid #ffffff29;display:grid;gap:4px}.side-more a{display:flex;gap:11px;align-items:center;padding:12px;font-size:12px;color:#e1f0ed}.side-more .icon{width:17px;height:17px}.side-bottom{margin-top:auto;padding:30px 7px 0}.side-bottom>span{font-size:10px;color:#c6e4dc;display:block}.side-bottom>strong{font-size:12px;display:block;margin-top:8px;line-height:1.8}.side-bottom button{margin-top:16px;border-radius:10px;background:#f5fcf2;color:#347b71;width:100%;padding:12px;font-size:12px}.side-bottom button .icon{margin-left:auto;width:15px}
.directory-main{margin-left:250px;padding:0 42px;max-width:1800px}.directory-top{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.directory-top>span{font-size:12px;color:#577871;white-space:nowrap}.directory-top em{font-style:normal;color:#9bafa2;padding:0 10px}.directory-search{display:flex;align-items:center;border:1px solid #deebe2;background:white;border-radius:13px;padding:7px 8px 7px 16px;max-width:510px;width:60%;gap:11px}.directory-search>.icon{color:#7d9e8c;width:17px}.directory-search input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:12px;color:#294c41}.directory-search input::placeholder{color:#839c8c}.directory-search kbd{font-size:9px;color:#9baa9a;white-space:nowrap}.directory-search button{background:#299da1;color:#fff;border-radius:8px;font-size:11px;padding:10px 13px;white-space:nowrap}.directory-search button .icon{width:14px;height:14px}
.directory-hero{height:297px;background:#ddecad;border-radius:25px;position:relative;overflow:hidden;padding:35px 38px;display:flex;align-items:center}.directory-hero>div:first-child{z-index:2}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7b9361;font-weight:500}.directory-hero h1{font-size:36px;line-height:1.45;letter-spacing:-1px;margin-top:14px;color:#244d40}.directory-hero p{font-size:12px;color:#738758;margin-top:13px}.directory-hero a{display:inline-flex;align-items:center;gap:20px;font-size:11px;margin-top:20px;color:#436e4e}.directory-hero a .icon{width:16px}.directory-hero-art{position:absolute;inset:0 10% 0 auto;width:41%;pointer-events:none}.directory-hero-art>span{position:absolute;inset:32px 10px auto auto;border-radius:50%;width:227px;height:227px;background:#edf3cd}.directory-hero-art .hero-beetle{position:absolute;right:57px;top:23px;width:173px;height:240px;transform:rotate(12deg)}.directory-hero-art .hero-companion{position:absolute;right:-14px;bottom:18px;width:112px;height:166px;transform:rotate(-18deg)}.index-badge{position:absolute;right:28px;bottom:25px;font-size:36px;color:#829962;font-weight:300;line-height:1.1}.index-badge small{display:block;font-size:9px;margin-top:7px}
.list-heading{display:flex;align-items:center;justify-content:space-between;margin:33px 0 20px;gap:15px}.list-heading h2{font-size:24px;letter-spacing:-.6px}.list-heading p{font-size:11px;color:#82947d;margin-top:8px}.list-heading select{background:transparent;border:0;color:#648572;font-size:11px;padding:8px;max-width:130px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{font-size:12px;color:#6b8875;border-radius:9px;padding:10px 16px;white-space:nowrap}.tabs button.on{background:#299da1;color:white}.favorite-filter{color:#769380;font-size:11px;white-space:nowrap}.favorite-filter .icon{width:15px;height:15px}.favorite-filter[aria-pressed=true]{color:#cb6479}.search-status{font-size:11px;color:#63816e;min-height:0;margin-bottom:13px}.search-status:empty{display:none}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.species-card{position:relative;background:#fff;border-radius:18px;border:1px solid #e1eade;overflow:hidden;transition:transform .18s,box-shadow .18s}.species-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #4575520a}.card-art{display:block;margin:9px 9px 0;height:180px;border-radius:12px;position:relative;overflow:hidden;background:#edf3da}.tone-1{background:#e4f2eb}.tone-2{background:#f4ecd9}.tone-3{background:#e9ecf6}.card-art img{position:absolute;width:120px;height:155px;left:calc(50% - 60px);top:16px}.art-ring{width:131px;height:131px;background:#ffffff4d;border-radius:50%;position:absolute;left:calc(50% - 65px);top:27px}.category-label{position:absolute;bottom:10px;left:11px;font-size:9px;color:#7f9270}.save{position:absolute;top:17px;right:16px;z-index:2;background:#ffffffa3;color:#769174;width:28px;height:28px;border-radius:50%}.save .icon{width:15px;height:15px}.save[aria-pressed=true]{color:#c96a78}.save[aria-pressed=true] .icon{fill:#f6dde2}.species-meta{display:block;padding:17px 16px 14px}.species-meta h3{font-size:14px;font-weight:600;line-height:1.6}.species-meta>p{font-size:11px;color:#8a9c86;margin-top:5px;font-style:italic;overflow-wrap:anywhere;min-height:29px}.card-bottom{font-size:10px;color:#8c9d81;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.card-bottom>.icon{width:15px;height:15px}.difficulty-chip{color:#729568;background:#f0f6e8;border-radius:5px;padding:4px 6px}.load-more{margin:25px auto 0;padding:13px 22px;border:1px solid #d6e5d9;border-radius:12px;color:#628770;font-size:12px;display:flex;background:#fff}.load-more .icon{width:14px}.directory-tail{display:flex;align-items:center;gap:11px;color:#7c957e;font-size:11px;border-radius:13px;background:#e5f0e5;margin-top:26px;padding:20px}.directory-tail>.icon{color:#91ab7b;width:19px}.directory-tail a{margin-left:auto;white-space:nowrap;display:flex;gap:7px;align-items:center}.directory-tail a .icon{width:14px}footer{display:flex;justify-content:space-between;gap:15px;padding:23px 0 30px;margin-top:25px;border-top:1px solid #dfeadd;color:#8a9b83;font-size:10px;line-height:1.8}.empty-state{text-align:center;background:#fff;border:1px dashed #d5e5d9;border-radius:19px;padding:44px 20px;color:#738d77}.empty-state>.icon{width:31px;height:31px;margin-bottom:14px;color:#89a878}.empty-state h3{font-size:18px;color:#3f6b5b}.empty-state p{font-size:12px;line-height:1.9;margin:12px 0 18px}.archive-empty{margin-top:16px}
.site-header{height:80px;background:#f9fcfa;border-bottom:1px solid #e1ece4}.header-inner{max-width:1248px;margin:auto;display:flex;align-items:center;gap:20px;height:100%}.main-nav{display:flex;margin-left:40px;gap:30px;font-size:13px;color:#6c877b}.compact-search{margin-left:auto;display:flex;align-items:center;background:#edf5ef;border-radius:11px;padding:6px 10px}.compact-search input{width:145px;border:0;background:transparent;padding:5px;color:#366553;font-size:11px}.compact-search button{padding:3px}.compact-search .icon{width:16px;height:16px;color:#769781}.app-button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d7e6dc;border-radius:10px;padding:10px 14px;white-space:nowrap;font-size:11px}.app-button>.icon{width:15px;height:15px;color:#45988d}.species .page{max-width:1248px;margin:auto}.aliases{font-size:11px;line-height:1.9;margin-top:17px;color:#849782}.aliases summary{display:flex;align-items:center;gap:12px;list-style:none}.aliases summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.aliases summary .icon{width:12px;height:12px}.aliases p{margin-top:10px;overflow-wrap:anywhere}.pending-panel{padding:27px;color:#617e68}.pending-panel strong{font-size:19px}.pending-panel p{font-size:12px;line-height:1.9;margin-top:10px}.sex{font-size:19px;line-height:1}.sex.male{color:#df7587}.sex.female{color:#5f9dcc}.hero-image{height:240px}.species .sub-grid{padding-bottom:16px}.species .sub-card{min-width:0}.species .sub-card h4{font-size:14px}.species .difficulty-grade>p{max-width:420px}.species .duration-pair strong{font-size:27px;letter-spacing:-1px}.species .breed-card h4{font-size:22px;white-space:normal;line-height:1.6}.species .enclosure-facts{gap:14px;flex-wrap:wrap}.species .enclosure-facts strong{font-size:23px;white-space:normal}.single-duration{font-size:34px;font-weight:500;color:#6b924d;margin-top:34px;margin-bottom:30px}.species .unified-temp>strong{font-size:25px;white-space:normal}.species .adult-brief>div{flex-wrap:wrap;gap:11px}.species .adult-brief small{line-height:1.6}.species .archive-toolbar{justify-content:space-between}.archive-toolbar>a{font-size:11px;color:#779477;display:flex;gap:6px}.archive-toolbar>a>.icon{width:15px}.archive-card a{display:block}.archive-image{height:165px;background:#e9f2df;border-radius:14px;margin:8px}.archive-image img{width:120px;height:150px}.archive-content h3{font-size:15px}.archive-content p{font-size:11px;margin:9px 0;color:#82987b}.archive-content>span{font-size:11px;color:#5a8e7c;display:flex;justify-content:space-between;align-items:center}.archive-content>span>.icon{width:15px}.no-archive-match{font-size:12px;color:#789478;margin-top:15px}.source-list p{font-size:12px;color:#849478;line-height:1.8}.simple-main{max-width:1120px;margin:auto;padding:32px 0}.back-link{font-size:12px;color:#6d9580;display:inline-block;margin-bottom:25px}.simple-main h1{font-size:36px;margin:8px 0 20px}.lead{font-size:15px;color:#789179;line-height:1.9}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.guide-grid>article{padding:29px;background:white;border-radius:20px;border:1px solid #e0eade}.guide-grid article>span{font-size:12px;color:#90ad72}.guide-grid h2{font-size:23px;margin:12px 0}.guide-grid p{font-size:13px;color:#6c8674;line-height:2}.guide-grid a,.guide-grid button{display:inline-flex;color:#288b87;font-size:12px;margin-top:20px;padding:0}.archive-detail{background:white;padding:30px;display:grid;grid-template-columns:260px 1fr;gap:35px}.archive-detail img{height:270px}.archive-detail h2{margin:20px 0}.archive-detail p{line-height:2;font-size:13px;color:#6f8f77}.archive-detail .primary{margin-top:25px}dialog{border:1px solid #d9e6dc;padding:34px;border-radius:24px;color:#234f47;max-width:440px;width:calc(100% - 36px)}dialog::backdrop{background:#123f3c55;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin:5px 0 20px}dialog p{font-size:13px;line-height:1.9;color:#76917b;margin-bottom:22px}.dialog-close{position:absolute;right:12px;top:8px;font-size:25px}.copy-feedback{margin:15px 0 0!important}.mini-code{display:block;width:180px;height:180px;margin:15px auto}
@media(min-width:1600px){.directory-main{padding:0 60px}.directory-hero{height:330px}.card-art{height:215px}.card-art img{height:185px;width:155px;left:calc(50% - 77px)}}
@media(max-width:1200px){.sidebar{width:220px;padding:28px 19px}.sidebar .brand{font-size:22px}.directory-main{margin-left:220px;padding:0 28px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.directory-hero-art{right:5%;width:40%;opacity:.8}.directory-hero h1{font-size:32px}.index-badge{font-size:30px;right:19px}.header-inner,.species .page{margin-left:28px;margin-right:28px}.simple-main{margin:0 28px}.main-nav{margin-left:15px;gap:20px}.directory-search{width:65%}.directory-search kbd{display:none}}
@media(max-width:820px){.sidebar{position:relative;width:100%;height:auto;padding:20px 18px 0;display:block;overflow:visible}.side-brand{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px}.side-brand p{font-size:10px;letter-spacing:1px;margin:0}.side-heading,.sidebar .all-category,.side-more,.side-bottom{display:none}.side-cats{display:flex;overflow-x:auto;margin:0;padding-bottom:12px;gap:7px}.side-cats>a{padding:7px 9px;gap:6px;flex:1;min-width:76px}.side-cats img{width:22px;height:29px}.side-cats strong{font-size:11px;white-space:nowrap}.side-cats span{display:none}.side-cats .icon{display:none}.directory-main{margin:0;padding:0 18px}.directory-top{height:auto;display:block;padding:18px 0}.directory-top>span{display:none}.directory-search{max-width:none;width:100%;padding:6px 6px 6px 12px;gap:8px;border-radius:11px}.directory-search input{font-size:12px}.directory-search button{font-size:10px;padding:10px}.directory-search button .icon{display:none}.directory-hero{height:227px;padding:24px 22px;border-radius:20px}.directory-hero .eyebrow{font-size:7px;letter-spacing:1px}.directory-hero h1{font-size:26px;margin-top:14px;line-height:1.45}.directory-hero p{font-size:10px;max-width:175px;line-height:1.8;margin-top:10px}.directory-hero a{font-size:10px;margin-top:14px;gap:10px}.directory-hero-art{width:42%;right:0;opacity:.62}.directory-hero-art>span{width:140px;height:140px;top:47px;right:-23px}.directory-hero-art .hero-beetle{width:113px;height:166px;top:31px;right:1px}.directory-hero-art .hero-companion{display:none}.index-badge{font-size:23px;right:15px;bottom:19px}.index-badge small{font-size:7px;margin-top:6px}.list-heading{margin:26px 0 17px;gap:8px}.list-heading h2{font-size:22px}.list-heading p{font-size:10px;line-height:1.7;max-width:210px}.list-heading select{font-size:10px;padding:7px 0;max-width:95px}.directory-toolbar{display:block;margin-bottom:15px}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:3px}.tabs button{font-size:11px;padding:8px 12px}.favorite-filter{font-size:10px;margin-top:12px;padding:5px 0}.favorite-filter .icon{width:13px;height:13px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:142px;margin:7px 7px 0;border-radius:11px}.card-art img{width:100px;height:126px;left:calc(50% - 50px);top:6px}.art-ring{width:101px;height:101px;left:calc(50% - 50px);top:24px}.species-card{border-radius:15px}.save{top:13px;right:12px;width:24px;height:24px}.save .icon{width:13px;height:13px}.category-label{font-size:8px;left:8px;bottom:7px}.species-meta{padding:12px 11px}.species-meta h3{font-size:12px;line-height:1.6}.species-meta>p{font-size:9px;margin-top:5px;min-height:28px;line-height:1.5}.card-bottom{font-size:9px;margin-top:6px}.difficulty-chip{font-size:8px;padding:3px 5px}.card-bottom>.icon{width:13px}.load-more{font-size:11px;margin-top:22px}.directory-tail{font-size:10px;line-height:1.8;align-items:flex-start;padding:16px 13px;flex-wrap:wrap;gap:8px}.directory-tail>.icon{width:16px}.directory-tail a{margin:3px 0 0 24px}footer{font-size:9px;display:block;margin-top:20px;padding:19px 0 25px}footer>span{display:block;margin:5px 0}.header-inner,.species .page{margin:0 18px}.site-header{height:64px}.header-inner{gap:10px}.brand{font-size:21px}.main-nav{display:none}.compact-search{margin-left:auto;padding:5px;background:transparent}.compact-search input{display:none}.compact-search button{padding:4px}.app-button{font-size:9px;padding:8px 10px;gap:5px}.app-button>.icon{width:12px}.aliases{font-size:10px;margin-top:13px}.aliases summary{flex-wrap:wrap;gap:6px}.aliases summary>span{max-width:100%;font-size:9px}.species .sub-card{min-width:266px;max-width:266px}.species .sub-card h4{font-size:12px}.species .hero-image{height:162px}.species .duration-pair strong{font-size:23px;letter-spacing:-.8px;white-space:normal;line-height:1.5}.species .duration-pair>div+div{padding-left:13px}.species .breed-card h4{font-size:20px;white-space:normal;line-height:1.55}.species .unified-temp>strong{font-size:21px;max-width:92px}.species .enclosure-facts strong{font-size:23px}.species .adult-brief>div{display:block}.species .adult-brief strong{font-size:15px;white-space:normal;line-height:1.5}.species .adult-brief small{font-size:9px}.single-duration{font-size:26px;margin:25px 0}.species .incubation{display:block}.species .hatch-route{justify-content:flex-start}.species .archive-card{display:block}.archive-card a{display:grid;grid-template-columns:100px 1fr;gap:8px}.archive-image{height:150px;margin:6px;display:flex;align-items:center}.archive-image img{width:85px;height:130px}.archive-content{padding:15px 8px!important}.archive-content h3{font-size:12px}.archive-content p{font-size:10px;line-height:1.5}.archive-content>span{font-size:10px}.archive-toolbar>a{font-size:9px}.archive-toolbar>a>.icon{width:12px}.empty-state{padding:30px 18px}.empty-state h3{font-size:17px}.empty-state p{font-size:11px}.empty-state .outline{font-size:11px}.simple-main{padding:22px 0;margin:0 18px}.simple-main h1{font-size:29px}.lead{font-size:13px}.guide-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.guide-grid>article{padding:24px}.guide-grid h2{font-size:21px}.guide-grid p{font-size:12px}.archive-detail{grid-template-columns:1fr;padding:22px;gap:20px}.archive-detail img{height:210px;width:210px;margin:auto}.archive-detail h2{font-size:27px}.pending-panel{padding:22px}.pending-panel p{font-size:11px}dialog{padding:28px}dialog h2{font-size:21px}dialog p{font-size:12px}}
.simple .main-nav .selected{color:#238a8e;font-weight:600}.simple .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.simple .archive-card{background:#fff;border:1px solid #e1ede5;border-radius:18px;overflow:hidden}.simple .archive-image{display:flex;align-items:center;justify-content:center}.simple .archive-content{padding:18px}.simple .archive-measure{display:flex;align-items:center;gap:8px;margin:16px 0}.simple .archive-measure>b{font-size:28px}.simple .panel{border:1px solid #e1ede5;border-radius:22px}
@media(max-width:820px){.simple .archive-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}