悠闲又自在 · 素材资源站<title> <link rel="stylesheet" href="staticcssstyle.css"> <head> <body>  <div class="topbar"> <div class="topbar-inner"> <span>☁️ 悠闲又自在 · 慢慢挑，轻松用<span> <div style="display:flex;gap:16px"> <a href="#" onclick="openModal('auth');return false;">登录<a> <a href="#" onclick="openModal('auth');return false;">注册<a> <a href="#" onclick="openModal('redeem');return false;">🎁 卡密兑换<a> <a href="admin" target="_blank">⚙️ 管理后台<a> <div> <div> <div>  <header class="header"> <div class="header-inner"> <a class="logo" href="#" onclick="resetAll();return false;"> <div class="logo-mark">悠<div> <div class="logo-text"><b id="siteName">悠闲又自在<b><span id="siteSub">Easygoing Resource<span><div> <a> <nav class="nav" id="mainNav"> <a class="active" href="#" onclick="resetAll();return false;">首页<a> <a href="#" onclick="switchTab('vip');return false;">会员专区 <span class="hot">VIP<span><a> <a href="#" onclick="switchTab('custom');return false;">定制专区<a> <a href="#" onclick="openModal('redeem');return false;">邀请码<a> <nav> <div class="header-actions"> <div class="theme-picker" title="换个颜色"> <button class="swatch mint" data-theme="mint" onclick="setTheme('mint',this)" aria-label="晨曦彩虹"><button> <button class="swatch lavender" data-theme="lavender" onclick="setTheme('lavender',this)" aria-label="薰衣草紫"><button> <button class="swatch peach" data-theme="peach" onclick="setTheme('peach',this)" aria-label="蜜桃晚霞"><button> <button class="swatch sky" data-theme="sky" onclick="setTheme('sky',this)" aria-label="晴空蓝"><button> <button class="swatch aurora" data-theme="aurora" onclick="setTheme('aurora',this)" aria-label="极光"><button> <div> <button class="cart-btn" onclick="toggleDrawer()" title="购物车"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"><circle cx="20" cy="21" r="1"><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"><svg> <span class="badge" id="cartBadge" style="display:none">0<span> <button> <div id="userArea"><div> <div> <div> <header>  <div class="hero"> <div class="swiper" id="swiper"> <div class="slide s1 active"><div class="bg"><div> <div><h2>悠闲一点，慢慢挑素材<h2><p>衣服武器剑甲时装翅膀地图怪物坐骑技能 NPC 称号法宝… 想找的灵感，都在这里自在收藏。<p><button class="btn btn-gold cta" onclick="scrollToList()">随便逛逛 →<button><div> <div> <div class="slide s2"><div class="bg"><div> <div><h2>喜欢的，慢慢收进篮子里<h2><p>发现喜欢的素材就先收藏，不着急决定。会员专区，让每一次灵感都轻松到手。<p><button class="btn btn-gold cta" onclick="switchTab('vip')">去看看 →<button><div> <div> <div class="slide s3"><div class="bg"><div> <div><h2>有点特别，也可以自在定制<h2><p>剑甲时装翅膀地图怪物光柱 BOSS，按自己的节奏，做一份刚刚好的专属素材。<p><button class="btn btn-gold cta" onclick="switchTab('custom')">去定制 →<button><div> <div> <div class="slide s4"><div class="bg"><div> <div><h2>轻松兑换，随手带走喜欢的<h2><p>邀请码 + 卡密兑换，积分慢慢攒，素材自在用。<p><button class="btn btn-gold cta" onclick="openModal('redeem')">去兑换 →<button><div> <div> <button class="swiper-arrow prev" onclick="slideMove(-1)">‹<button> <button class="swiper-arrow next" onclick="slideMove(1)">›<button> <div class="swiper-dots" id="swiperDots"><div> <div> <div>  <div class="stats-wrap"> <div class="stats"> <div class="stat"><div class="ico g">📅<div><div><div class="k">今日更新<div><div class="v" id="statToday">0<div><div><div> <div class="stat"><div class="ico b">📈<div><div><div class="k">本月更新<div><div class="v" id="statMonth">0<div><div><div> <div class="stat"><div class="ico r">🗂️<div><div><div class="k">全站资源<div><div class="v" id="statTotal">0<div><div><div> <div class="search-box"> <input type="text" id="searchInput" placeholder="搜索素材关键词，如：地图时装武器…" onkeydown="if(event.key==='Enter')doSearch()"> <button onclick="doSearch()">🔍 搜索<button> <div> <div> <div>  <div class="cats"> <div class="cat-tabs" id="catTabs"><div> <div class="subcats" id="subCats"><div> <div>  <div class="list-head"> <h3 id="listTitle">综合资源<h3> <div class="sort" id="sortBar"> <button class="on" data-sort="new" onclick="setSort('new',this)">最新<button> <button data-sort="hot" onclick="setSort('hot',this)">最热<button> <button data-sort="cheap" onclick="setSort('cheap',this)">积分从低到高<button> <div> <div> <div class="grid" id="grid"><div> <div class="pager" id="pager"><div>  <footer class="footer"> <div class="footer-inner"> <div> <div class="logo" style="margin-bottom:16px"><div class="logo-mark">悠<div><div class="logo-text"><b>悠闲又自在<b><span>Easygoing Resource<span><div><div> <p class="desc" id="siteDesc">一个轻松整理素材的小站。不赶时间，慢慢挑选，找到喜欢的就自在带走。<p> <div> <div> <h4>素材分类<h4> <a href="#" onclick="jumpSub('衣服');return false;">衣服素材<a> <a href="#" onclick="jumpSub('武器');return false;">武器素材<a> <a href="#" onclick="jumpSub('地图');return false;">地图素材<a> <a href="#" onclick="jumpSub('怪物');return false;">怪物素材<a> <a href="#" onclick="jumpSub('时装');return false;">时装素材<a> <div> <div> <h4>关于我们<h4> <a href="#">网站公告<a> <a href="#">使用帮助<a> <a href="#" onclick="openModal('redeem');return false;">积分获取<a> <a href="#">联系我们<a> <div> <div> <h4>用户协议<h4> <a href="#">会员协议<a> <a href="#">版权声明<a> <a href="#">免责声明<a> <a href="#">隐私政策<a> <div> <div> <div class="footer-bottom">© 2026 悠闲又自在 · 慢慢整理，轻松分享 · 素材仅供学习交流使用<div> <footer>  <div class="mask" id="mask-auth"> <div class="modal"> <div class="modal-head"><h3 id="authTitle">登录<h3><button class="modal-close" onclick="closeModal('auth')">✕<button><div> <div class="tabs2"> <button class="on" data-mode="login" onclick="setAuthMode('login')">登录<button> <button data-mode="reg" onclick="setAuthMode('reg')">注册<button> <div> <div id="loginForm"> <div class="form-group"><label>用户名<label><input type="text" id="loginUser" placeholder="请输入用户名"><div> <div class="form-group"><label>密码<label><input type="password" id="loginPwd" placeholder="请输入密码"><div> <button class="btn btn-gold" style="width:100%;padding:12px" onclick="doLogin()">立即登录<button> <div> <div id="regForm" style="display:none"> <div class="form-group"><label>用户名<label><input type="text" id="regUser" placeholder="请输入用户名"><div> <div class="form-group"><label>绑定邮箱<label><input type="email" id="regEmail" placeholder="请输入邮箱"><div> <div class="form-group"><label>密码<label><input type="password" id="regPwd" placeholder="至少 6 位"><div> <div class="form-group"><label>确认密码<label><input type="password" id="regPwd2" placeholder="再次输入密码"><div> <div class="form-group"><label>邀请码（选填）<label><input type="text" id="regInvite" placeholder="输入邀请码可获赠积分"><div> <button class="btn btn-red" style="width:100%;padding:12px" onclick="doRegister()">立即注册<button> <div> <div class="form-hint">注册即代表同意《用户协议》与《隐私政策》<div> <div> <div>  <div class="mask" id="mask-redeem"> <div class="modal"> <div class="modal-head"><h3>🎁 卡密兑换<h3><button class="modal-close" onclick="closeModal('redeem')">✕<button><div> <p id="redeemHint" style="font-size:13px;color:var(--muted);margin-bottom:16px"><p> <div class="form-group"><label>卡密<label><input type="text" id="redeemCode" placeholder="请输入卡密"><div> <button class="btn btn-gold" style="width:100%;padding:12px" onclick="doRedeem()">立即兑换<button> <div> <div>  <div class="mask" id="mask-detail"> <div class="modal wide"> <div class="modal-head"><h3>素材详情<h3><button class="modal-close" onclick="closeModal('detail')">✕<button><div> <div class="detail" id="detailBody"><div> <div> <div>  <div class="mask" id="drawerMask" onclick="toggleDrawer()"><div> <div class="drawer" id="drawer"> <div class="drawer-head"><h3>🛒 购物车<h3><button class="modal-close" onclick="toggleDrawer()">✕<button><div> <div class="drawer-body" id="cartBody"><div> <div class="drawer-foot" id="cartFoot" style="display:none"> <div class="total"><span>合计：<span><b id="cartTotal">0 积分<b><div> <button class="btn btn-gold" style="width:100%;padding:12px" onclick="checkout()">立即结算下载<button> <div> <div> <div class="toast" id="toast"><div> <script src="staticjsapp.js"><script> <body> <html>