:root{--head-height:80px;--foot-height:40px;--main-height:calc(100vh - var(--head-height) - var(--foot-height));--padding:20px;--header-bgc:#0c2331;--header-color:#ffffffe6;--font-family:"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,sans-serif;--font-family-monospace:"Fira Code","Source Code Pro","Monaco","Courier New",monospace}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;box-sizing:border-box;padding:0;margin:0;height:100%;font-size:16px}*,:after,:before{box-sizing:inherit}body{font-family:var(--font-family);height:100%;background-color:#f8f8f8}a{text-decoration:none}.unstyled{margin:0;padding:0;list-style-type:none}#app{width:100%;height:100%;height:100dvh;position:relative;background-image:linear-gradient(var(--header-bgc) var(--head-height),#0000 0)}.el-date-range-picker .el-date-table__row:not(:last-of-type) td{border-bottom:1px solid var(--el-border-color-lighter)}time{font-family:var(--font-family-monospace);color:var(--el-color-info-light-3)}.el-table .cell{line-height:1.2}.el-tool-card{height:300px}h1,h2,h3,h4,h5,h6{margin:0}.center,.center>.cell{text-align:center}.under-construct{display:flex;justify-content:center;align-items:center;height:100%;font-size:40px}.sub-species{font-size:.8em;color:var(--el-color-info);margin-left:.5em}.apppend-text,.latin-name{color:var(--el-text-color-regular);font-style:italic}.tb{display:inline-block;margin:0 1em}.bird-index{margin:2em 0 1em;text-align:center;color:var(--el-color-primary);background-color:#eee;line-height:2}.btn-view-img{width:70px}.btn-view-img .img-count{width:2em;height:1.2em;margin-left:.5em;display:inline-block;background-color:var(--el-color-primary-light-3);font-style:normal;font-weight:700;line-height:1.2em;color:#fff;border-radius:.6em}.forest-bird{color:var(--el-color-info)}.water-bird{color:var(--el-color-primary)}.cross-line{text-decoration-line:line-through}.linked{cursor:pointer;color:var(--el-color-primary);text-decoration:underline}.linked:hover{text-decoration:none}.global-count{color:var(--el-color-success);background-color:var(--el-color-success-light-9);font-weight:700;font-size:30px;padding:0 10px;margin:0 10px;border-radius:8px}.gb{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;display:inline-flex;margin:0 5px;border-radius:50%;background-color:var(--el-color-danger-light-3);color:#fff;font-size:.6rem;font-family:Georgia,serif}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.fullscreen-carousel{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;position:fixed;justify-content:center;align-items:center;background-color:#00000080;z-index:20;overflow:hidden}.close-mask{top:1.5rem;right:1.5rem;position:absolute;display:block;font-size:2rem;cursor:pointer;color:#fff}.close-mask:hover{color:#ccc}.my-carousel{--base-width:calc(100vmin - 2rem);width:var(--base-width);height:calc(var(--base-width)/1.5);max-width:2000px;max-height:1333.3333333333px}.my-carousel .el-carousel__arrow{background-color:#0003}.my-carousel .el-carousel__container{height:100%}.my-carousel .lay-down{top:0;right:0;bottom:0;left:0;position:absolute;background:#ffffff4d no-repeat 50%/cover;background-blend-mode:screen;filter:blur(8px);transform:scale(1.2)}.my-carousel .el-carousel__item{display:inline-flex;justify-content:center;align-items:center}.my-carousel .el-carousel__item h3{top:1em;left:1em;position:absolute;display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff;text-shadow:1px 1px #0009,0 -1px #0003}.my-carousel .el-carousel__item h3>.latin-name{padding-left:1em;font-size:.6em;color:#fff}.my-carousel .el-carousel__item h3 .svg-icon{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.6))}.my-carousel .el-carousel__item .gb{width:40px;height:40px;font-size:.6em;vertical-align:middle;margin:0 10px}.my-carousel .el-carousel__item .sub-species{color:#f2f2f2}.my-carousel .el-carousel__item img{top:0;position:absolute;height:100%;margin:0 auto}.my-carousel .el-carousel__item:hover .exif-container{opacity:1}.my-carousel .exif-container{right:16px;bottom:18px;left:16px;position:absolute;will-change:opacity;transition:opacity .5s;opacity:1}.my-carousel .exif-info{will-change:transform,opacity;transition:transform .5s,opacity .3s;transform-origin:right;transform:scaleX(0);opacity:0;display:flex;flex-wrap:wrap;align-items:center;padding:5px 70px 0 25px;height:100%;color:#fff;background:linear-gradient(45deg,#0000 16px,#000000b3 0)}.my-carousel .exif-info>span{line-height:40px;padding-left:1em;font-size:14px}.my-carousel .exif-info>span:nth-child(-n+2){font-size:16px;width:100%}.my-carousel .exif-info>span:nth-child(-n+2) svg{margin-right:.5em}.my-carousel .exif-info>span:nth-child(-n+2) svg:not(:first-child){margin-left:1em}.my-carousel .exif-info>span:nth-child(n+3){width:16.6666666667%;border-top:1px solid #ffffff80}.my-carousel .exif-info>span:nth-child(n+4){background:linear-gradient(#ffffff80,#ffffff80) no-repeat 0 50%/1px 40%}.my-carousel .exif-info time{color:#fff}.my-carousel .exif-icon{top:50%;right:23px;position:absolute;z-index:25;transform:translateY(-50%);color:#fff;font-size:40px;cursor:pointer}.my-carousel .exif-icon:hover+.exif-info{transform:scaleX(1);opacity:1;transition-timing-function:cubic-bezier(.1,1.2,.5,1.1)}.red-list>section{transform-origin:left top;transform:scale(.8333333333);margin-top:1em}.red-list span{display:inline-block;width:45px;font-size:12px;font-weight:700;color:#fff;text-align:center;line-height:2;border-radius:.5em;margin-right:1em}.red-list h4{margin-bottom:10px}.red-list ul{list-style-type:none;padding:0}.red-list li{font-size:14px;margin-bottom:10px}.aside-count-title{display:flex;justify-content:space-between}.bird-count-info{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.bird-count-info>li{width:50%;color:#0070b3;margin-bottom:1em}.bird-count-info div{font-size:26px;font-weight:700}.bird-count-info span{font-size:14px;line-height:2}.cover-wrapper{width:100%;padding-top:66.6666666667%;position:relative;cursor:pointer}.spec-cover{top:0;right:0;bottom:0;left:0;position:absolute;border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius)}.spec-cover img{transition:transform 10s linear}.spec-cover:hover{border-color:#ccc}.spec-cover:hover img{transform:scale(1.5)}.image-slot{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--el-fill-color-light);color:var(--el-text-color-secondary);font-size:14px}.image-slot svg{font-size:60px;color:#ccc}.image-slot .spin{animation:round 2s linear infinite}.img-desc{display:flex;align-items:center;font-size:14px;padding-top:1em}.img-desc+i{font-size:12px;color:var(--el-color-info)}@keyframes dot{0%{width:1em}to{width:3em}}@keyframes round{to{transform:rotate(1turn)}}.species-dialog{display:flex}.species-dialog .species-avatar{display:flex;justify-content:center;align-items:center;flex:100px 0}.species-dialog .species-avatar svg{font-size:46px;color:#0009}.species-dialog .el-descriptions{flex-grow:1}.species-dialog .el-descriptions__label{font-weight:700}.virtual-container{height:calc(100% - var(--padding) - 32px)}.date-range .has-record{border-radius:50%;background-color:var(--el-color-success-light-8);color:var(--el-color-success);font-weight:700}.date-range .end-date .has-record,.date-range .start-date .has-record{color:#fff}.date-range .current{border-radius:50%;background-color:var(--el-color-primary-light-8)}.life-map-content{--map-cell:13px;--map-cell-space:3px;--map-cell-height:calc(var(--map-cell)*7 + var(--map-cell-space)*6)}.life-map-wrap{width:100%;display:flex;justify-content:space-between;margin-top:2em}.life-map{height:var(--map-cell-height);display:inline-flex;flex-direction:column;flex-wrap:wrap}.map-cell{width:var(--map-cell);height:var(--map-cell);display:block;border-radius:3px;background-color:var(--el-color-info-light-8)}.map-cell:not(:nth-child(7n+1)){margin-top:var(--map-cell-space)}.map-cell:nth-child(n+8){margin-left:var(--map-cell-space)}.map-cell.fake-map-cell{visibility:hidden}.map-cell.show-month{position:relative}.map-cell.show-month:before{content:attr(data-day);font-size:.8em;opacity:1;position:absolute;top:-2em;color:var(--el-color-info)}.life-year{display:inline-flex;margin:0;padding:0;flex-direction:column;margin-right:0;height:var(--map-cell-height);overflow-y:scroll}.life-year li{list-style-type:none}.life-year .el-button--default{border-color:#0000}.cell-demo{display:flex;align-items:center;margin-top:.5em;justify-content:flex-end;margin-right:calc(100% - 845px)}.cell-demo>span{color:var(--el-color-info);font-size:.8em}.cell-demo>span:first-of-type{margin-right:2em}.cell-demo>.map-cell{margin-left:var(--map-cell-space)}.cell-demo>.map-cell:last-of-type{margin-right:var(--map-cell-space)}.birds-page{display:flex;flex-wrap:wrap;max-width:80rem;min-width:64rem;background-color:#fff;margin:0 auto;box-shadow:0 var(--head-height) 13px 3px #0000003b}.birds-page h2{margin-bottom:var(--padding)}.birds-page>header{display:flex;align-items:center;flex:1 100%;height:var(--head-height);background-color:var(--header-bgc);color:var(--header-color)}.birds-page>header h1{padding:0 var(--padding);font-size:30px}.birds-page>header h1:hover{cursor:pointer}.birds-page>header h1:hover .svg-icon.logo{transform:scaleX(-1)}.birds-page>header .svg-icon.logo{will-change:transform;transition:transform .5s;fill:#fff;margin-right:.25em}.birds-page>header ul{list-style-type:none;margin:0 0 0 1em;padding:0;display:flex;height:100%}.birds-page>header ul li+li{margin-left:1em;position:relative}.birds-page>header ul li+li:before{width:1px;height:1em;top:50%;left:-.5em;position:absolute;content:"";display:block;background-color:currentcolor;transform:translateY(-50%)}.birds-page>header ul a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;will-change:background;transition:background .3s;color:currentColor;padding:0 1.25em;font-size:18px;height:100%;background-position:0 110%}.birds-page>header ul a:hover{background-color:#ffffff26}.birds-page>header ul a.active{background:#ffffff40 linear-gradient(skyblue,skyblue) no-repeat 0 100%/100% .25em}.birds-page>main{flex:calc(100% - 300px);position:relative}.birds-page>aside,.birds-page>main{min-height:var(--main-height);padding:var(--padding);overflow:scroll}.birds-page>aside{flex:300px;background-color:#f0f6f9}.birds-page>aside.fix-height,.birds-page>main.fix-height{height:var(--main-height)}.birds-page>footer{display:flex;justify-content:center;align-items:center;flex:1 100%;height:var(--foot-height);background-color:#212121;color:var(--el-color-primary-light-9);font-size:12px}.birds-page>footer a{color:currentColor;padding-left:2em}.birds-page>footer a:hover{text-decoration:underline}.male-mark{color:var(--el-color-success)}.female-mark,.male-mark{margin-left:.2em;transform:scale(1.2)}.female-mark{color:var(--el-color-danger)}.pageination{z-index:1}.pageination,.total-info{position:absolute;bottom:var(--padding)}.total-info{right:var(--padding);font-size:14px}.total-info>i{color:var(--el-color-success)}:root{--cover-width:min(81vw,2000px);--rate:1.5;--channel-width:var(--cover-width);--channel-height:calc(var(--channel-width)*var(--rate))}.title{display:flex;justify-content:center;align-items:center;width:var(--cover-width);height:var(--head-height);margin:auto;justify-content:start;font-size:60px;font-weight:700;color:#fff}.title svg{margin-right:.5em}.title.is-mobile{font-size:3vh}.home{display:flex;justify-content:center;align-items:center;margin:auto;width:var(--cover-width);height:calc(100% - var(--head-height) - 56px)}.home.is-mobile{width:100vw;flex-direction:column}.home.is-mobile>section{width:100%;height:100%}.home.is-mobile svg{font-size:48vmin;transition:unset;filter:drop-shadow(5px 5px 5px hsl(0,0%,70%))}.home.is-mobile .block-birds{background-image:none;max-height:none}.home>section{width:var(--channel-width);height:var(--channel-height);display:flex;justify-content:center;align-items:center;max-height:750px;position:relative;cursor:pointer}.home>section.block-birds{background-image:linear-gradient(45deg,#f8f8f8 2vw,#0000 0),linear-gradient(-135deg,#f8f8f8 2vw,#0000 0);background-color:#e2ebed}.home>section>svg{font-size:28vw;transition:.5s;filter:drop-shadow(0 0 0 hsl(0,0%,80%)) grayscale(100%)}.home>section:hover{transform:scaleX(1.1)}.home>section:hover>svg{filter:drop-shadow(5px 5px 5px hsl(0,0%,70%)) grayscale(0);font-size:35vw}.birds-home{--no-padding:calc(var(--padding)*-1);--kv-height:400px;display:flex;background-color:#113144;margin:var(--no-padding)}.cover-intro{padding:calc(var(--padding)*3) 0;line-height:2}.cover-intro>h1{border-left:.3em solid currentColor;padding-left:.5em;line-height:1.5;color:var(--el-text-color-regular);margin-top:-.5em}.cover-intro>h1:not(:first-of-type){margin-top:1.5em}.cover-intro a{font-size:16px;vertical-align:auto}.cover-intro .taxonomy-name{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);padding:0 4px;margin:0 4px;border-radius:4px}.bird-desc{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:var(--padding);color:#fff}.view-mode{display:flex;font-size:14px;line-height:24px;background:linear-gradient(#fff,#fff) no-repeat 3em 50%/1px 1em}.view-mode>span{cursor:pointer}.view-mode>span:first-child{margin-right:2em}.view-mode>span.cur-chg{border-bottom:1px solid currentColor}.view-mode .p-group{margin-left:auto;flex-shrink:2}.next-record,.next-record.is-disabled,.prev-record,.prev-record.is-disabled{background-color:#0000}.next-record:focus svg,.next-record:hover svg,.prev-record:focus svg,.prev-record:hover svg{color:#113144}.next-record svg,.prev-record svg{color:#fff}.next-record{transform:rotate(.5turn)}.bird-info{font-size:14px}.bird-info i{font-size:.8em}.bird-info h2{font-size:40px;margin:calc(var(--padding)/2) 0}.bird-info small{display:block;font-size:14px}.bird-info p{margin-bottom:0;font-size:12px;line-height:1}.bird-info p .level-tag,.bird-info svg{margin-right:.5em}.bird-pics{width:calc(var(--kv-height)/2*3);height:var(--kv-height);background-color:#eee;position:relative}.bird-pics.no-pic svg{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);color:#ccc;font-size:300px}.bird-pics img{width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.birding-rule{margin-top:calc(var(--padding)*-1);margin-bottom:calc(var(--padding)*3);line-height:1.5;position:relative}.birding-rule h3{font-size:28px;margin-bottom:var(--padding)}.birding-rule ol>li{padding-bottom:2em}.birding-rule p{padding:.5em 0;margin:0}.birding-rule ul{padding:0 0 0 1.5em;list-style-type:lower-alpha}.birding-rule .bg-birds{right:0;bottom:0;position:absolute;opacity:.2;font-size:500px;transform:scaleX(-1)}.btn-show-carousal{display:inline-flex;align-items:center;color:var(--el-color-primary);cursor:pointer}.btn-show-carousal:hover{color:var(--el-color-primary-light-5)}.btn-show-carousal>svg{font-size:1.2em}.btn-show-carousal>span{font-size:14px;margin-left:.25em}.record-list-title{display:flex;justify-content:flex-end;align-content:center}.record-list-title>span:first-child{margin-right:auto}.record-list-title>.el-date-editor{--el-date-editor-width:265px;flex-grow:0}.record-list-title>.el-select,.record-list-title>button{margin-left:calc(var(--padding)/2)}.pic-badge .el-badge__content{font-size:10px;transform:translateY(-50%) translateX(100%) scale(.8)}.icon-pic{font-size:1.5em}.species-column>.cell{display:flex;align-items:center}.el-table .row-group{background-color:var(--el-fill-color)}.spot-group{cursor:pointer;margin-right:.2em}.spot-group svg.svg-icon{fill:var(--el-color-primary)}.bird-species{overflow-y:scroll;overflow-x:hidden}.bird-species h2{display:flex;align-items:center;justify-content:flex-end;background-color:#fff;margin-bottom:0;line-height:1}.bird-species h2>span{margin-right:auto}.bird-species h2 .sort-count{font-size:14px;color:var(--el-color-info)}.bird-species .sort-count .el-radio-button__inner{padding-right:3.5em}.bird-species .sort-badge{right:10px;position:absolute;font-style:normal;font-size:10px;width:3em;line-height:14px;color:#fff;background-color:var(--el-color-danger);border-radius:8px}.bird-species .order-list{border-top:1px solid var(--el-color-info-light-8);margin-top:20px}.bird-species .order-list>h3{background-color:var(--el-color-info-light-9);display:flex;align-items:center;padding-left:.5em;font-size:16px}.bird-species .order-list .order-name{line-height:40px;padding-left:1rem;font-size:1.2em;color:var(--el-color-info)}.bird-species .order-list .order-name>span{display:inline-block;width:4em}.bird-species .order-list .latin-name{font-size:.8em;color:var(--el-color-info);margin-left:1em}.bird-species .family-list{padding:.5em 0;display:flex;flex-wrap:wrap}.bird-species .family-list .family-name{margin:0 .5em}.bird-species .family-list .el-badge{margin:12px 20px 0 0}.bird-species .el-row+.el-row .genus-name{margin-top:20px}.bird-species .el-col-6{margin-bottom:10px}.taxonomy-title{display:flex;align-items:center}.taxonomy-title .svg-icon{margin:0 1em}.taxonomy-title>.latin-name{color:var(--el-color-info);margin-left:1em}.genus-name{color:var(--el-color-primary-light-3);font-style:italic;padding:.5em;background-color:var(--el-color-info-light-9);display:flex;align-items:center;margin-bottom:20px}.genus-name>span{padding-left:.5em}.pos-list dt{display:flex;justify-content:center;align-items:center;width:8em;margin:0 auto;line-height:4em;position:relative;color:gray;font-weight:700}.pos-list dt:after,.pos-list dt:before{top:0;right:0;bottom:0;left:0;position:absolute;content:"";background:linear-gradient(90deg,gray 50%,#0000 0) repeat-x 0/10% 2px}.pos-list dt:before{transform:translateX(-100%)}.pos-list dt:after{transform:translateX(100%)}.pos-list dt:not(:first-child){margin-top:2em}.pos-list dt .el-tag{margin-left:1em}.pos-list dd{margin:0}.pos-list .el-col:nth-child(n+5){margin-top:16px}.pos-list .el-card__header{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);padding:calc(var(--el-card-padding)/2);font-size:14px;cursor:default}.pos-list .el-card__body{display:flex;justify-content:flex-end;padding:calc(var(--el-card-padding)/2)}.pos-list .el-card__body button svg{margin-right:.2em}.pos-list .el-tooltip__trigger:not(:first-child){margin-left:.5em}.area-count,.spec-count{width:24px;height:24px;position:relative;margin-right:auto}.area-count>span,.spec-count>span{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;font-size:11px}.area-count svg,.spec-count svg{position:absolute;font-size:24px}.species-list-dialog .el-dialog__body{padding:var(--el-dialog-padding-primary)}.species-list-dialog .item .is-fixed.is-dot{width:10px;height:6px;background-color:#0000;top:4px;right:-18px;border-radius:0;transform:rotate(-65deg);border-color:var(--el-color-success);border-style:solid;border-width:0 0 2px 2px}.area-dialog-header{color:var(--el-color-primary)}.scolopacidae{margin:calc(var(--el-card-padding)*-1);text-align:center;font-size:200px;cursor:pointer}.scolopacidae svg{transition:.5s;filter:drop-shadow(5px 5px 2px var(--el-color-primary-light-7))}.scolopacidae:hover svg{transform:translate(-5px,-5px) scale(1.1);filter:drop-shadow(7px 9px 2px var(--el-color-primary-light-5))}.el-tool-card .el-card__header{background-color:var(--el-color-primary-light-9)}:root{--stage-w:960px;--stage-h:calc(var(--stage-w)*3/4)}.sandpiper-wrap{display:flex;flex-direction:column;height:100%}.sandpiper-wrap .content{width:var(--stage-w);margin:0 auto;display:flex}.sandpiper-wrap .go-homepage{padding:0 5px;font-size:35px;align-self:center;margin-left:auto;cursor:pointer}.sandpiper-wrap .go-homepage>svg{will-change:transform;transition:transform .5s}.sandpiper-wrap .go-homepage:hover>svg{transform:scaleX(-1)}.sandpiper-wrap>header{line-height:80px;border-bottom:1px solid #ddd;display:flex;align-items:center;background-color:#fff}.sandpiper-wrap>.stage-wrap{display:flex;justify-content:center;align-items:center;padding:var(--padding) 0;justify-content:flex-start;flex-direction:column;flex:1}.sandpiper-wrap>.stage-wrap>h2{line-height:2;text-align:left;color:var(--el-color-primary)}.sandpiper-wrap .el-carousel__container{height:100%}.sandpiper-wrap .append-content{width:var(--stage-w);padding:var(--padding) 0;line-height:1.5;position:relative}.sandpiper-wrap>footer{display:flex;justify-content:center;align-items:center;line-height:40px;font-size:12px;background-color:#212121;color:var(--el-color-primary-light-9)}.sandpiper-wrap>footer a{padding-left:2em;color:currentColor}.sandpiper-wrap .calrousel-left,.sandpiper-wrap .calrousel-right{position:absolute;top:calc(128px + var(--padding) + var(--stage-h)/2)}.sandpiper-wrap .calrousel-left{transform:translate(-150%,-50%);left:calc(50% - var(--stage-w)/2)}.sandpiper-wrap .calrousel-right{transform:translate(150%,-50%) scale(-1);right:calc(50% - var(--stage-w)/2)}.stage{width:var(--stage-w);height:var(--stage-h);background-color:#eee;box-shadow:0 5px 10px #ddd,5px 0 10px #ddd,0 -5px 10px #ddd,-5px 0 10px #ddd}.stage .scolopacidae{font-size:600px}.stage-item{display:flex;flex-wrap:wrap}.stage-item img{object-fit:cover;width:100%;height:100%}.stage-item>div{border:solid #eee;width:50%;height:50%}.stage-item>div:first-child{border-width:0 5px 5px 0}.stage-item>div:nth-child(2){border-width:0 0 5px 5px}.stage-item>div:last-child{flex-basis:100%}.stage-item .text{border-width:5px 0 0;background-color:#fff;padding:var(--padding) 10px;line-height:1.5}.stage-item.b3{flex-direction:column}.stage-item.b3>div{flex:1 50%;height:50%}.stage-item.b3>div:first-child{border-width:0 5px 5px 0}.stage-item.b3>div:nth-child(2){border-width:5px 5px 0 0}.stage-item.b3>div:nth-child(3){border-width:0 0 5px 5px}.stage-item.b3 .text{border-width:5px 0 0 5px}:root{--mobile-footer-height:40px;--mobile-header-height:50px}.mobile-main{min-height:calc(100% - var(--mobile-footer-height));padding:var(--mobile-header-height) 0 0;background-color:#fff}.mobile-main h1{font-size:18px;margin:0;padding:.6em;background-color:#f0f6fb}.mobile-main .el-calendar{--el-calendar-cell-width:40px}.mobile-main .el-calendar td{position:relative}.mobile-main .el-calendar+p{margin:-10px 0 0;padding:15px 20px;background-color:#fbfbfb;border:solid #eee;border-width:1px 0;position:relative}.mobile-main .go-records{top:50%;right:20px;position:absolute;color:#bbb;transform:translateY(-50%) scale(-1)}.mobile-main .has-info{color:var(--el-color-success)}.mobile-main .no-info{color:var(--el-color-warning)}.mobile-main .el-calendar-day span{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;justify-content:center;align-items:center;padding:8px}.mobile-main .el-calendar-day span.has-record{background:linear-gradient(225deg,var(--el-color-success) 15%,#0000 0)}.mobile-main .el-calendar-day span.has-record:after{top:2px;right:2px;position:absolute;content:"";font-size:10px;color:#fff}.mobile-main .record-item{padding:20px;display:flex;border-top:1px solid #eee}.mobile-main .record-item:nth-of-type(2n){background-color:#fbfbfb}.mobile-main .record-item .el-image{width:135px;height:90px;border:1px solid #ccc;box-shadow:0 0 15px #bbb}.mobile-main .bird-view{padding-left:20px;font-size:12px;line-height:1.5}.mobile-main .bird-view div:first-child{display:flex;align-items:center;padding-bottom:1em}.mobile-main .bird-view strong{font-size:14px;display:inline-flex;align-items:center}.mobile-main .bird-view strong>span{margin-left:.5em}.mobile-main .bird-view .sub-species{font-size:12px}.mobile-main .cover-intro{display:flow-root;padding:0 1.5rem;line-height:1.8}.mobile-main .cover-intro h1{margin:0 -1.5rem;border:none;border:solid #dceaf6;border-width:1px 0;color:var(--el-color-primary-light-3);padding-left:23px;background-color:var(--el-color-info-light-9)}.mobile-main .cover-intro .global-count{font-size:18px}.mobile-main .cover-intro ul{padding-left:1em;font-size:14px}.mobile-main .go-calendar{top:75px;right:1em;position:absolute;transform:scale(-1)}.mobile-main .birding-rule{padding:var(--mobile-header-height) var(--padding) 0;text-align:justify}.mobile-main .birding-rule .bg-birds{position:fixed;bottom:var(--mobile-footer-height);font-size:50vh}.mobile-header{top:0;right:0;left:0;position:fixed;display:flex;z-index:1;height:var(--mobile-header-height);background-color:var(--header-bgc);color:var(--header-color);box-shadow:0 0 10px #0006}.mobile-header a{color:currentColor}.mobile-header span{display:flex;justify-content:center;align-items:center;flex:var(--mobile-header-height) 0}.mobile-header h1{font-size:16px;text-align:center;line-height:var(--mobile-header-height);flex:1}.mobile-footer{display:flex;justify-content:center;align-items:center;height:var(--mobile-footer-height);background-color:#fbfbfb;border-top:1px solid #eee;font-size:12px;color:var(--el-color-primary)}.mobile-footer span{padding-right:1em}.mobile-footer a{color:currentColor}.mobile-drawer .unstyled li{padding:.8em 0;border-bottom:1px solid var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:700}.mobile-kv{background-color:var(--el-color-primary-light-9);margin:0 -1.5em;width:100vw;height:66.6666666667vw;position:relative}.mobile-kv img{width:100vw;object-fit:cover}.mobile-kv>span{right:1em;bottom:.5em;position:absolute;color:#fff;text-shadow:2px 2px #000}.mobile-kv>span i{font-size:12px}.date-list{padding:1em}.date-list>li:not(:last-child){border-bottom:1px solid var(--el-color-primary-light-9)}.date-list>li+li{padding-top:1em}.date-list time{padding-left:.5em;font-size:.85rem}.date-list small{padding-left:.5em;color:var(--el-color-info)}.spec-list{padding:0 0 .5em .5em}.spec-list strong{display:inline-flex;align-items:center;font-size:.8em}.spec-list strong span{margin-left:.5em}.spec-list>li{padding-left:.8em;line-height:2;position:relative;display:flex;align-items:center;margin-top:5px}.spec-list>li:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:var(--el-color-warning);position:absolute;left:0;top:calc(50% - 2.5px)}.spec-list i{font-size:.8em;padding-left:.5em}.tools-wrap{padding:var(--padding)}.title.trans[data-v-1639a000]{opacity:0}.block-birds[data-v-1639a000]{transition:opacity 1s,transform 1s}.block-birds.trans[data-v-1639a000]{opacity:0;transform:scaleX(5) scaleY(5.5)}.index-footer[data-v-1639a000]{position:absolute;bottom:0;left:0;right:0;font-size:14px;line-height:4;text-align:center;background-color:#eee}.svg-icon[data-v-7d1cf633]{width:1em;height:1em;fill:currentColor;vertical-align:-.15em;overflow:hidden}