@font-face{font-family:Manrope;src:url('./public/fonts/ManropeV5-Regular.woff2') format('woff2');font-weight:400}@font-face{font-family:SourceHanSans;src:url('./public/fonts/SourceHanSansCN-VF.otf.woff2') format('woff2');font-weight:100 900}@font-face{font-family:SourceHanSerif;src:url('./public/fonts/SourceHanSerifCN-VF.otf.woff2') format('woff2');font-weight:100 900}
:root{--yellow:#eeac35;--red:#b93a26;--blue:#06436f;--ink:#1e1e20;--paper:#fffdf1;--card:#e9e8e0;--muted:#939497}*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:SourceHanSans,"Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}.library-container{width:min(1200px,calc(100% - 48px));margin:0 auto}
.library-header{height:64px;background:#000}.library-header-inner{width:min(1152px,calc(100% - 48px));height:64px;margin:0 auto;display:flex;align-items:center}.library-brand{display:flex;gap:12px;align-items:center}.library-brand>img{width:25px;height:25px}.library-brand span{display:flex;width:75px;flex-direction:column;gap:4px}.library-brand span img{display:block;width:75px;max-height:16px}.library-brand span img:last-child{height:4px}.library-nav{display:flex;margin-left:41px;gap:55px;align-items:center}.library-nav a{position:relative;color:#fff;text-decoration:none;font-size:16px;white-space:nowrap}.library-nav a.active{color:var(--yellow);font-weight:700}.library-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:4px;background:var(--yellow)}.library-actions{display:flex;margin-left:auto;gap:24px;align-items:center;color:#fff;font-size:16px;white-space:nowrap}.library-search-button{width:20px;height:20px;padding:0;border:0;background:none}.library-search-button img{width:20px;height:20px}.language-caret{width:10px;height:12px;margin-left:4px;object-fit:contain;vertical-align:middle;transform:rotate(90deg)}.account-button{height:32px;padding:0 15px;border:1px solid #fff;border-radius:20px;background:transparent;color:#fff}
.library-hero{position:relative;height:208px;overflow:hidden;background:#202020}.library-hero h1{margin:0;padding-top:44px;font-family:SourceHanSerif,serif;font-size:48px;line-height:67px;font-weight:500;letter-spacing:2px}.library-hero p{margin:14px 0 0;font-size:16px;letter-spacing:1.92px}.library-hero-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.library-hero-lines i{position:absolute;top:-64px;width:1px;height:104px;background:var(--red);transform-origin:top}.library-hero-lines i:nth-child(1){left:38.7%;animation:library-line-short 7s linear infinite}.library-hero-lines i:nth-child(2){left:54.8%;animation:library-line-short 7s linear infinite}.library-hero-lines i:nth-child(3){left:79%;background:var(--blue);animation:library-line-wide 7s linear infinite}.library-hero-lines i:nth-child(4){left:62.9%;animation:library-line-short 7s linear infinite}.library-hero-lines i:nth-child(5){left:87%;animation:library-line-short 7s linear infinite}.library-hero-lines i:nth-child(6){left:71%;background:var(--yellow);animation:library-line-full 7s linear infinite}@keyframes library-line-short{0%{height:1px}28.571%,100%{height:272px}}@keyframes library-line-wide{0%,28.571%{height:1px}57.143%,100%{height:916px}}@keyframes library-line-full{0%,28.571%{height:1px}71.429%,100%{height:1440px}}
.library-content{min-height:1384px;padding:48px 0 68px;background:var(--paper);color:var(--ink)}.library-search{height:64px;padding:8px;border-radius:40px;background:var(--card);display:flex;align-items:center}.library-search button{border:0}.library-category{height:48px;padding:0 20px;border-radius:28px!important;background:var(--ink);color:#fff;font-size:16px}.library-category b,.library-filters b{display:inline-block;width:0;height:0;margin-left:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid currentColor;vertical-align:middle}.library-search label{display:flex;margin-left:24px;gap:16px;align-items:center}.search-glyph{width:20px;height:20px;flex:none}.library-search input{width:820px;border:0;outline:0;background:transparent;color:var(--ink);font-size:20px}.library-search input::placeholder{color:var(--muted)}.library-search-submit{display:flex;width:48px;height:48px;padding:0;border-radius:50%;background:var(--ink);align-items:center;justify-content:center}.library-search-submit img{width:25px;height:23px}.library-filter-row{height:106px;display:flex;align-items:center;justify-content:space-between}.library-filters,.library-price{display:flex;gap:16px;align-items:center}.library-filters button{padding:8px 18px;border:1px dashed var(--muted);border-radius:22px;background:transparent;color:var(--muted);font-size:16px}.library-filters b{border-top-color:#343436}.library-price{gap:0}.library-price button{width:87px;height:40px;border:0;border-radius:22px;background:transparent;color:#343436;font-size:20px}.library-price button.active{background:var(--ink);color:var(--yellow)}.library-divider{height:1px;background:#e1e6e6}.pattern-grid{display:grid;margin-top:31px;grid-template-columns:repeat(5,1fr);gap:32px 20px}.pattern-card{height:292px;min-width:0;padding:12px 12px 20px;border-radius:9px;background:var(--card);overflow:hidden;transition:background-color .32s ease,box-shadow .32s ease}.pattern-card:hover,.pattern-card:focus-within{background:#fff;box-shadow:4px 10px 22px rgba(0,0,0,.18)}.pattern-meta{height:24px;display:flex;align-items:center;justify-content:space-between}.pattern-tag{padding:3px 12px;border-radius:16px;background:var(--yellow);font-size:12px}.pattern-tag.ai{border:1px solid #343436;background:transparent}.pattern-views{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.72px}.pattern-favorite{width:16px;height:14px;padding:0;border:0;background:transparent;font-size:0}.pattern-favorite img{display:block;width:16px;height:14px}.pattern-card img.pattern-image{display:block;width:100%;height:184px;margin-top:8px;object-fit:cover;transition:height .32s cubic-bezier(.22,1,.36,1)}.pattern-info{display:flex;margin:16px 8px 0;align-items:center;justify-content:space-between;gap:8px}.pattern-info strong{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-price{padding:1px 8px;border-radius:14px;background:#202020;color:#fff;font-family:Manrope,sans-serif;font-size:13px;white-space:nowrap}.pattern-download{display:block;width:calc(100% - 16px);height:0;margin:0 8px;padding:0;border:0;border-radius:8px;background:#202020;color:#fff;font-size:0;letter-spacing:4px;opacity:0;overflow:hidden;transition:height .32s cubic-bezier(.22,1,.36,1),margin .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,font-size .32s ease}.pattern-card:hover img.pattern-image,.pattern-card:focus-within img.pattern-image{height:132px}.pattern-card:hover .pattern-download,.pattern-card:focus-within .pattern-download{height:32px;margin-top:20px;font-size:16px;opacity:1}.library-pagination{display:flex;margin-top:55px;gap:12px;justify-content:center}.library-pagination button{width:32px;height:32px;border:0;border-radius:18px;background:#202020;color:#fff}.library-pagination button.active{background:var(--red)}.library-pagination button:last-child{display:flex;align-items:center;justify-content:center;font-size:0}.library-pagination button:last-child::after{content:"";width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
.library-more{height:600px;background:#202020;overflow:hidden}.library-more .library-container{position:relative;height:100%;display:flex;gap:48px;align-items:flex-start}.library-more-intro{width:229px;margin-top:234px;flex:none}.library-more h2{margin:0;font-family:SourceHanSerif,serif;font-size:32px;line-height:44px;letter-spacing:1.6px}.library-more-line{position:relative;width:203px;height:24px;margin-top:20px}.library-more-line::before{content:"";position:absolute;left:0;right:5px;bottom:1px;height:3px;background:#fff}.library-more-line::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:3px;background:#fff;transform:rotate(43deg);transform-origin:right center}.library-more-cards{height:600px;display:grid;grid-template-columns:repeat(4,200px);gap:36px}.library-more-card{position:relative;width:200px;height:500px;color:#fff;overflow:hidden;background:#3a3a3a;text-decoration:none}.library-more-card:nth-child(even){align-self:end}.library-more-card.art{background:#06436f}.library-more-card.product{background:#494949}.library-more-card>img{position:absolute;left:0;width:200px;height:200px;border-radius:50%;object-fit:cover}.library-more-card:nth-child(odd)>img{top:300px}.library-more-card:nth-child(even)>img{top:0}.library-more-card.home>img{object-fit:contain;transform:scale(1.25)}.library-more-card.art>img{transform:scale(1.36)}.library-more-card.product>img{transform:scale(1.08)}.library-more-card span{position:absolute;left:20px;top:100px;width:160px;display:flex;flex-direction:column}.library-more-card:nth-child(even) span{top:274px}.library-more-card.home span,.library-more-card.art span{left:24px;width:152px}.library-more-card strong{font-size:16px;line-height:24px;letter-spacing:.8px}.library-more-card small{margin-top:4px;color:rgba(255,255,255,.65);font-size:12px;line-height:18px;letter-spacing:.6px}.library-more-card em{display:flex;margin-top:44px;gap:8px;align-items:center;color:var(--yellow);font-size:12px;font-style:normal;font-weight:700}.library-more-card em b{font-size:18px;font-weight:400}.library-footer{padding:32px 0 40px;background:#000;color:rgba(255,255,255,.45);font-size:14px}.library-footer .library-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.library-footer .library-container>div{width:100%;height:1px;margin-bottom:16px;background:rgba(255,255,255,.35)}.library-footer p{margin:0}
@media(max-width:1050px){.library-nav{gap:24px}.library-actions{gap:12px}.library-search input{width:100%}.pattern-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.library-container{width:calc(100% - 32px)}.library-header{height:56px}.library-header-inner{width:calc(100% - 32px);height:56px}.library-nav,.library-actions>span,.account-button{display:none}.library-actions{margin-left:auto}.library-hero{height:190px}.library-hero h1{padding-top:34px;font-size:36px;line-height:52px}.library-hero p{font-size:13px;line-height:22px;letter-spacing:.5px}.library-content{min-height:0;padding:28px 0 44px}.library-search{height:54px}.library-category{height:38px;padding:0 12px;font-size:13px}.library-category b,.library-filters b{margin-left:8px;border-left-width:5px;border-right-width:5px;border-top-width:7px}.library-search label{margin-left:12px;gap:10px}.search-glyph{width:18px;height:20px}.library-search input{font-size:16px}.library-search-submit{width:38px;height:38px}.library-search-submit img{width:20px;height:18px}.library-filter-row{height:auto;padding:20px 0;align-items:flex-start;gap:12px;flex-direction:column}.library-filters{gap:8px;flex-wrap:wrap}.library-filters button{padding:6px 10px;font-size:12px}.library-price button{width:66px;height:34px;font-size:15px}.pattern-grid{margin-top:20px;grid-template-columns:1fr;gap:18px}.pattern-card{height:480px;padding:12px 12px 20px;border-radius:18px}.pattern-meta{height:48px}.pattern-tag{padding:8px 24px;font-size:16px}.pattern-tag.ai{padding:7px 26px}.pattern-views{gap:14px;font-size:16px}.pattern-favorite{width:20px;height:18px}.pattern-favorite img{width:20px;height:18px}.pattern-card img.pattern-image{height:310px;margin-top:10px}.pattern-info{margin:24px 12px 0}.pattern-info strong{font-size:25px}.pattern-price{padding:5px 16px;border-radius:26px;font-size:22px}.pattern-download{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.pattern-card:hover img.pattern-image,.pattern-card:focus-within img.pattern-image{height:226px}.pattern-card:hover .pattern-download,.pattern-card:focus-within .pattern-download{height:58px;margin-top:26px;font-size:26px}.library-more{height:auto;min-height:0;padding:44px 0}.library-more .library-container{height:auto;display:block}.library-more-intro{width:auto;margin:0}.library-more h2{font-size:26px;line-height:36px}.library-more-cards{height:auto;margin-top:36px;grid-template-columns:1fr;gap:12px}.library-more-card,.library-more-card:nth-child(even){width:100%;height:190px;align-self:auto}.library-more-card>img,.library-more-card:nth-child(odd)>img,.library-more-card:nth-child(even)>img{left:auto;right:10px;top:auto;bottom:10px;width:84px;height:84px}.library-more-card span,.library-more-card:nth-child(even) span{left:14px;top:16px;width:calc(100% - 108px)}.library-more-card strong{font-size:14px}.library-more-card small{font-size:10px;line-height:15px}.library-more-card em{margin-top:14px;font-size:10px}.library-footer{font-size:11px;line-height:18px;text-align:center}.library-footer .library-container{justify-content:center}.library-footer p{width:100%}.library-hero-lines{display:none}}@media(prefers-reduced-motion:reduce){.library-hero-lines i{animation:none}.pattern-card,.pattern-download{transition:none!important}}