@import url('/admin.css');
:root{--accent:#7357e9;--accent-rgb:115,87,233;--text:#292b46;--muted:#9092aa;--bg:#f4f3fb;--panel:rgba(255,255,255,.78);--border:rgba(224,222,240,.85);--shadow:0 5px 20px rgba(77,64,132,.045);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;width:55vw;height:55vw;filter:blur(75px);opacity:.42;z-index:-1;border-radius:50%}.ambient-one{top:-25vw;left:-15vw;background:#c9bcfa}.ambient-two{bottom:-25vw;right:-15vw;background:#c8d3fb}.site-shell{max-width:460px;margin:auto;min-height:100vh;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 50%)}.site-header{height:80px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand>img{width:37px;height:37px;border-radius:12px;object-fit:cover;box-shadow:0 5px 12px #7357e925}.brand span{display:grid;gap:4px;min-width:0}.brand strong{font-size:19px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;max-width:230px;white-space:nowrap}.brand small{font-size:7px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}.header-actions{display:flex;gap:5px}.icon-button{display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);border-radius:50%;width:33px;height:33px;color:#7c7a98}.icon-button svg{width:16px;height:16px}.icon-button.active{background:#ebe6ff;color:var(--accent);border-color:#d6caff}main{padding:4px 20px 110px}.hero-wrap{position:relative}.hero{height:192px;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#6451c6,#8c76d6 65%,#b49be0);box-shadow:0 10px 24px #7759c52b;position:relative;isolation:isolate;color:white;display:flex;align-items:center;padding:27px 25px}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 92% 65%,#ffffff17,transparent 60%);z-index:-1}.hero-copy{position:relative;z-index:2;max-width:94%;pointer-events:none}.hero-copy small{font-size:8px;letter-spacing:2.1px;color:#f4edffba}.hero-copy h2{margin:14px 0 9px;font-size:22px;font-weight:650;line-height:1.45;letter-spacing:.5px;max-width:100%;text-wrap:balance}.hero-copy p{margin:0;font-size:11px;color:#ece8fff0;line-height:1.8;max-width:225px}.hero-copy .hero-action{font-size:10px;display:inline-block;margin-top:18px;padding:6px 11px;border:1px solid #ffffff4d;border-radius:20px;color:white}.hero-art{position:absolute;right:-20px;top:20px;width:165px;height:165px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg)}.hero-art:before{content:'';position:absolute;inset:25px;border:1px solid #ffffff38;border-radius:50%;box-shadow:inset 8px 6px 24px #ffffff20}.hero-art:after{content:'✦';position:absolute;right:53px;top:35px;color:#fff8;font-size:70px;text-shadow:0 5px 40px #fff7;transform:rotate(25deg)}.orb{width:18px;height:18px;position:absolute;right:12px;top:32px;background:linear-gradient(120deg,#f7edff,#c7b0ef);border-radius:50%;box-shadow:0 3px 10px #48348a4a}.hero-stars{position:absolute;inset:0;pointer-events:none}.hero-stars:before{content:'✧';position:absolute;left:49%;top:16px;font-size:23px;color:#fff8}.hero-stars:after{content:'✦';position:absolute;right:20%;bottom:19px;font-size:12px;color:#e2d3ff}.hero.has-image{background-size:cover;background-position:center}.hero.has-image:after{background:linear-gradient(90deg,#1f174aaf,#1f174a08);z-index:0}.hero.has-image .hero-art{display:none}.hero-dots{display:flex;gap:5px;position:absolute;bottom:14px;left:26px;z-index:4}.hero-dots button{height:4px;width:5px;background:#ffffff60;border:0;padding:0;border-radius:9px}.hero-dots button.current{width:16px;background:white}.intro-line{margin:20px 3px 15px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#9b8cd8;box-shadow:0 0 0 3px #aa96d712}.intro-spark{margin-left:auto;color:#b0a2da}.announcement{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;background:var(--panel);height:43px;padding:0 12px;box-shadow:var(--shadow)}#announcement-icon{width:24px;height:24px;background:#fff1e9;border-radius:7px;display:grid;place-items:center;color:#d6a078;flex-shrink:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#announcement-icon svg{width:14px;height:14px}.announcement-window{overflow:hidden;flex:1;min-width:0}#announcement-text{font-size:10px;white-space:nowrap;width:max-content;animation:marquee 22s linear infinite;color:#74718f}.announcement:hover #announcement-text{animation-play-state:paused}.announcement-tag{font-size:8px;color:#b3a0d8;background:#f2edfc;padding:4px 5px;border-radius:4px}@keyframes marquee{0%,12%{transform:translateX(0)}100%{transform:translateX(-55%)}}.search-box{display:flex;align-items:center;gap:9px;height:44px;margin-top:14px;padding:0 13px;border:1px solid var(--border);background:var(--panel);border-radius:12px;box-shadow:var(--shadow)}#search-icon{display:flex;color:#9c94b6}#search-icon svg{width:17px;height:17px}.search-box input{width:100%;border:0;background:transparent;color:var(--text);font-size:11px;outline:none;min-width:0}.search-box input::placeholder{color:#a4a0b6}.search-box kbd{color:#b3acc8;font-size:20px}.quick-section{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:12px 11px;margin:14px 0 21px;box-shadow:var(--shadow)}.quick-heading{display:flex;justify-content:space-between;color:#8d87a1;font-size:9px;margin:0 1px 12px}.quick-heading span:last-child{font-size:8px;color:#aaa3ba}.quick-heading b{font-size:12px;font-weight:400;padding-left:4px}.quick-links{display:flex;gap:7px;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.quick-links a{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:44px;flex:1;font-size:8px;color:#89819c}.site-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:15px;flex-shrink:0;background:var(--icon-color);color:white;font-size:17px;font-weight:650;letter-spacing:-.5px;box-shadow:0 6px 11px color-mix(in srgb,var(--icon-color) 19%,transparent);overflow:hidden}.site-icon img{width:100%;height:100%;object-fit:cover}.quick-links .site-icon{width:35px;height:35px;border-radius:50%;font-size:12px;box-shadow:0 3px 8px #66519e14}.category-pills{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin-bottom:22px;padding:1px 1px 2px}.category-pills button{min-height:34px;white-space:nowrap;border:1px solid transparent;background:transparent;padding:7px 11px;border-radius:8px;font-size:10px;color:#9991ad;flex-shrink:0}.category-pills button.selected{background:#ede7fc;color:var(--accent);font-weight:600;border-color:#e1d6fb}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 13px}.section-heading>div{display:flex;align-items:center;gap:8px}.section-line{width:3px;height:14px;background:var(--accent);border-radius:3px}.section-heading h1{font-size:15px;letter-spacing:.5px;margin:0;font-weight:650}.tiny-spark{font-size:10px;color:#c5b2e6}.count-label{font-size:9px;color:#aba3bb;letter-spacing:.3px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 10px}.link-card{position:relative;background:linear-gradient(145deg,#fff,#f5f2fc);border:1px solid #e9e2f4;border-radius:17px;min-width:0;min-height:157px;box-shadow:0 4px 10px #5e458a04;transition:transform .2s,box-shadow .2s;overflow:hidden}.link-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #7357e91a;border-color:#cfc0f3}.card-link{padding:26px 9px 11px;display:flex;flex-direction:column;align-items:center;height:100%}.card-badge{position:absolute;top:0;right:0;z-index:1;font-size:7px;padding:4px 7px 4px 9px;border-radius:0 15px 0 10px;background:#ece5fc;color:#8a6ac5;letter-spacing:.3px}.card-badge.hot{background:#fcebec;color:#d28b91}.link-card h2{font-size:12px;font-weight:650;margin:12px 0 5px;text-align:center;line-height:1.4;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-desc{font-size:9px;color:#a09aaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0}.enter-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:94px;border-radius:7px;background:#eee8fc;color:#8a73b9;font-size:9px;padding:7px 6px;margin-top:11px}.enter-button span{font-size:10px;opacity:.7}.card-favorite{position:absolute;left:5px;top:5px;width:24px;height:24px;display:grid;place-items:center;background:transparent;border:0;padding:0;color:#c8bbda;z-index:2}.card-favorite svg{width:12px;height:12px}.card-favorite.saved{color:#aa83dd}.card-favorite.saved svg{fill:#b298dc}.empty-state{text-align:center;padding:36px 5px 42px;color:var(--muted)}.empty-state>span{font-size:45px;color:#cabde4}.empty-state h2{font-size:16px;color:var(--text);font-weight:500}.empty-state p{font-size:12px}.text-button{color:var(--accent);background:transparent;border:0;font-size:12px;padding:12px}.loading{padding:50px 0;text-align:center;font-size:12px;color:var(--muted);grid-column:1/-1}footer{text-align:center;padding:32px 0 0}footer img{width:22px;height:22px;opacity:.25;filter:grayscale(.5)}footer p{font-size:10px;color:#aaa2b9;margin:9px 0 7px}footer small{font-size:8px;color:#c0b8cc;letter-spacing:1px}.bottom-nav{position:fixed;z-index:20;bottom:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),426px);border:1px solid #fff9;background:rgba(252,250,255,.92);box-shadow:0 0 0 1px #e9e2f440,0 5px 25px #4d3c8821;backdrop-filter:blur(20px);border-radius:18px;display:flex;padding:8px 7px calc(7px + env(safe-area-inset-bottom,0px))}.bottom-nav button{min-height:44px;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;font-size:9px;color:#a69bbd;border:0;background:transparent;padding:4px 2px;position:relative}.bottom-nav svg{width:19px;height:19px;stroke-width:1.6}.bottom-nav button.selected{color:var(--accent);font-weight:600}.bottom-nav button.selected:before{content:'';position:absolute;top:-9px;left:calc(50% - 8px);width:16px;height:2px;background:var(--accent);border-radius:0 0 5px 5px}.contact-button,.to-top{position:fixed;bottom:100px;right:max(18px,calc(50% - 217px));width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #e2d8f6;background:#fffffff0;box-shadow:0 3px 13px #644b9021;color:var(--accent);z-index:10}.to-top{bottom:151px;font-size:18px}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,10px);border-radius:10px;background:#29223feF;color:white;max-width:90vw;padding:11px 18px;font-size:12px;z-index:1000;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}body.dark{--text:#e5e0f3;--muted:#958da9;--bg:#191724;--panel:#242130d9;--border:#373046;color-scheme:dark}body.dark .ambient{opacity:.1}body.dark .site-shell{background:transparent}body.dark .link-card{background:linear-gradient(140deg,#2c263b,#242030);border-color:#3c314d}body.dark .bottom-nav{background:#262130ed;border-color:#40374e}body.dark .category-pills button.selected,body.dark .enter-button{background:#3c2f56;color:#c0a8ee}body.dark .card-badge{background:#423154;color:#c8ade8}body.dark .card-badge.hot{background:#49313b;color:#dfa7b2}body.dark .contact-button,body.dark .to-top{background:#30253f;border-color:#4b3c60}body.dark .announcement-tag{background:#392a4b}body.dark .icon-button.active{background:#413054}body.dark #announcement-icon{background:#443031}.error-box{padding:30px 15px;text-align:center;background:var(--panel);border-radius:15px;color:var(--muted);line-height:1.8}
@media(min-width:760px){.site-shell{margin-top:20px;border:1px solid #ffffff91;border-radius:28px 28px 0 0;box-shadow:0 10px 100px #8d78c409}.site-header{height:85px}main{padding-top:3px}.hero{height:196px}}@media(max-width:360px){.site-header{padding:0 15px}.brand strong{font-size:17px}main{padding-left:14px;padding-right:14px}.hero{padding:24px 20px;height:180px}.hero-copy h2{font-size:22px}.hero-copy p{font-size:10px}.link-grid{gap:8px}.card-link{padding-left:7px;padding-right:7px}.card-desc{font-size:7px}.category-pills{gap:2px}.quick-links{gap:2px}.brand small{font-size:6px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}