*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#fff;color:#333}.gallery-shell{max-width:480px;padding:0;background:#fff;overflow:visible}.ref-gallery-head{position:sticky;z-index:20;top:0;height:46px;display:grid;grid-template-columns:45px 1fr 116px;align-items:center;border-bottom:1px solid #eee;background:#fff}.ref-gallery-head>a{color:#333;text-align:center;text-decoration:none;font-size:0.56rem}.ref-gallery-head h1{margin:0;text-align:center;font-size:0.34rem;font-weight:500}.ref-gallery-head>div{height:46px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;gap:10px}.ref-gallery-head button{width:45px;padding:0;border:0;background:#fff;color:#07c160;font-size:0.2rem}.ref-gallery-head button i,.ref-gallery-head button span{display:block;font-style:normal}.ref-gallery-head button i{height:22px;font-size:0.38rem}.ref-search{position:sticky;z-index:19;top:46px;height:50px;display:grid;grid-template-columns:58px 1fr 54px;align-items:center;padding:7px 12px;background:#eee}.ref-search input{width:100%;height:36px;padding:0 8px;border:0;background:#fff;outline:0;font-size:0.28rem}.ref-search button{height:36px;border:0;background:#fff;color:#07c160;font-size:0.28rem}.ref-search button:first-child{border-radius:18px 0 0 18px;font-size:0.24rem}.ref-search button:last-child{border-radius:0 18px 18px 0}.indexed-gallery{background:#fff}.index-group h2{height:34px;margin:0;padding:8px 16px;background:#fafafa;color:#07c160;font-size:0.3rem}.index-group a{position:relative;display:block;height:48px;padding:0 70px 0 16px;border-bottom:1px solid #eee;color:#333;text-decoration:none;font-size:0.28rem;line-height:48px}.index-group a em{position:absolute;right:16px;top:13px;height:23px;padding:0 13px;border-radius:3px;background:#f2f2f2;color:#07c160;font-size:0.22rem;font-style:normal;line-height:23px}.gallery-status{padding:36px 10px;text-align:center;color:#aaa;font-size:0.26rem}.letter-index{position:fixed;z-index:10;right:max(calc((100vw - 480px)/2 + 2px),2px);top:125px;display:flex;flex-direction:column;padding:2px 0;color:#07c160;font-size:0.18rem;line-height:15px}.letter-index a{width:16px;height:15px;color:#07c160;text-align:center;text-decoration:none}.letter-index a.active{font-weight:700;transform:scale(1.15)}.bottom-sheet[hidden],.api-rule-page[hidden]{display:none!important}.bottom-sheet{position:fixed;z-index:60;inset:0}.sheet-mask{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0007}.bottom-sheet section{position:absolute;z-index:1;right:0;bottom:0;left:0;max-width:480px;margin:auto;padding:8px;background:#fff}.bottom-sheet section>button{display:block;width:100%;height:48px;border:0;border-bottom:1px solid #eee;background:#fff;font-size:0.28rem}.bottom-sheet h3{margin:8px;text-align:center;font-size:0.3rem}.bottom-sheet section>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.bottom-sheet section>div button{height:34px;border:1px solid #ddd;border-radius:4px;background:#fff}.api-rule-page{position:fixed;z-index:70;inset:0;max-width:480px;margin:auto;overflow:auto;background:#fff}.api-rule-page header{height:46px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;border-bottom:1px solid #eee}.api-rule-page header button{height:46px;border:0;background:#fff;font-size:0.54rem}.api-rule-page h2{margin:0;text-align:center;font-size:0.34rem;font-weight:500}.api-rule-page p{padding:14px 10px;font-size:0.26rem}.api-rule-page nav{height:44px;display:grid;grid-template-columns:1fr 1fr;border-bottom:6px solid #f2f4f7}.api-rule-page nav button{position:relative;border:0;background:#fff}.api-rule-page nav button.active{color:#07c160}.api-rule-page nav button.active:after{content:"";position:absolute;right:43%;bottom:0;left:43%;height:2px;background:#07c160}.api-rule-page pre{margin:0;padding:14px 10px;white-space:pre-wrap;font-family:inherit;font-size:0.26rem;line-height:1.45}.toast{position:fixed;z-index:100;left:50%;bottom:80px;transform:translateX(-50%);padding:8px 14px;border-radius:18px;background:#222d;color:#fff;font-size:0.24rem;opacity:0}.toast.show{opacity:1}