:root{--bg:#f8f9f5;--sidebar:#f0f2ec;--surface:#fff;--ink:#202c25;--muted:#7c857c;--line:#e4e8df;--green:#174d3b;--green-light:#e4eddf;--lime:#d7eea8;--orange:#c27b47;--radius:16px;--shadow:0 12px 32px #263e2d07;font-family:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke-width:1.7;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ba389;outline-offset:3px}input:focus,textarea:focus{outline:none;border-color:#79a185}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:var(--green);color:#fff;padding:10px 20px;border-radius:8px}.skip-link:focus{top:10px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);border-right:1px solid var(--line);padding:35px 20px 19px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 46px}.brand-symbol{width:39px;height:41px;background:var(--green);border-radius:12px;display:grid;place-items:center;transform:rotate(-4deg)}.brand-symbol>span{display:block;width:20px;height:20px;border:2px solid #eff4e5;border-radius:4px;transform:rotate(-9deg);position:relative}.brand-symbol>span:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime);position:absolute;top:5.5px;left:5.5px}.brand strong{font-size:22px;letter-spacing:-1px;display:block;line-height:1.25;font-weight:750}.brand-dot{color:#628457}.brand small{font-size:7px;font-weight:600;letter-spacing:1.25px;color:#6d7d6b}.workspace-label{color:#929b8e;font-size:10px;font-weight:600;letter-spacing:.6px;margin:0 14px 14px;display:flex;justify-content:space-between}.workspace-label>span{font:10px monospace;color:#a4aa9f}.nav-links{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;border:0;background:transparent;color:#697566;border-radius:9px;text-align:left;font-weight:500;font-size:13px;transition:.15s}.nav-link:hover{background:#e7ece1;color:var(--green)}.nav-link svg{width:19px;height:19px}.nav-link.active{background:#e1e9da;color:#285238;font-weight:650}.nav-current{width:5px;height:5px;background:#315c3c;border-radius:50%;margin-left:auto}.nav-link:not(.active) .nav-current{display:none}.nav-count{margin-left:auto;background:#e4e9df;color:#7d8878;font-size:10px;border-radius:5px;padding:1px 6px;min-width:21px;text-align:center}.active .nav-count{background:#d3dfc9;color:#395b34}.nav-small-icon{margin-left:auto}.nav-small-icon svg{width:13px;height:13px;opacity:.65}.nav-divider{height:1px;background:#e0e5d9;margin:24px 14px}.sidebar-bottom{margin-top:auto;padding-top:65px}.sidebar-note{border:1px solid #dde4d5;background:linear-gradient(145deg,#e9eede,#eef1e8);border-radius:12px;padding:17px 15px 15px}.note-spark{display:block;color:#73865d;margin-bottom:12px}.note-spark svg{width:23px;height:23px}.sidebar-note strong{font-size:12px;font-weight:650}.sidebar-note p{font-size:11px;line-height:1.8;color:#829076;margin:6px 0 15px}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:#4c6d46;font-size:11px;font-weight:600}.text-button:hover{color:var(--green)}.text-button svg{width:14px;height:14px}.connection-status{display:flex;align-items:center;gap:7px;margin:23px 5px 12px;font-size:10px;color:#8a9484}.status-dot{width:6px;height:6px;border-radius:50%;background:#a5ad9d;box-shadow:0 0 0 3px #e5e9df}.status-dot.connected{background:#658760}.status-dot.waiting{background:#bd995a}.connection-status button{margin-left:auto;padding:0;background:none;border:0;color:#a0aa99}.connection-status button svg{width:13px;height:13px}.sidebar-footer{display:flex;justify-content:space-between;padding:10px 4px 0;border-top:1px solid #e0e5d9;font-size:9px;color:#9ba493}.main{margin-left:232px;width:calc(100% - 232px);min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:16px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px;font-size:11px}.breadcrumb-root{color:#9ba295}.breadcrumb-slash{color:#bec5b9;font-size:14px}.topbar-left>#breadcrumb{font-weight:550;color:#5f6d59}.version-pill{border:1px solid #e0e6d8;color:#8b987c;font-size:9px;line-height:1;padding:5px 8px;border-radius:5px;letter-spacing:.4px}.topbar-actions{gap:20px}.api-link{font-family:monospace;color:#85917d;display:flex;align-items:center;gap:4px;font-size:11px}.api-link svg{width:12px;height:12px}.user-avatar{background:#e6eadf;width:31px;height:31px;display:grid;place-items:center;border:1px solid #dae2d1;border-radius:10px;color:#76866a;font-size:12px;font-weight:600}.page-content{max-width:1460px;margin:auto;padding:0 44px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:42px;border-radius:9px;border:1px solid transparent;padding:10px 17px;font-size:12px;font-weight:550;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button-primary{background:var(--green);color:white;border-color:var(--green)}.button-primary:hover{background:#0f3d2d}.button-outline{background:transparent;border-color:#dce3d4;color:#506348}.button-outline:hover{background:#eef2e8}.button-small{min-height:32px;padding:6px 12px;font-size:11px;border-radius:7px}.button-quiet{background:#f1f4ec;color:#5a714e}.button-danger{border-color:#edd6ca;color:#a05c43;background:#fff8f3}.button-lime{background:var(--lime);color:#2a4d2e;position:relative;z-index:1}.icon-button{border:1px solid var(--line);background:transparent;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#83907b;padding:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#eaf0e3;color:var(--green)}.mobile-menu{display:none}.hero{display:flex;align-items:center;justify-content:space-between;padding:48px 0 32px;gap:20px;min-height:252px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#8a9a7c;display:flex;align-items:center;gap:9px}.eyebrow-line{display:inline-block;width:19px;height:1px;background:#8b9d77}.hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.45;margin:16px 0 12px;font-weight:650;color:#263629}.hero h1 br{display:none}.hero-highlight{color:#457342;position:relative;display:inline-block;white-space:nowrap}.highlight-line{position:absolute;bottom:4px;height:7px;left:0;right:0;background:#e3ebd6;border-radius:40% 20% 45% 20%;z-index:-1;transform:rotate(-1deg)}.hero-period{color:#7d956d}.hero p{font-size:12px;color:#8a9483;line-height:1.8;margin:0;letter-spacing:.3px}.hero-art{position:relative;flex-shrink:0;width:214px;height:178px;margin-right:15px;transform:rotate(-3deg)}.orbit{border:1px solid #e0e7d9;position:absolute;border-radius:50%;left:2px;top:20px;width:205px;height:137px;transform:rotate(-23deg)}.orbit-two{transform:rotate(38deg);width:204px;height:132px;top:25px}.orbit-dot{width:6px;height:6px;border:1px solid #abc09a;border-radius:50%;position:absolute;background:var(--bg)}.dot-one{left:9px;top:79px}.dot-two{right:19px;bottom:31px;width:4px;height:4px;background:#a3b98f}.art-card{position:absolute;border-radius:16px;border:1px solid #cfdcc5;box-shadow:0 12px 25px #3f573c09}.art-card-back{background:#dce8cd;width:74px;height:88px;right:25px;top:36px;transform:rotate(17deg);display:flex;justify-content:center;padding-top:18px;color:#799463}.art-card-back svg{width:25px;height:25px}.art-card-front{background:linear-gradient(135deg,#fff,#f5f8ef);width:104px;height:116px;left:51px;top:24px;transform:rotate(-10deg);padding:19px 17px}.art-search{display:block;color:#3f6b3f}.art-search svg{width:30px;height:30px;stroke-width:1.5}.art-card-line{display:block;height:4px;border-radius:2px;background:#d6dfcc;width:52px;margin-top:15px}.art-card-line.short{width:36px;margin-top:7px;background:#e5eadf}.art-check{position:absolute;right:-13px;bottom:13px;width:29px;height:29px;display:grid;place-items:center;background:#345c3e;border-radius:9px;border:4px solid var(--bg);color:white;box-sizing:content-box;transform:rotate(8deg)}.art-check svg{width:16px;height:16px}.art-spark{position:absolute;color:#81996b;font-family:Georgia,serif}.spark-one{font-size:28px;left:19px;top:25px}.spark-two{font-size:22px;right:15px;top:9px;color:#b6c5a4}.art-caption{position:absolute;bottom:-4px;left:32px;font-size:6px;letter-spacing:1.35px;color:#a0ad94;transform:rotate(3deg)}.search-section{position:relative}.search-box{display:flex;align-items:center;gap:14px;padding:10px 11px 10px 21px;background:#fff;border:1px solid #d7e0ce;border-radius:13px;box-shadow:0 5px 20px #394d3005;transition:box-shadow .2s,border-color .2s;min-height:66px}.search-box:focus-within{border-color:#8eaa7c;box-shadow:0 0 0 3px #dfe9d350}.search-leading{color:#7c9470}.search-leading svg{width:22px;height:22px}.search-box input{border:none;background:transparent;outline:none!important;flex:1;min-width:0;color:#3a4d32;font-size:12px;padding:8px 0}.search-box input::placeholder{color:#a0aa95}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-shortcut{font:10px sans-serif;color:#a8b29d;border:1px solid #e6ebdf;border-radius:5px;padding:3px 5px;white-space:nowrap}.search-box .button{min-height:42px;padding:10px 20px;font-size:12px;border-radius:9px}.trends-row{display:flex;align-items:center;gap:15px;padding:14px 0 0;font-size:10px;min-height:34px}.trends-label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#a1ab96}.trends-label svg{width:13px;height:13px}.trending-list{display:flex;flex-wrap:wrap;gap:7px 17px;align-items:center}.trending-list button{border:0;background:none;padding:0;color:#859379;font-size:10px}.trending-list button:hover{color:var(--green);text-decoration:underline}.quick-stats{margin-top:30px;padding:18px 0 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.quick-stats>div{display:flex;align-items:center;gap:12px;position:relative;padding-left:25px}.quick-stats>div:first-child{padding-left:2px}.quick-stats>div:not(:last-child):after{content:"";position:absolute;right:0;top:6px;bottom:4px;width:1px;background:#e4e9dd}.stat-icon{width:33px;height:36px;border-radius:10px;display:grid;place-items:center;color:#7e986d;background:#edf2e5}.stat-icon svg{width:18px;height:18px;stroke-width:1.5}.quick-stats strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.5px;color:#4d6944;line-height:1.3}.quick-stats>div:last-child strong{font-size:12px;letter-spacing:0}.quick-stats small{font-size:9px;color:#99a48d;display:block;margin-top:4px}.results-section{margin-top:29px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading-left{display:flex;align-items:center;gap:9px;min-width:0}.section-marker{width:3px;height:16px;border-radius:2px;background:#638353}.section-heading h2{font-size:16px;letter-spacing:-.2px;font-weight:650;margin:0}.section-subtitle{font-size:10px;color:#a0aa95;margin-left:4px}.section-heading>.text-button{font-size:10px;color:#8f9f82}.section-heading>.text-button svg{width:12px;height:12px}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:21px;gap:12px;border-bottom:1px solid var(--line)}.kind-tabs{display:flex;gap:2px;overflow:auto;scrollbar-width:none;min-width:0}.kind-tabs::-webkit-scrollbar{display:none}.kind-tab{background:transparent;position:relative;border:0;padding:0 12px 13px;font-size:11px;color:#99a38f;white-space:nowrap}.kind-tab:first-child{padding-left:1px;margin-right:6px}.kind-tab.active{color:var(--green);font-weight:650}.kind-tab:after{content:"";position:absolute;bottom:0;left:9px;right:9px;height:2px;border-radius:2px;background:transparent}.kind-tab:first-child:after{left:0;right:5px}.kind-tab.active:after{background:#416c3e}.kind-tab .tab-count{font-size:8px;margin-left:5px;font-weight:400;opacity:.7}.sort-control{display:flex;align-items:center;gap:5px;color:#a0ac94;padding-bottom:12px;flex-shrink:0}.sort-control svg{width:12px;height:12px}.sort-control select{font-size:10px;color:#8d9c81;border:0;background:transparent;max-width:100px;cursor:pointer;outline:none}.result-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0 13px;font-size:10px;color:#a0aa96;min-height:16px}.result-meta strong{color:#647d56;font-weight:600}.result-meta button{font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource-card{background:var(--surface);border:1px solid #e2e8dc;border-radius:13px;padding:18px 17px 14px;display:flex;flex-direction:column;min-width:0;min-height:211px;box-shadow:0 3px 10px #3e543200;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.resource-card:hover{border-color:#becdb0;box-shadow:0 9px 24px #3e543207;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.resource-avatar{width:35px;height:35px;border-radius:10px;background:#e8eee0;color:#7c9469;display:grid;place-items:center;font-weight:650;font-size:14px;border:1px solid #e3eadb}.resource-avatar.tone-1{background:#eef0e0;color:#94966b;border-color:#e7e9d7}.resource-avatar.tone-2{background:#e4eceb;color:#76958e;border-color:#dce6e4}.resource-avatar.tone-3{background:#f2eade;color:#ae946e;border-color:#eee3d4}.resource-avatar.tone-4{background:#ebe8f0;color:#9284a3;border-color:#e3dfeb}.card-favorite{border:0;background:none;color:#b8c3ad;padding:1px;display:grid;place-items:center;width:24px;height:26px}.card-favorite svg{width:17px;height:17px;stroke-width:1.5}.card-favorite:hover{color:#496f3d}.card-favorite.saved{color:#648449}.card-favorite.saved svg{fill:#e6efd8}.resource-title{font-size:13px;font-weight:650;line-height:1.55;margin:0;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.resource-description{font-size:10px;color:#9ca58f;line-height:1.85;margin:6px 0 10px;min-height:37px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.resource-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;min-height:18px}.resource-tag{background:#f2f5ee;border:1px solid #edf1e7;color:#8c9c7e;font-size:8px;border-radius:4px;padding:1px 6px;cursor:pointer;line-height:1.6}.resource-tag:hover{background:#e3ecd7}.resource-tag.kind-tag{background:#ecf2e6;color:#779262;border-color:#e5eddb;cursor:default}.resource-tag.demo-tag{background:#f8f2e7;border-color:#f1e8d5;color:#b59c6c;cursor:default}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid #eff2eb;padding-top:11px;margin-top:auto}.resource-source{font-size:8px;color:#b0b9a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;gap:4px;align-items:center}.resource-source svg{width:10px;height:10px;stroke-width:1.7}.card-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.card-mini-button{background:transparent;border:0;color:#a7b49b;padding:0;display:grid;place-items:center;min-width:18px;min-height:20px}.card-mini-button svg{width:12px;height:12px}.card-mini-button:hover{color:var(--green)}.resource-open{font-size:9px;color:#719261;display:flex;align-items:center;gap:3px;margin-left:1px}.resource-open svg{width:12px;height:12px}.resource-open:hover{color:var(--green)}.pagination{display:flex;justify-content:center;gap:8px;align-items:center;margin:24px 0 0;font-size:11px;color:#8b9c7e}.pagination button{background:white;border:1px solid var(--line);border-radius:7px;padding:6px 12px;color:#738767}.pagination span{padding:0 8px}.subscribe-banner{margin:38px 0 0;border-radius:15px;background:#244d37;min-height:126px;padding:25px 28px;display:flex;align-items:center;gap:21px;color:#f5f8ed;position:relative;overflow:hidden}.subscribe-banner-icon{width:47px;height:52px;display:grid;place-items:center;border-radius:12px;background:#355e43;border:1px solid #466c4f;transform:rotate(-6deg);color:#c8dba9;flex-shrink:0;z-index:1}.subscribe-banner-icon svg{width:25px;height:25px;stroke-width:1.4}.subscribe-banner>div:not(.banner-orbit){z-index:1}.banner-eyebrow{font-size:7px;letter-spacing:1.7px;color:#9cb88d}.subscribe-banner h3{font-size:17px;font-weight:550;margin:5px 0 5px;letter-spacing:.2px}.subscribe-banner p{margin:0;font-size:10px;color:#a8bd9c}.subscribe-banner .button{margin-left:auto;font-size:10px;min-height:37px;padding:8px 14px}.banner-orbit{position:absolute;width:270px;height:210px;right:-30px;bottom:-120px;border-radius:50%;border:1px solid #48734a;transform:rotate(-20deg)}.banner-orbit:before,.banner-orbit:after{content:"";position:absolute;inset:20px -20px;border:1px solid #48734a;border-radius:50%}.banner-orbit:after{inset:-20px 20px}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding:21px 0 26px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.25px;color:#a7b19b}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.page-footer>span:last-child{font-size:7px;letter-spacing:1px}.footer-dot{width:4px;height:4px;background:#a9b999;border-radius:50%}.demo-banner{background:#f3f0e4;border:1px solid #e9e2cd;color:#9b895f;border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px 13px;margin:0 0 18px;font-size:9px}.demo-banner>span>svg{width:16px;height:16px}.demo-banner p{margin:0;flex:1}.demo-banner strong{font-weight:600;margin-right:5px}.demo-banner p span{opacity:.85}.demo-banner button{border:0;background:none;color:#9b895f;display:flex;align-items:center;gap:5px;padding:0;font-size:9px;white-space:nowrap}.demo-banner button svg{width:12px;height:12px}.inner-page-heading{padding:44px 0 33px;display:flex;justify-content:space-between;align-items:center;gap:20px}.inner-page-heading h1{font-size:34px;letter-spacing:-1px;margin:15px 0 7px;font-weight:650}.inner-page-heading h1>span{color:#7d9868}.inner-page-heading p{color:#929e87;font-size:12px;margin:0}.heading-illustration{color:#9db18b;border:1px solid #dce5d2;border-radius:18px;background:#edf2e6;padding:18px;transform:rotate(-7deg);margin-right:15px}.heading-illustration svg{width:30px;height:30px;stroke-width:1.3}.empty-state{grid-column:1/-1;text-align:center;padding:65px 20px 70px;border:1px dashed #d9e2cf;border-radius:15px;background:#f5f7f0;color:#829377}.empty-icon{display:grid;place-items:center;margin:auto auto 16px;width:52px;height:52px;border:1px solid #e1e8d8;background:#edf2e5;border-radius:16px;color:#97aa84;transform:rotate(-5deg)}.empty-icon svg{width:25px;height:25px;stroke-width:1.4}.empty-state h3{font-size:16px;color:#677e59;font-weight:550;margin:0 0 8px}.empty-state p{font-size:11px;color:#9aa58e;margin:0 auto 18px;max-width:420px;line-height:1.9}.empty-state .button{font-size:11px;min-height:36px}.skeleton{position:relative;overflow:hidden;background:#eef2e7;border-radius:5px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#fff7,transparent);animation:shimmer 1.4s infinite}.skeleton-avatar{width:35px;height:35px;border-radius:10px;margin-bottom:17px}.skeleton-line{height:9px;width:75%;margin-bottom:12px}.skeleton-line.short{width:45%}.skeleton-line.long{width:95%}.history-list{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.history-list:has(.empty-state){background:transparent;border:0}.history-item{display:flex;align-items:center;gap:15px;padding:20px 23px;border-bottom:1px solid #edf1e6}.history-item:last-child{border:0}.history-item>span:first-child{color:#9bad8c;background:#f0f4e9;padding:9px;border-radius:9px}.history-item>span:first-child svg{width:17px;height:17px}.history-query{border:0;background:none;font-size:13px;color:#526c45;padding:0;text-align:left;flex:1;word-break:break-all}.history-query:hover{text-decoration:underline}.history-date{font-size:10px;color:#a1ac95}.history-item>.icon-button{border:0}.subscriptions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.subscription-card{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;display:flex;align-items:flex-start;gap:15px}.subscription-card>.subscription-icon{background:#eaf1e2;border-radius:12px;padding:12px;color:#789963}.subscription-card>div:nth-child(2){flex:1;min-width:0}.subscription-card h3{margin:0 0 5px;font-size:16px;color:#4c6e3f;font-weight:550;word-break:break-all}.subscription-card p{font-size:10px;color:#9aa88d;margin:0 0 16px}.subscription-card>.icon-button{border:0}.inline-notice{display:flex;align-items:flex-start;gap:9px;padding:13px 17px;background:#eef3e6;border:1px solid #dfe8d3;border-radius:10px;color:#859876;margin-bottom:24px;font-size:11px}.inline-notice svg{width:16px;height:16px;margin-top:1px}.inline-notice p{margin:0;line-height:1.8}.inline-notice code{color:#5c7d49;background:#e2ebd6;border-radius:4px;padding:1px 4px;font-family:monospace}.admin-login{max-width:520px;border:1px solid var(--line);border-radius:16px;padding:32px;background:white;margin:8px auto 55px}.admin-login>.empty-icon{margin-left:0;margin-bottom:20px}.admin-login h2{font-size:20px;font-weight:600;margin:0 0 10px;color:#3d5e32}.admin-login p{font-size:11px;line-height:1.9;color:#95a287;margin:0 0 25px}.admin-login .form-field{margin-bottom:17px}.admin-login .button{width:100%}.admin-command{font:10px monospace;padding:12px 14px;border:1px solid #e3e9da;background:#f7f9f2;border-radius:8px;color:#768c64;white-space:pre-wrap;word-break:break-all;display:block;margin:14px 0}.admin-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:22px}.admin-actions .admin-auth-status{font-size:10px;color:#8b9f7b;margin-left:auto;display:flex;align-items:center;gap:6px}.admin-auth-status svg{width:13px;height:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px}.admin-stat{background:white;border:1px solid var(--line);padding:20px;border-radius:12px}.admin-stat>span{font-size:10px;color:#9ca98f}.admin-stat strong{display:block;font-size:25px;font-weight:550;color:#526e44;margin-top:8px}.admin-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.admin-panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.admin-panel-heading{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-panel-heading h3{font-size:12px;font-weight:600;margin:0;color:#6b815c}.admin-panel-heading span{font-size:9px;color:#a5b397}.admin-panel-body{padding:0 20px}.admin-item{padding:17px 0;border-bottom:1px solid #edf1e6}.admin-item:last-child{border:0}.admin-item h4{margin:0 0 4px;font-size:12px;color:#6b7f5d;font-weight:550;word-break:break-word}.admin-item p{font-size:10px;color:#a0ab94;margin:0 0 9px;line-height:1.7;word-break:break-all}.admin-item .button{min-height:27px;padding:4px 9px;font-size:9px;border-radius:6px;margin-right:5px}.admin-item a{font-size:10px;color:#7f996a;word-break:break-all}.admin-item-meta{font-size:9px;color:#a9b59c;margin-top:8px;display:flex;gap:12px}.admin-empty{font-size:11px;color:#a8b39b;text-align:center;padding:25px 10px;line-height:1.9}.source-row{padding:16px 0;border-bottom:1px solid #edf1e6;display:flex;gap:10px;align-items:center;font-size:11px}.source-row:last-child{border:0}.source-row>span:first-child{display:grid;place-items:center;border:1px solid #e6ecdc;background:#f3f6ee;color:#8da679;padding:7px;border-radius:9px}.source-row svg{width:15px;height:15px}.source-row div{flex:1}.source-row strong{display:block;font-size:10px;font-weight:550;color:#6e875e}.source-row small{font-size:9px;color:#a0ae92}.source-state{font-size:9px;color:#95a485}.source-state.ok{color:#6e8e58}.audit-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf1e6;font-size:9px;color:#9aa88b;word-break:break-word}.audit-item:last-child{border:0}.audit-item strong{font-weight:500;color:#7e956d}.audit-item time{white-space:nowrap;margin-left:auto;font-size:8px;color:#b0bba3}.modal-backdrop{position:fixed;inset:0;background:#1d302951;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(100%,540px);max-height:90vh;overflow:auto;background:var(--bg);border:1px solid #dbe5d0;border-radius:20px;padding:29px 30px 30px;box-shadow:0 25px 85px #203c2933}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.modal-heading h2{font-size:22px;letter-spacing:-.6px;margin:7px 0 0;font-weight:600;color:#426038}.modal-heading .eyebrow{font-size:7px}.modal-heading .icon-button{border:0}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.form-field>label{font-size:11px;color:#7b916b;font-weight:550}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dce5d2;background:#fff;border-radius:8px;padding:10px 12px;font-size:12px;color:#58754a;resize:vertical;transition:border-color .15s}.form-field input::placeholder,.form-field textarea::placeholder{color:#afbaa3}.form-field textarea{min-height:95px}.form-field small{font-size:9px;color:#a7b29b;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:10px}.modal-intro{font-size:11px;color:#93a185;line-height:1.9;margin:0 0 20px}.form-error{font-size:11px;color:#b57955;margin:10px 0;line-height:1.8}.setup-steps{list-style:none;padding:0;margin:15px 0 20px;counter-reset:steps}.setup-steps li{position:relative;padding:0 0 21px 32px;font-size:11px;color:#91a080;line-height:1.9;counter-increment:steps}.setup-steps li:before{content:counter(steps);position:absolute;left:0;top:0;background:#e5eedb;color:#75935f;border-radius:7px;width:22px;height:23px;text-align:center;font-size:10px;font-family:monospace;padding-top:2px}.setup-steps strong{font-weight:600;display:block;color:#617e4f;margin-bottom:3px}.setup-steps code{font-size:10px;background:#eaf0e2;padding:2px 4px;border-radius:3px;color:#6c885b;word-break:break-all}.setup-details{border:1px solid var(--line);background:white;border-radius:10px;padding:15px 16px;font-size:10px;color:#8b9e7b}.setup-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.setup-details>div:last-child{margin:0}.setup-details strong{font-weight:550;color:#648052}.import-textarea{font-family:monospace!important;font-size:10px!important;min-height:190px!important}.file-input{padding:9px!important}.toast-stack{position:fixed;bottom:27px;right:30px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:min(390px,calc(100vw - 40px));pointer-events:none}.toast{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid #d9e5cf;border-radius:11px;padding:13px 17px;box-shadow:0 10px 35px #1f402918;color:#65814f;font-size:12px;line-height:1.7;animation:toast-in .2s ease-out;pointer-events:auto}.toast svg{width:17px;height:17px;margin-top:2px}.toast.error{color:#aa7652;border-color:#e9d7c4}.muted{color:#a8b39c}.text-wrap{word-break:break-all}.tag-filter-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe8d3;background:#edf3e5;border-radius:5px;color:#7e976a;padding:1px 6px;font-size:9px;margin-left:7px}.tag-filter-chip button{background:none;border:0;padding:0;color:#7e976a}.tag-filter-chip svg{width:10px;height:10px}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.sidebar{width:252px;padding-left:24px;padding-right:24px}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{padding:0 60px}.page-content{padding:0 60px}.hero{padding-top:61px;padding-bottom:42px}.hero h1{font-size:50px}.hero-art{margin-right:40px}.resource-grid{gap:19px}.resource-card{padding:22px;min-height:226px}.resource-title{font-size:14px}.resource-description{font-size:11px}.quick-stats{margin-top:38px}}@media(max-width:1200px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main{margin-left:210px;width:calc(100% - 210px)}.brand{margin-left:10px;gap:9px}.brand strong{font-size:20px}.brand small{font-size:6px}.topbar{padding:0 29px}.page-content{padding:0 29px}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-art{transform:scale(.88);margin-right:-13px;width:180px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px}.hero p{font-size:10px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-subtitle{display:none}.kind-tab{padding-left:10px;padding-right:10px}.quick-stats>div{padding-left:15px;gap:9px}.quick-stats strong{font-size:14px}.quick-stats small{font-size:8px}.quick-stats>div:last-child strong{font-size:11px}.subscribe-banner{padding:22px 21px;gap:15px}.subscribe-banner h3{font-size:15px}.subscribe-banner .button{font-size:9px;padding:8px 10px}.subscribe-banner-icon{width:39px;height:44px}.admin-columns{grid-template-columns:1fr}.admin-stats{gap:10px}.admin-stat{padding:15px}.admin-stat strong{font-size:22px}.subscriptions-grid{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{width:190px;padding:30px 12px 15px}.main{margin-left:190px;width:calc(100% - 190px)}.brand{gap:8px;margin-left:5px}.brand-symbol{width:34px;height:36px;border-radius:10px}.brand strong{font-size:19px}.brand small{letter-spacing:.7px;font-size:6px}.nav-link{font-size:12px;padding:11px 12px;gap:11px}.sidebar-note{padding:14px 12px}.sidebar-note strong{font-size:11px}.sidebar-note p{font-size:10px}.workspace-label{font-size:9px;margin-left:12px;margin-right:12px}.sidebar-bottom{padding-top:40px}.topbar{padding:0 24px;height:73px}.topbar-left{gap:10px}.topbar-actions{gap:12px}.page-content{padding:0 24px}.hero{padding-top:38px;padding-bottom:28px;min-height:220px}.hero h1{font-size:36px;line-height:1.5}.hero h1 br{display:block}.hero-art{transform:scale(.82);width:140px;margin-right:17px}.hero .eyebrow{font-size:6px;letter-spacing:.8px}.hero p{font-size:9px;max-width:260px;line-height:1.9}.version-pill{display:none}.search-box{gap:10px;padding-left:16px;min-height:62px}.search-box input{font-size:11px}.search-shortcut{display:none}.search-box .button{padding:9px 13px;font-size:11px;min-height:39px}.trends-row{gap:10px}.trending-list{gap:5px 12px}.quick-stats{grid-template-columns:repeat(3,1fr);margin-top:24px}.quick-stats>div:last-child{display:none}.quick-stats>div:nth-child(3):after{display:none}.results-toolbar{flex-wrap:wrap;gap:0;margin-top:19px}.kind-tabs{width:100%;padding-right:0}.kind-tab{padding-bottom:12px}.kind-tab:first-child{margin-right:4px}.sort-control{margin-left:auto;padding-top:10px;padding-bottom:0}.result-meta{margin-top:10px}.resource-grid{gap:12px}.resource-card{padding:16px 14px 12px;min-height:215px}.resource-title{font-size:12px}.resource-description{font-size:9px}.subscribe-banner{flex-wrap:wrap;gap:14px;padding:22px}.subscribe-banner .button{margin-left:53px;margin-top:1px}.subscribe-banner h3{font-size:14px}.subscribe-banner p{font-size:9px}.banner-eyebrow{font-size:6px;letter-spacing:1.3px}.demo-banner{align-items:flex-start;font-size:8px;padding:9px 11px;gap:7px}.demo-banner p strong{display:block;margin-bottom:2px}.demo-banner button{font-size:8px;align-self:center}.inner-page-heading{padding-top:35px}.inner-page-heading h1{font-size:29px}.inner-page-heading p{font-size:10px}.inner-page-heading .button{font-size:10px;padding:8px 10px;min-height:36px}.admin-actions .admin-auth-status{order:-1;width:100%;margin-bottom:5px}.admin-stats{grid-template-columns:repeat(2,1fr)}.history-item{padding:16px;gap:12px}.history-query{font-size:12px}.history-date{font-size:8px}.heading-illustration{padding:13px}.heading-illustration svg{width:25px;height:25px}}@media(max-width:680px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s ease;box-shadow:12px 0 50px #1c382320}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:#20352855;backdrop-filter:blur(3px);z-index:25}.main{margin-left:0;width:100%}.mobile-menu{display:grid;margin-right:0;border:0;width:24px}.topbar{padding:0 21px;height:66px}.topbar-left{gap:8px;font-size:10px}.topbar-actions{gap:12px}.topbar-actions .api-link{display:none}.topbar-actions .button{font-size:10px;padding:5px 9px;min-height:29px}.topbar-actions .button svg{width:13px;height:13px}.user-avatar{width:27px;height:27px;border-radius:8px;font-size:11px}.page-content{padding:0 21px}.hero{padding:32px 0 26px;min-height:212px;gap:0}.hero h1{font-size:32px;letter-spacing:-1px;margin-top:14px}.hero .eyebrow{font-size:5px;letter-spacing:.6px;gap:5px}.eyebrow-line{width:12px}.hero p{font-size:9px;max-width:205px;line-height:1.9}.hero-art{transform:scale(.66);transform-origin:center center;width:107px;margin:0 30px 0 -3px;height:160px}.art-caption{font-size:6px;white-space:nowrap}.search-box{padding:9px 9px 9px 13px;gap:9px;min-height:60px}.search-leading svg{width:18px;height:18px}.search-box input{font-size:10px}.search-box .button{padding:8px 11px;font-size:10px;min-height:37px;gap:5px}.search-box .button svg{width:13px;height:13px}.trends-row{font-size:9px;padding-top:12px;align-items:flex-start;gap:11px}.trends-label{margin-top:1px;font-size:9px}.trending-list{gap:5px 13px;max-height:41px;overflow:hidden}.trending-list button{font-size:9px}.quick-stats{margin-top:21px;padding:17px 0 20px}.quick-stats>div{padding-left:13px;gap:7px}.quick-stats>div:first-child{padding-left:0}.stat-icon{width:28px;height:32px;border-radius:8px}.stat-icon svg{width:15px;height:15px}.quick-stats strong{font-size:15px}.quick-stats small{font-size:8px;letter-spacing:-.2px}.results-section{margin-top:24px}.section-heading h2{font-size:15px}.section-heading>.text-button{font-size:9px}.section-marker{height:14px}.results-toolbar{margin-top:19px}.kind-tab{font-size:10px;padding-left:10px;padding-right:10px;padding-bottom:12px}.kind-tab .tab-count{font-size:7px;margin-left:3px}.kind-tab:first-child{margin-right:4px}.result-meta{font-size:9px;gap:8px;margin-bottom:12px}.sort-control select{font-size:9px}.resource-grid{gap:12px}.resource-card{padding:14px 12px 12px;min-height:211px;border-radius:12px}.card-header{margin-bottom:11px}.resource-avatar{width:31px;height:31px;border-radius:9px;font-size:12px}.resource-title{font-size:11px;-webkit-line-clamp:2;min-height:34px;line-height:1.6}.resource-description{font-size:9px;line-height:1.8;min-height:32px;margin-top:5px;margin-bottom:8px}.resource-tags{gap:4px;margin-bottom:11px;min-height:15px}.resource-tag{font-size:7px;padding:1px 4px}.resource-source{font-size:7px;max-width:66px}.card-footer{padding-top:10px;gap:4px}.card-actions{gap:7px}.resource-open{font-size:8px}.resource-open svg{width:11px;height:11px}.card-mini-button{min-width:12px}.card-mini-button svg{width:11px;height:11px}.card-mini-button.report-button{display:none}.resource-source svg{display:none}.card-favorite{width:20px;height:23px}.card-favorite svg{width:16px;height:16px}.subscribe-banner{margin-top:27px;border-radius:13px;padding:21px 18px;gap:13px}.subscribe-banner-icon{width:35px;height:40px;border-radius:10px}.subscribe-banner-icon svg{width:22px;height:22px}.subscribe-banner h3{font-size:13px;letter-spacing:0}.subscribe-banner p{font-size:8px}.banner-eyebrow{font-size:5px;letter-spacing:1.1px}.subscribe-banner .button{margin-left:48px;font-size:9px;min-height:32px;padding:7px 11px}.page-footer{font-size:7px;margin-top:28px;padding-top:18px;letter-spacing:0}.page-footer>span:last-child{font-size:5px;letter-spacing:.7px}.demo-banner{font-size:8px;margin-bottom:16px;line-height:1.8}.demo-banner>span>svg{width:13px;height:13px;margin-top:2px}.demo-banner button{font-size:8px;gap:3px}.demo-banner button svg{width:11px;height:11px}.inner-page-heading{padding-top:33px;padding-bottom:27px;gap:15px}.inner-page-heading h1{font-size:28px;margin-top:12px}.inner-page-heading .eyebrow{font-size:6px;letter-spacing:1.4px}.inner-page-heading p{font-size:9px}.heading-illustration{margin-right:6px;padding:12px;border-radius:13px}.heading-illustration svg{width:22px;height:22px}.inner-page-heading .button{font-size:9px;gap:5px;padding:7px 9px;min-height:34px}.inner-page-heading .button svg{width:13px;height:13px}.empty-state{padding:47px 18px 48px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px}.empty-state .button{font-size:10px}.history-item{padding:16px 14px;gap:11px}.history-item>span:first-child{padding:8px}.history-item>span:first-child svg{width:15px;height:15px}.history-query{font-size:11px}.history-date{font-size:8px;max-width:70px;text-align:right}.subscription-card{padding:20px 17px;gap:12px}.subscription-card>.subscription-icon{padding:10px}.subscription-card h3{font-size:15px}.subscription-card p{font-size:9px}.inline-notice{padding:12px 13px;font-size:9px;gap:7px}.inline-notice svg{width:14px;height:14px}.admin-login{padding:25px 22px}.admin-login h2{font-size:19px}.admin-login p{font-size:10px}.admin-actions{gap:7px}.admin-actions .button{font-size:9px;padding:6px 9px;min-height:31px}.admin-actions .button svg{width:13px;height:13px}.admin-stat{padding:16px}.admin-stat>span{font-size:9px}.admin-stat strong{font-size:23px}.admin-panel-heading{padding:15px 17px}.admin-panel-body{padding:0 17px}.admin-panel-heading h3{font-size:11px}.admin-panel-heading span{font-size:8px}.modal-backdrop{padding:16px}.modal{padding:24px 21px;max-height:90svh;border-radius:17px}.modal-heading{margin-bottom:21px}.modal-heading h2{font-size:21px}.form-field input,.form-field textarea,.form-field select{font-size:12px}.form-grid{gap:11px}.toast-stack{bottom:20px;right:20px}.toast{font-size:11px;padding:12px 15px}.setup-steps li{font-size:10px}.setup-steps code{font-size:9px}.modal-intro{font-size:10px}}@media(max-width:375px){.page-content{padding:0 17px}.topbar{padding:0 17px}.hero h1{font-size:28px}.hero-art{transform:scale(.56);margin-right:20px;width:85px}.hero p{max-width:190px;font-size:8px}.search-box input{font-size:9px}.search-box .button{padding:8px 9px;font-size:9px}.quick-stats>div{padding-left:9px;gap:6px}.stat-icon{width:25px;height:29px}.quick-stats small{font-size:7px}.resource-grid{gap:9px}.resource-card{padding:13px 11px 11px}.card-actions{gap:5px}.resource-source{max-width:52px}.resource-open{font-size:7px}.resource-tags{gap:3px}.resource-tag{font-size:6px;padding:1px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.online-search-control{display:flex;align-items:center;gap:6px;font-size:10px;color:#8da17d;margin:12px 0 1px;cursor:pointer}.online-search-control input{accent-color:var(--green);width:12px;height:12px;margin:0 2px 0 0}.online-search-control svg{width:13px;height:13px}.notification-section{grid-column:1/-1;margin-bottom:14px}.notification-section .section-heading{margin-bottom:18px}.notification-section h2{font-size:15px;font-weight:550;color:#607c50;margin:0}.notification-section .muted{font-size:10px}.notification-item{min-width:0}.notification-read{margin:10px 3px 0;font-size:10px}.subscription-empty-holder{grid-column:1/-1}.kind-tabs{scrollbar-width:thin;scrollbar-color:#d1dcc6 transparent}.results-toolbar{min-width:0}.admin-login>form>p:not(.form-error){margin:0;font-size:10px}.admin-panel-heading h3{white-space:nowrap}@media(max-width:680px){.online-search-control{font-size:9px}.notification-section .resource-grid{grid-template-columns:1fr 1fr}.notification-read{font-size:9px}}
@media(max-width:680px){.hero{overflow:hidden;overflow:clip}}
/* Keep useful resource information legible on the quiet canvas. */
.resource-description{color:#6a7863;font-size:11px}.hero p,.inner-page-heading p{color:#76836d}.resource-source{color:#809071}.resource-tag{color:#758869}.trends-label,.trending-list button{color:#819173}.section-subtitle,.quick-stats small{color:#8a987d}.resource-open{color:#537747}.result-meta{color:#87977a}.form-field>label{color:#6e835f}.form-field small{color:#87977a}.modal-intro{color:#798d6a}.admin-item p{color:#7d8f70}.history-date{color:#829473}.source-row small{color:#859577}.admin-login p{color:#849675}@media(max-width:900px){.resource-description{font-size:10px}}@media(max-width:680px){.hero-period{display:none}.hero-copy{min-width:0}.hero h1{white-space:nowrap}.breadcrumb-root{font-size:0}.breadcrumb-root:after{content:"小白搜索";font-size:10px;font-weight:600;color:#6a7b5f}.resource-description{font-size:10px;min-height:36px}.resource-title{font-size:12px;min-height:38px}.resource-tag{font-size:8px}.resource-source{font-size:8px}.resource-open{font-size:9px}.resource-card{min-height:225px}.resource-tags{gap:4px;flex-wrap:wrap}.card-actions{gap:6px}.resource-source{max-width:65px}}@media(max-height:820px){.sidebar-bottom{padding-top:25px}.sidebar-note{padding:13px 12px}.note-spark{margin-bottom:8px}.sidebar-note p{margin-bottom:10px}.connection-status{margin-top:17px}.brand{margin-bottom:32px}.nav-divider{margin-top:19px;margin-bottom:19px}}@media(max-height:700px){.sidebar-note{display:none}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}}