@charset "UTF-8";
:root{color-scheme:dark;--bg:#1f2227;--gold:#ffb719;--pink:#ff089b;--muted:#98979e;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:#f3f3f4;font-size:14px;line-height:1.5;-webkit-tap-highlight-color:transparent}
button,input,a{font:inherit}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}
button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #f2ae38;outline-offset:3px}h1,h2,h3,p{margin:0}img{display:block}[hidden]{display:none!important}
.icon{width:20px;height:20px;flex-shrink:0}.emoji{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.site-shell{max-width:590px;margin:auto;min-height:100dvh;background:var(--bg)}main{padding:0 12px 82px}
.desktop-brand{display:none}.notice-bar{height:29px;display:flex;align-items:center;background:#28263e;color:#e1b341;overflow:hidden}
.notice-window{min-width:0;flex:1;overflow:hidden}.notice-track{width:max-content;display:flex;animation:marquee var(--duration,24s) linear infinite}
.notice-track>span{display:flex;align-items:center;gap:2px;white-space:nowrap;font-size:12px;padding-right:54px;height:29px}.notice-track .emoji{width:15px;height:15px}
.notice-toggle{width:28px;height:29px;display:grid;place-items:center;flex-shrink:0}.notice-toggle .icon{width:12px;height:12px;filter:invert(80%) sepia(35%) saturate(1100%)}
@keyframes marquee{to{transform:translateX(-50%)}}
.category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:6px -2px 8px}
.category-tab{height:29px;border:1px solid #766133;border-radius:22px;color:#c7c2b6;display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;white-space:nowrap;box-shadow:inset 0 0 0 1px #d3b45417}
.category-tab .emoji{width:16px;height:16px}.category-tab.active{color:white;background:linear-gradient(110deg,#ff9400,#ffbc16);border-color:#f4c147;box-shadow:0 0 9px #ffb61b70}
.search-form{height:42px;display:flex;align-items:center;gap:9px;padding:3px 3px 3px 12px;border-radius:28px;border:1px solid #d2cfbb;background:#fff;color:#333}
.search-form>.icon{width:21px;height:21px;filter:invert(24%) sepia(31%) saturate(700%) hue-rotate(104deg)}.search-form input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#333;font-size:16px}
.search-form input::placeholder{font-size:13px;color:#818187}.search-form input::-webkit-search-cancel-button{cursor:pointer}.search-form button{background:linear-gradient(100deg,#ff9600,#ffb51b);height:34px;min-width:54px;padding:0 10px;border-radius:22px;font-size:12px;color:#fff}
.site-status{height:32px;border:1px solid #61583e;border-radius:22px;background:#131519;margin:10px 0 5px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#dedad1}
.site-status .emoji{width:21px;height:20px}.site-status strong{font-size:18px;color:#efbc3e;letter-spacing:1px;font-weight:700}.status-dot{width:7px;height:7px;background:#22c15e;border-radius:50%;box-shadow:0 0 7px #28c66d;margin-left:3px}
.section-heading{display:flex;align-items:center;justify-content:space-between;height:34px}.section-heading h2{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}
.section-heading h2 i{display:block;width:3px;height:22px;border-radius:2px;background:#f1b425;margin-right:3px}.section-heading .emoji{width:17px;height:17px}.section-heading>span{font-size:11px;color:#929096}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}.resource-card{min-width:0}.card-open{width:100%;text-align:left;display:block}.cover{position:relative;aspect-ratio:1.43;border-radius:10px;overflow:hidden;background:#34353e}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-photo:is(span){background-image:url("/assets/covers.png");background-size:200% 300%;background-repeat:no-repeat}
.photo-0{background-position:0 0}.photo-1{background-position:100% 0}.photo-2{background-position:0 50%}.photo-3{background-position:100% 50%}.photo-4{background-position:0 100%}.photo-5{background-position:100% 100%}
.soft-focus .card-open .cover-photo{filter:blur(2px);transform:scale(1.045)}.cover:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#1119);pointer-events:none}
.cover-tag{position:absolute;top:0;left:0;z-index:1;padding:1px 7px;font-size:10px;line-height:18px;background:linear-gradient(90deg,#ee657e,#ff985e);border-radius:9px 0 8px 0;color:#fff}
.cover-open{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:#2227;z-index:1}.cover-open>.icon{width:19px;height:19px;filter:invert(1)}
.cover-meta{position:absolute;left:7px;bottom:5px;z-index:1;display:flex;align-items:center;gap:4px;font-size:10px;color:#fff}.cover-meta .icon{width:12px;height:12px;filter:invert(1)}.cover-arrow{position:absolute;right:6px;bottom:5px;z-index:1}.cover-arrow .icon{width:13px;height:13px;filter:invert(1)}
.card-open h3{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:400;line-height:21px;margin-top:3px;min-width:0}.card-open h3 .emoji{width:13px;height:13px}.card-open h3>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0 10px}.pagination button{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#31313d;color:#c1bdca;font-size:12px}.pagination button.active{background:#ffac0c;color:#fff}.pagination .icon{width:15px;height:15px;filter:invert(.65)}.pagination button:disabled{opacity:.25}
footer{font-size:10px;color:#929098;display:flex;gap:12px;justify-content:center;align-items:center;padding:12px 0 4px}footer a,footer button{padding:8px 0;color:#b1a68a}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:590px;width:100%;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:#23232deF;border-top:1px solid #ffffff08;padding:6px 0 calc(5px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}
.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;color:#a29da9;min-height:40px}.bottom-nav .emoji{width:22px;height:22px}.bottom-nav .active{color:#e8b444}
.search-result{min-height:55dvh;text-align:center;padding:20px 0 35px}.search-result h2{display:flex;align-items:center;justify-content:center;gap:7px;font-size:19px;line-height:1.6;font-weight:600}.search-result h2 .icon{width:23px;height:23px;filter:invert(63%) sepia(20%) saturate(1050%) hue-rotate(71deg)}
.folder-result{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:22px;padding:0 15px}.folder-result>.emoji{width:58px;height:58px;margin-bottom:9px}.folder-result strong{font-size:17px;color:#e3b84c;max-width:100%;overflow-wrap:anywhere}.folder-result>span{font-size:12px;color:#919096;margin-top:20px}.return-home{display:block;margin:22px auto 0;color:#8d8a92;font-size:12px;text-decoration:underline;text-underline-offset:4px}.search-result>p{color:#96909e;margin:28px 0}
.locked{overflow:hidden}.overlay{position:fixed;top:var(--visual-top,0);left:0;width:100%;height:var(--visual-height,100dvh);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#000b;animation:overlay-in .14s ease}
.claim-dialog{position:relative;color-scheme:light;background:#fff;color:#21212b;border-radius:20px;width:100%;max-width:372px;padding:42px 18px 22px;max-height:calc(var(--visual-height,100dvh) - 32px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 14px 70px #0003;outline:none}
.dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center}.dialog-close .icon{width:18px;height:18px;opacity:.3}
.claim-title{text-align:center;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:.15px;margin:1px 0 16px;overflow-wrap:anywhere}
.resource-summary{display:flex;align-items:center;gap:14px;border-radius:14px;padding:10px 14px;background:#f7f7f9;margin-bottom:14px;min-height:88px}.summary-cover{position:relative;flex:0 0 64px;height:64px;border-radius:10px;overflow:hidden;box-shadow:0 2px 7px #c9c9ca66}.resource-summary>div:last-child{min-width:0}
.resource-summary h3{font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-summary h3 .emoji{display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:3px}.resource-summary p{font-size:11px;color:#818189;line-height:1.5;margin-top:4px}
.claim-primary{width:100%;min-height:59px;padding:8px 10px;border-radius:12px;color:#fff;background:var(--pink);box-shadow:0 4px 10px #fc079c40;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.claim-primary>span{font-size:20px;line-height:25px;font-weight:500}.claim-primary>small{font-size:11px;line-height:16px;font-weight:400;color:#ffe1f3}.claim-primary.compact{font-size:16px;flex-direction:row;gap:6px;min-height:48px}.claim-primary .icon{filter:invert(1);width:17px;height:17px}
.access-form{display:flex;align-items:stretch;gap:10px;margin-top:12px;height:45px}.access-form input{min-width:0;width:0;flex:1;border:2px solid #dc9b23;border-radius:10px;box-shadow:0 0 0 3px #ffe9b15c;padding:0 11px;background:#fff;color:#222;font-size:16px;outline:none}.access-form input::placeholder{font-size:14px;color:#aaa}.access-form input:focus{border-color:#da9514;box-shadow:0 0 0 3px #ffdd8490}.access-form input[aria-invalid=true]{border-color:#d65170}
.access-form button{flex:0 0 78px;border-radius:11px;background:linear-gradient(120deg,#6076ff,#8626e5);color:#fff;box-shadow:0 4px 10px #7354e63d;font-size:15px;font-weight:600}
.access-feedback{min-height:12px;font-size:11px;line-height:17px;margin-top:4px;color:#969398}.access-feedback.error{color:#d04669}.dialog-footnote{border-top:1px solid #f0eef1;padding-top:15px;text-align:center;font-size:10px;color:#aaa6ae;margin-top:6px}
.general-gate{padding-bottom:25px}.general-gate .claim-title{margin-bottom:20px}.general-gate .access-feedback:empty{min-height:7px;margin-top:0}
.instruction-copy{font-size:13px;line-height:1.9;color:#77717d;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.instruction-note{font-size:11px;line-height:1.8;color:#99939f;margin:13px 0;text-align:center}
.douyin-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:51px;border-radius:12px;background:#181820;color:#fff;width:100%;font-size:16px;font-weight:600}.douyin-button>.icon{filter:invert(1);width:18px;height:18px}.douyin-button>.icon:last-child{margin-left:4px;width:16px;height:16px;opacity:.65}
.douyin-help{font-size:12px;line-height:1.8;color:#78717e}.douyin-help:not(:empty){padding:12px;margin-top:10px;border-radius:10px;background:#f5f3f7}.douyin-help a,.douyin-help button{display:inline-block;color:#7355c8;font-size:12px;padding:7px 0 0;margin-right:12px}
.demo-code{display:flex;align-items:center;gap:10px;background:#f7f5f9;border-radius:11px;padding:13px 12px;margin:16px 0;color:#928797;font-size:11px}.demo-code strong{min-width:0;flex:1;color:#685296;font-size:17px;letter-spacing:1px;overflow-wrap:anywhere}.demo-code button{color:#7960b3;flex-shrink:0;padding:7px}
.return-button{width:100%;min-height:42px;text-align:center;font-size:13px;color:#96909b;margin-top:12px;border:1px solid #ebe7ef;border-radius:10px;background:#fff}.promotion-block{padding:14px;background:#faf7fc;border:1px solid #eee7f2;border-radius:12px;margin:14px 0}.promotion-block>span{font-size:10px;color:#aa7fb5;border:1px solid #d8c3df;border-radius:3px;padding:1px 4px}.promotion-block p{font-size:12px;line-height:1.8;color:#807086;margin:8px 0 13px;white-space:pre-wrap}
.unlocked-list{display:grid;gap:10px}.unlocked-list>button{display:flex;gap:10px;align-items:center;padding:10px;background:#f7f6f9;border-radius:12px;text-align:left;font-size:12px;color:#4d4655}.mini-cover{position:relative;width:48px;height:48px;overflow:hidden;border-radius:7px;flex-shrink:0}.unlocked-list>button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.unlocked-list small{display:block;font-size:10px;color:#a29aa9;margin-top:5px}.unlocked-list .icon{width:15px;height:15px;opacity:.4}.empty-message{text-align:center;line-height:1.9;color:#9b939f;font-size:13px;padding:24px 8px}
.toast{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,8px);max-width:calc(100% - 36px);padding:11px 18px;border-radius:10px;background:#fff;color:#403b47;box-shadow:0 5px 25px #0003;z-index:120;font-size:12px;opacity:0;pointer-events:none;transition:.18s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.load-error{max-width:440px;margin:100px auto;text-align:center}.load-error h1{font-size:22px}.load-error p{margin:16px;color:#aaa}.load-error button{padding:12px 24px;border-radius:10px;background:#ffb51b;color:#332200}
@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.notice-bar,.notice-track>span,.notice-toggle{height:31px}.category-tabs{margin-bottom:10px}.search-form{height:44px}.site-status{margin-bottom:7px}
@media(min-width:650px){.site-shell{margin:20px auto;box-shadow:0 0 0 1px #ffffff08}.desktop-brand{display:flex;align-items:center;gap:9px;padding:15px 15px 16px}.desktop-brand>img{width:25px;height:25px}.desktop-brand>span{font-size:11px;color:#929099;margin-left:auto}main{padding-inline:15px}.category-tabs{gap:10px;margin-block:10px}.category-tab{font-size:14px;height:34px}.resource-grid{gap:15px 12px}.card-open h3{font-size:14px}.bottom-nav{padding-top:9px}}
@media(max-width:360px){main{padding-inline:10px}.category-tabs{gap:4px}.category-tab{font-size:11px}.category-tab .emoji{width:14px;height:14px}.search-form{gap:7px}.search-form input::placeholder{font-size:11px}.search-form button{min-width:47px}.card-open h3{font-size:11px}.claim-dialog{padding-inline:16px}.access-form{gap:9px}.access-form button{flex-basis:68px}.claim-title{font-size:17px}.claim-primary>span{font-size:19px}}
@media(max-height:500px){.overlay{align-items:flex-start;padding:10px 14px}.claim-dialog{max-height:calc(var(--visual-height,100dvh) - 20px);padding-top:35px;padding-bottom:15px}.claim-title{margin-bottom:14px}.resource-summary{min-height:72px;padding:8px 12px}.summary-cover{height:52px;flex-basis:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.notice-toggle{display:none}.notice-window{overflow-x:auto;scrollbar-width:none}.notice-track>span[aria-hidden]{display:none}}