2 lines
1.7 KiB
CSS
2 lines
1.7 KiB
CSS
.home-shell{max-width:920px;margin-top:24px;padding-bottom:100px}.mast{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:24px}.logo-mark{display:grid;width:54px;height:42px;place-items:center;background:#111;color:#fff;font-weight:950;letter-spacing:-2px}.search{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;background:#f2f2f2;border-radius:5px}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit}.home-shell .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.home-shell .test-card{border-radius:0;box-shadow:none}.home-shell .test-card:nth-child(3n+2) .art{height:390px}.home-shell .art{display:block;width:100%;height:330px;object-fit:cover}.home-shell .card-body{padding:14px 4px 22px}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:22px;display:flex;width:min(360px,calc(100% - 36px));height:72px;padding:0 12px;transform:translateX(-50%);border-radius:16px;background:#080808;box-shadow:0 16px 44px rgba(0,0,0,.28)}.nav-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;color:#888;font-size:12px}.nav-tab i{width:18px;height:18px;margin-bottom:5px;border:3px solid currentColor;border-radius:50%}.nav-tab:first-child{color:#fff}.nav-tab:first-child:before{content:"";position:absolute;top:-17px;width:62px;height:62px;border:9px solid #fff;border-radius:50%;background:#080808}.nav-tab i,.nav-tab span{z-index:1}@media(max-width:520px){.home-shell{width:calc(100% - 16px)}.home-shell .grid{gap:8px}.home-shell .art{height:250px}.home-shell .test-card:nth-child(3n+2) .art{height:300px}.home-shell .card-body{padding:12px 3px 18px}.choice-emoji{display:none}}
|