:root{color:#17191f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#5b5cf0;--accent-dark:#4748d8;--surface:#fff;--text:#17191f;--text-secondary:#707480;--border:#eceef2;background:#f5f6f8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;background:#f5f6f8;min-height:100%}body{background:#f5f6f8;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100svh}.page-frame{background:#f5f6f8;width:min(100%,520px);min-height:100svh;margin:0 auto}.home-header{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 11px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #e8eaefdb;position:sticky;top:0}.search-box{color:#9297a3;background:#f1f2f5;border:1px solid #0000;border-radius:14px;align-items:center;height:46px;padding:0 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.search-box:focus-within{color:var(--accent);background:#fff;border-color:#5b5cf061;box-shadow:0 0 0 3px #5b5cf017}.search-box input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 9px;font-size:16px;line-height:1}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#6f7480}.search-clear{color:#858a96;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.search-clear:active{background:#e8e9ed}.category-tabs{scrollbar-width:none;gap:8px;margin:12px -16px 0;padding:0 16px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{color:#656a75;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:max-content;height:34px;padding:0 15px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s,transform .1s;display:inline-flex}.category-tab.is-active{color:#fff;background:var(--accent);box-shadow:0 4px 12px #5b5cf03b}.category-tab:active{transform:scale(.96)}.resource-list{padding:14px 14px calc(88px + env(safe-area-inset-bottom,0px));gap:10px;display:grid}.resource-card{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:17px;align-items:center;gap:10px;width:100%;min-height:91px;padding:17px 15px 15px 17px;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 5px 18px #1f233009}.resource-card:active{border-color:#dedff1;transform:scale(.985);box-shadow:0 2px 9px #1f23300a}.resource-card__content{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.resource-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.provider-icons{align-items:center;gap:7px;min-height:24px;display:flex}.provider-icon{color:#fff;background:var(--provider-icon-color,#8991a2);flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.provider-icon--small{border-radius:7px;width:25px;height:25px}.provider-icon--large{border-radius:12px;width:42px;height:42px}.provider-icon__image{object-fit:contain;width:100%;height:100%;padding:2px}.provider-icon__fallback{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:10px;font-weight:750;line-height:1;overflow:hidden}.provider-icon--large .provider-icon__fallback{font-size:15px}.resource-chevron{color:#bdc0c8;flex:none}.empty-state{color:#737885;place-content:center;min-height:240px;font-size:14px;display:grid}.state-panel{text-align:center;gap:16px}.state-panel button,.load-more button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:12px;height:42px;padding:0 22px;font-weight:600}.state-panel button:active,.load-more button:active{background:var(--accent-dark)}.load-more{justify-content:center;padding:6px 0 2px;display:flex}.load-more button{min-width:120px}.load-more button:disabled{cursor:default;opacity:.68}.detail-page{position:relative}.detail-header{z-index:20;min-height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 10px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #e8eaefe6;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.back-button{color:#30333b;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid}.back-button:active{background:#f0f1f4}.detail-header__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:650;overflow:hidden}.detail-header__spacer{width:44px}.detail-content{padding:23px 14px calc(88px + env(safe-area-inset-bottom,0px))}.cloud-link-list{gap:12px;display:grid}.resource-feedback-link{color:#606574;background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:50px;margin-top:16px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.resource-feedback-link:active{color:var(--accent-dark);background:#f4f4ff}.cloud-link-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 5px 18px #1f233009}.cloud-link-card__heading{color:var(--text);align-items:center;gap:11px;font-size:16px;font-weight:650;display:flex}.cloud-link-card__value{color:#626875;text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:13px;line-height:1.5;overflow:hidden}.cloud-link-card__code{color:#555a66;margin-top:4px;font-size:13px;font-weight:550}.cloud-link-card__actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.action-button{color:#4e5360;cursor:pointer;background:#f1f2f5;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:0;height:43px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .1s,background .15s;display:flex}.action-button--primary{color:#fff;background:var(--accent)}.action-button--copied{color:#16794a;background:#e8f7ef}.action-button:active{transform:scale(.98)}.action-button--primary:active{background:var(--accent-dark)}.toast{z-index:50;bottom:calc(24px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;opacity:0;pointer-events:none;background:#181a20e6;border-radius:10px;min-width:86px;padding:10px 16px;font-size:14px;transition:opacity .16s,transform .16s;position:fixed;left:50%;transform:translate(-50%,8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.contact-trigger{z-index:35;right:max(16px,50vw - 244px);bottom:calc(18px + env(safe-area-inset-bottom,0px));color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;height:46px;padding:0 16px;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s,transform .12s;display:flex;position:fixed;box-shadow:0 8px 24px #4647c34d}.contact-trigger:active{background:var(--accent-dark);transform:scale(.97)}.contact-channel__icon{color:#fff;background:var(--accent);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:16px;font-weight:750;display:grid;overflow:hidden}.contact-channel__icon img{object-fit:contain;width:100%;height:100%}.contact-channel__icon--image{background:0 0}.contact-page{min-height:100svh;position:relative}.contact-page__content{padding:18px 14px calc(30px + env(safe-area-inset-bottom,0px))}.contact-qr-list{gap:14px;display:grid}.contact-qr-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;justify-items:center;padding:18px;display:grid;box-shadow:0 5px 18px #1f233009}.contact-qr-card__heading{align-items:center;gap:11px;width:100%;display:flex}.contact-qr-card__heading h2{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:650;overflow:hidden}.contact-qr-code{background:#fff;border:1px solid #eceef2;border-radius:14px;width:min(68vw,240px);margin-top:16px;padding:10px}.contact-qr-code svg{width:100%;height:auto;display:block}.contact-qr-card__caption{color:var(--text-secondary);margin-top:10px;font-size:13px}.detail-empty{text-align:center;gap:18px;min-height:60vh}.detail-empty button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:12px;height:42px;padding:0 20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=521px){body{background:#e9ebf0}.page-frame{border-left:1px solid #191c240d;border-right:1px solid #191c240d;box-shadow:0 0 40px #21242e14}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}