/* 薄荷手札 — complete light template, shared by all six page types. */
:root{--bg:#f6f8f1;--card:#fffefa;--card-2:#f4f8f2;--ink:#263f35;--ink-2:#52685c;--ink-3:#697b6c;--brand:#28775a;--brand-wash:#e7f2e8;--line:#e0e8da;--line-2:#c6d6c4;--gold:#9b6a25;--r:16px;--hd-h:64px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:130px}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;background:radial-gradient(ellipse at 4% 12%,#dceee1a8,transparent 36%),radial-gradient(ellipse at 95% 45%,#f4ecd4a3,transparent 38%),var(--bg);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.55}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}ul{padding:0}h1,h2,h3,p{overflow-wrap:anywhere}.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 24px}.main{padding-top:122px;padding-bottom:28px;flex:1 0 auto;min-height:0}.muted{color:var(--ink-3)}[hidden]{display:none!important}:focus-visible{outline:3px solid #398967;outline-offset:3px}.skip-link{position:fixed;top:-80px;left:15px;z-index:200;background:var(--brand);color:white;padding:10px 18px;border-radius:10px}.skip-link:focus{top:10px}
/* A small, calm masthead and a full category navigation. */
.hd{position:fixed;inset:0 0 auto;z-index:70;background:#fffefaf2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.hd-in{display:flex;align-items:center;gap:18px;height:var(--hd-h)}.logo{display:flex;align-items:center;min-width:0;flex-shrink:0}.logo img{height:32px;max-width:190px;object-fit:contain}.logo-txt{font-size:22px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.logo-txt em{font-style:normal;color:var(--brand);display:inline-grid;place-items:center;min-width:34px;height:36px;margin-right:5px;background:var(--brand-wash);border-radius:14px 5px 14px 5px}.brand-caption{font-size:12px;color:var(--ink-3);padding-left:18px;border-left:1px solid var(--line)}.hd-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;flex:0 0 36px;border-radius:10px;font-size:22px}.hd-btn:hover{background:var(--brand-wash)}.hd-search{position:relative;display:flex;align-items:center;gap:10px;margin-left:auto;background:#f1f5ed;border:1px solid var(--line);border-radius:22px;width:330px;height:38px;padding:0 14px;color:var(--brand)}.hd-search input{min-width:0;width:100%;height:100%;border:0;background:transparent;outline:0;color:var(--ink);font-size:12px}.hd-search:focus-within,.bigsearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #28775a12}.drawer{position:fixed;top:var(--hd-h);left:0;right:0;z-index:60;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:7px max(24px,calc((100vw - 1312px)/2));background:#f8faf3ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.drawer::-webkit-scrollbar{display:none}.drawer a{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 12px;border-radius:8px;font-size:12px;color:var(--ink-2);white-space:nowrap}.drawer a.active,.drawer a:hover{background:var(--brand-wash);color:var(--brand)}.drawer-hd,.drawer-mask{display:none}.search-popover{position:absolute;top:calc(100% + 9px);left:0;right:0;padding:16px;background:var(--card);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 14px 40px #254b3424;z-index:90}.search-popover strong{display:block;font-size:12px;color:var(--ink-2);margin-bottom:10px}.search-popover>div{display:flex;flex-wrap:wrap;gap:7px}.search-popover>div a,.search-suggestions a{font-size:12px;background:var(--brand-wash);border-radius:7px;padding:4px 9px;color:var(--brand)}.search-popover-all{display:block;font-size:11px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-3)}
/* Icon strip stays compact; no oversized hero above the directory. */
.ad-strip{background:#fffefaab;border:1px solid var(--line);border-radius:var(--r);padding:12px 10px;margin-bottom:18px}.ad-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px 5px}.ad-icon{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border-radius:9px}.ad-image{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfebd9;border-radius:12px;background:#e8f1df;overflow:hidden;color:var(--brand);transition:transform .18s}.ad-image img{width:100%;height:100%;object-fit:cover}.ad-image b{font-size:21px;font-weight:600}.ad-image .si{--c:42px}.ad-icon:nth-child(3n+2) .ad-image{background:#f3ecd9}.ad-icon:nth-child(3n) .ad-image{background:#e6eff0}.ad-icon:hover .ad-image{transform:translateY(-3px)}.ad-title{display:flex;align-items:center;justify-content:center;gap:2px;max-width:100%;font-size:11px;line-height:1.4}.directory-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 14px}.directory-title h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.directory-title h1:before{content:"";display:block;width:12px;height:20px;background:#8fb896;border-radius:14px 0 14px 0;transform:rotate(18deg)}.directory-title h1 span{font-weight:400;font-size:12px;color:var(--ink-3);margin-left:2px}.directory-status{font-size:11px;color:var(--ink-3)}.fresh-directory{display:grid;grid-template-columns:146px minmax(0,1fr);gap:18px;align-items:start}.directory-index{position:sticky;top:124px;display:flex;flex-direction:column;padding:12px 9px;background:#eaf1e4a8;border:1px solid #dce6d5;border-radius:16px}.directory-kicker{font-size:11px;color:var(--ink-3);padding:0 8px 9px;margin-bottom:4px;border-bottom:1px dashed #cbdcc8}.directory-index a{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;padding:7px 8px;border-radius:8px}.directory-index a i{font-size:9px;color:#89a388}.directory-index a:hover{background:var(--card);color:var(--brand)}.fresh-categories{min-width:0}.catalog-section{border:1px solid var(--line);background:#fffefae8;border-radius:var(--r);padding:12px;margin-bottom:14px;scroll-margin-top:124px;box-shadow:0 3px 12px #3b613005}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 10px;margin-bottom:9px;border-bottom:1px dashed var(--line)}.catalog-heading h2{display:flex;align-items:center;gap:7px;font-size:14px;margin:0}.catalog-heading h2>i{color:var(--brand)}.catalog-heading h2 small{font-size:10px;font-weight:400;color:var(--ink-3);background:#eff3e9;padding:0 6px;border-radius:5px}.catalog-more,.more{font-size:11px;color:var(--ink-3);white-space:nowrap}.catalog-more:hover,.more:hover{color:var(--brand)}
/* Dense application cards, preserving pricing/new labels and introduction links. */
.rows,.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0}.row,.card{position:relative;min-width:0;border:1px solid #e7ecdf;border-radius:10px;background:#fbfcf7;transition:background .15s,border-color .15s,box-shadow .15s}.row:hover,.card:hover{background:#f0f7eb;border-color:#b8d0b0;box-shadow:0 3px 9px #47673b0a}.card-go{display:flex;align-items:center;min-width:0;gap:7px;min-height:61px;padding:7px 23px 7px 7px}.row-ico,.card-img{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:9px;overflow:hidden;background:#e4efdf;color:var(--brand)}.row-ico img,.card-img img{width:100%;height:100%;object-fit:cover}.row-ico .si,.card-img .si{--c:35px}.row-ico b,.card-img b{font-size:17px;font-weight:550}.row:nth-child(4n+2) .row-ico,.card:nth-child(4n+2) .card-img{background:#f4ecd8;color:#8b703c}.row:nth-child(4n+3) .row-ico,.card:nth-child(4n+3) .card-img{background:#e5eef0;color:#4f7a85}.row-txt,.card-txt{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.row-t,.card-t{display:flex;align-items:center;gap:3px;min-width:0;max-width:100%;font-size:12px;font-weight:600;line-height:1.4}.app-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-labels{display:inline-flex;align-items:center;flex-shrink:0;gap:2px}.price-badge,.new-badge,.flag{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-style:normal;font-weight:600;line-height:14px;min-width:13px;padding:0 2px;border-radius:3px}.price-unknown{display:none}.price-free{color:#347051;background:#e1eee0}.price-paid{color:#8b5c1c;background:#f7ecd1}.price-freemium{color:#4a6e91;background:#e6eef6}.new-badge{color:#ad615b;background:#f9e9e3}.flag-sale{color:#99651e;background:#f8edcc}.row-d,.card-d{display:block;color:var(--ink-3);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.card-info{position:absolute;right:3px;bottom:7px;width:20px;height:23px;display:grid;place-items:center;color:#7f957e;font-size:12px;border-radius:5px}.card-info:hover{color:var(--brand);background:#deecd7}.warn{color:#b15c44}.is-fake{border-color:#edc5b7}.is-fake .card-go{background:#fff6ed;border-radius:10px}.rank-card-inner{position:relative;height:100%;min-width:0}.card .list-position{position:absolute;left:4px;top:3px;z-index:1;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:5px;background:#ecf0e5;color:#69815f;font-size:9px;font-weight:700}.card:has(.list-position) .card-go{padding-left:27px}.list-rank-1{background:#fff9e9;border-color:#e8d8a6}.list-rank-2{background:#f2f6f5;border-color:#cad9d6}.list-rank-3{background:#f9f1e9;border-color:#dfcbb5}.list-rank-1 .list-position{background:#c59948;color:white}.list-rank-2 .list-position{background:#859c95;color:white}.list-rank-3 .list-position{background:#b08969;color:white}
/* Interior page headings, category tree and paging. */
.crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--ink-3);margin:0 2px 16px}.crumb>i{font-size:8px}.crumb a:hover{color:var(--brand)}.cat-head{position:relative;padding:18px 22px;margin-bottom:18px;border:1px solid #d8e6d1;border-radius:18px 6px 18px 6px;background:linear-gradient(110deg,#e8f1e2,#fafaf0);overflow:hidden}.cat-head:after{content:"";position:absolute;right:25px;top:-22px;width:64px;height:110px;border-radius:100% 0 100% 0;border:1px solid #9abb8540;transform:rotate(28deg);pointer-events:none}.cat-head h1{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:23px;margin:0;font-weight:650;letter-spacing:-.6px}.cat-head h1>i{font-size:20px;color:var(--brand)}.sec-n{font-size:11px;color:var(--brand);padding:1px 8px;border-radius:6px;background:#dcebd5}.sec-intro{font-size:12px;color:var(--ink-2);margin:6px 0 0}.cols{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}.side{position:sticky;top:124px;padding:14px 10px;background:#fffefaad;border:1px solid var(--line);border-radius:var(--r)}.side-hd{font-size:11px;letter-spacing:1px;color:var(--ink-3);padding:0 9px 10px;border-bottom:1px dashed var(--line);margin-bottom:6px}.side-list,.side-sub{list-style:none;margin:0;padding:0}.side-list a{display:flex;gap:6px;align-items:center;border-radius:7px;padding:7px 9px;font-size:12px;overflow-wrap:anywhere}.side-list a.on,.side-list a:hover{background:var(--brand-wash);color:var(--brand)}.side-sub{margin:2px 0 6px 15px;padding-left:5px;border-left:1px solid var(--line)}.side-sub a{font-size:11px;color:var(--ink-3);padding:5px 8px}.col-main,.search-main{min-width:0}.sec{border:1px solid var(--line);background:#fffefae8;border-radius:var(--r);padding:16px;margin-bottom:16px}.sec-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sec-hd h2{display:flex;gap:7px;align-items:center;font-size:15px;margin:0}.sec-hd h2 i{color:var(--brand)}.col-main .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);font-size:12px}.pg{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.pg:hover{background:var(--brand-wash)}.pg-n{color:var(--ink-3)}.empty{padding:45px 15px;text-align:center;font-size:13px;color:var(--ink-3);border-radius:12px;background:#f6f8f0}
/* Search and 7 / 30 / 90 day ranking. */
.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:16px;align-items:start}.search-main .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bigsearch{display:flex;align-items:center;gap:10px;height:46px;border:1px solid var(--line-2);border-radius:12px;padding:5px 5px 5px 13px;background:#f8faf4;color:var(--brand)}.bigsearch input{width:100%;min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-size:13px}.bigsearch button{height:34px;background:var(--brand);color:white;border-radius:8px;padding:0 18px;white-space:nowrap;font-size:12px}.search-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 18px}.search-suggestions a{background:#f1f4e9;color:var(--ink-2);font-size:11px}.search-suggestions a:hover{background:var(--brand-wash);color:var(--brand)}.search-ranking{position:sticky;top:124px;background:linear-gradient(155deg,#fcfcf4,#f1f6e9)}.ranking-top{font-size:9px;letter-spacing:1px;color:var(--ink-3)}.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#e8eedf;border-radius:10px}.ranking-tabs a{text-align:center;border-radius:7px;padding:6px 0;color:var(--ink-2);font-size:11px}.ranking-tabs a.active{color:var(--brand);background:var(--card);box-shadow:0 2px 4px #3855330c;font-weight:600}.ranking-description,.ranking-note{font-size:10px;line-height:1.7;color:var(--ink-3);margin:12px 0}.ranking-note{margin-bottom:0;border-top:1px dashed var(--line-2);padding-top:10px}.ranking-list{list-style:none;margin:0;padding:0}.ranking-list li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e4ebdc}.ranking-list li:last-child{border:0}.ranking-number{width:23px;height:23px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;color:var(--ink-3);font-size:11px;background:#e9efe3}.ranking-list li:nth-child(1) .ranking-number{background:#ecd8a4;color:#805619}.ranking-list li:nth-child(2) .ranking-number{background:#d7e4dd;color:#597467}.ranking-list li:nth-child(3) .ranking-number{background:#e7d8c6;color:#876649}.ranking-entry{flex:1;min-width:0}.ranking-entry strong{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.ranking-entry>span{font-size:10px;color:var(--ink-3)}.ranking-visit{padding:6px;color:var(--brand)}.ranking-empty{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:28px 0;font-size:11px;color:var(--ink-3)}.ranking-empty>i{font-size:24px;color:#7fa478}.ranking-empty strong{font-size:12px;color:var(--ink-2)}
/* Application detail: an illustrated paper panel and quiet metadata. */
.detail{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:26px;padding:24px;margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:22px}.detail-media{min-width:0}.shots{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:14px;scrollbar-width:none}.shots::-webkit-scrollbar{display:none}.shot{display:flex;align-items:center;justify-content:center;flex:0 0 100%;aspect-ratio:4/3;scroll-snap-align:start;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f1f5e9}.shot img{width:100%;height:100%;object-fit:contain}.shot-blank{background:radial-gradient(circle at center,#fffdf4 0 30%,transparent 31%),repeating-linear-gradient(135deg,#e9f1df 0 1px,transparent 1px 16px),#f4f6e9}.shot-blank img{width:80px;height:80px;object-fit:contain;border-radius:18px}.shot-blank .si{--c:80px}.shot-blank b{font:60px/1 Georgia,serif;color:var(--brand)}.shot-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.shot-dots button{width:9px;height:9px;padding:0;border-radius:99px;background:var(--line-2)}.shot-dots button.on{width:23px;background:var(--brand)}.detail-main{min-width:0}.detail-title{display:flex;align-items:center;gap:9px}.detail-title h1{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-size:27px;line-height:1.4;letter-spacing:-.6px}.detail-title h1>.app-name{white-space:normal;overflow-wrap:anywhere}.detail-title .price-badge,.detail-title .new-badge{font-size:10px;line-height:18px;min-width:18px}.rankbox{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:10px 4px;background:#e6eed7;color:var(--brand);font-size:14px;font-weight:700}.realurl{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:11px;color:var(--ink-3);margin:6px 0}.detail-intro{font-size:13px;color:var(--ink-2);margin:12px 0;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.chip{background:var(--brand-wash);color:var(--brand);padding:3px 8px;border-radius:6px;font-size:10px}.facts{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px 9px;font-size:12px;border-top:1px dashed var(--line);padding-top:13px;margin:15px 0}.facts dt{color:var(--ink-3)}.facts dd{margin:0;overflow-wrap:anywhere}.score{color:var(--gold)}.score i{margin-right:5px}.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:white;padding:9px 16px;border:1px solid var(--brand);border-radius:10px;font-size:12px;font-weight:600}.btn:hover{filter:brightness(.96)}.btn.ghost{background:var(--card);color:var(--brand);border-color:var(--line-2)}.alarm,.sale{display:flex;gap:10px;padding:12px;border-radius:10px;margin:10px 0;font-size:12px}.alarm{background:#fff0e8;color:#ab5138;border:1px solid #efc7b9}.alarm b,.alarm span{display:block}.sale{background:#fcf3d8;color:#946b20}.procons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.procons ul{list-style:none;padding:14px;margin:0;border-radius:10px;font-size:12px}.pros{background:#eef5e8}.cons{background:#faf0e6}.procons li{display:flex;align-items:flex-start;gap:7px;margin:5px 0}.pros i{color:var(--brand)}.cons i{color:#b57d52}.article,.prose{color:var(--ink-2);font-size:13px;line-height:1.9;overflow-wrap:anywhere}.article h2,.prose h2{font-size:18px;color:var(--ink)}.article h3,.prose h3{font-size:15px;color:var(--ink)}.article a,.prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.article ul,.prose ul,.article ol,.prose ol{padding-left:22px}.article img,.prose img{height:auto;border-radius:10px}.article pre,.prose pre{white-space:pre-wrap;overflow-wrap:anywhere}.article table,.prose table{display:block;max-width:100%;overflow-x:auto}.prose{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose-in{max-height:5.7em;overflow:hidden}.prose-fold.on .prose-in{max-height:none}.prose-more{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--brand);font-size:12px;padding:0}.prose-fold.on .prose-more i{transform:rotate(180deg)}.neigh{display:flex;gap:12px;justify-content:space-between}.neigh-a{display:flex;flex:1;align-items:center;gap:12px;min-width:0;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:13px 16px;font-size:11px;color:var(--ink-3)}.neigh-a span{display:flex;min-width:0;flex-direction:column}.neigh-a b{font-size:13px;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neigh-next{justify-content:flex-end;text-align:right}
/* Per-site contacts and every form state use the same visual language. */
.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:start;margin-bottom:18px}.contact-info,.contact-compose{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.contact-info{position:relative;overflow:hidden;background:linear-gradient(140deg,#e2eedb,#f3f4df);border-radius:24px 6px 24px 6px}.contact-eyebrow{font-size:11px;color:var(--brand);display:inline-flex;align-items:center;gap:7px}.contact-eyebrow:before{content:"";width:9px;height:15px;background:#8eb280;border-radius:9px 0}.contact-info h1{font-size:29px;letter-spacing:-1px;margin:9px 0 12px;font-weight:650}.contact-intro{font-size:13px;line-height:1.9;white-space:pre-wrap;color:var(--ink-2);margin-bottom:22px}.contact-channel{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #d7e4cd;border-radius:12px;margin-bottom:10px;background:#fffefaad}.contact-channel>i:first-child{font-size:23px;color:var(--brand)}.contact-channel>i:last-child{font-size:11px;color:var(--ink-3)}.contact-channel span{flex:1;min-width:0}.contact-channel small{display:block;font-size:10px;color:var(--ink-3)}.contact-channel strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.contact-private{font-size:11px;color:var(--ink-2);margin:24px 0 0;padding-top:16px;border-top:1px dashed #bdcfb5}.contact-compose h2{font-size:20px;margin:0 0 5px;font-weight:600}.contact-muted{color:var(--ink-3);font-size:12px}.contact-compose form{margin-top:22px}.contact-compose label{display:block;margin-bottom:15px;font-size:12px;font-weight:600}.contact-compose label small{color:var(--ink-3);font-size:10px;font-weight:400;margin-left:5px}.contact-compose input,.contact-compose textarea{display:block;width:100%;padding:10px 12px;margin-top:7px;border:1px solid var(--line-2);border-radius:9px;color:var(--ink);background:#fbfcf6;outline-offset:2px;font-size:12px;font-weight:400}.contact-compose textarea{min-height:150px;resize:vertical}.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-submit .btn{white-space:nowrap}.contact-submit .contact-muted{font-size:11px}.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contactResult{font-size:12px;color:var(--brand);min-height:20px;margin-bottom:0}.contact-closed{padding:28px 15px;background:#f3f6e9;border:1px dashed var(--line-2);border-radius:12px;font-size:13px;color:var(--ink-2);margin-top:20px}
/* Empty / missing pages, footer, and accessible responsive navigation. */
.nf{max-width:650px;margin:26px auto 55px;padding:38px 24px;text-align:center;border:1px solid var(--line);border-radius:28px 8px;background:var(--card)}.nf-code{display:block;font:80px/1.1 Georgia,serif;color:#bad0ab;letter-spacing:8px}.nf>i{display:block;font-size:30px;color:var(--brand);margin:14px 0}.nf h1{font-size:23px;font-weight:600;margin:14px 0}.nf p{font-size:13px;color:var(--ink-3)}.nf-go{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}.ft{flex-shrink:0;padding:26px 0 22px;background:#eaf0e1b3;border-top:1px solid #dce6d3;color:var(--ink-3);font-size:11px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--ink-2);margin-bottom:12px}.footer-brand span{font-size:11px;font-weight:400;color:var(--ink-3)}.ft-nav{display:flex;flex-wrap:wrap;gap:8px 19px;max-width:100%}.ft-nav a:hover{color:var(--brand)}.ft p{margin:14px 0 0;font-size:10px}.totop{position:fixed;bottom:22px;right:20px;z-index:45;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--brand);opacity:0;visibility:hidden;box-shadow:0 4px 16px #36563012}.totop.on{opacity:1;visibility:visible}
@media(min-width:1500px){.rows{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.rows,.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.fresh-directory{grid-template-columns:126px minmax(0,1fr);gap:12px}.brand-caption{display:none}.search-layout{grid-template-columns:minmax(0,1fr) 250px}.search-main .cards,.col-main .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:155px minmax(0,1fr)}.contact-info,.contact-compose{padding:22px}.detail{gap:20px;padding:20px}}
@media(max-width:760px){:root{--hd-h:58px}.wrap{padding-left:12px;padding-right:12px}.main{padding-top:76px;padding-bottom:22px}.hd-in{gap:8px}.hd-btn{display:flex}.hd-btn-s{margin-left:auto}.logo-txt{font-size:20px}.logo img{height:29px;max-width:180px}.hd-search{display:none}.hd-search.on{display:flex;position:absolute;left:12px;right:12px;top:calc(var(--hd-h) + 7px);width:auto;margin:0;background:var(--card);height:42px;box-shadow:0 5px 20px #35512f12}.drawer{inset:var(--hd-h) auto 0 0;z-index:65;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:270px;max-width:85vw;padding:16px;overflow-y:auto;transform:translateX(-100%);visibility:hidden;background:var(--card);border-right:1px solid var(--line);transition:transform .18s,visibility .18s}.drawer.on{transform:none;visibility:visible}.drawer a{padding:11px 12px;font-size:13px;white-space:normal}.drawer-hd{display:block;font-size:11px;color:var(--ink-3);padding:4px 12px 13px}.drawer-mask{display:block;position:fixed;inset:var(--hd-h) 0 0;z-index:64;background:#24382966;opacity:0;pointer-events:none}.drawer-mask.on{opacity:1;pointer-events:auto}.ad-strip{padding:10px 5px;margin-bottom:14px;border-radius:12px}.ad-icons{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:9px 3px}.ad-image{width:39px;height:39px;border-radius:10px}.ad-image .si{--c:39px}.ad-title{font-size:10px}.ad-title .price-badge,.ad-title .new-badge{font-size:8px;min-width:10px;padding:0 1px}.directory-title{margin-bottom:11px}.directory-title h1{font-size:17px}.directory-title h1 span{font-size:10px}.directory-status{display:none}.fresh-directory{display:block}.directory-index{display:none}.catalog-section{padding:10px;margin-bottom:12px;border-radius:13px;scroll-margin-top:74px}.catalog-heading{padding-bottom:8px;margin-bottom:8px}.catalog-heading h2{font-size:13px}.rows,.cards,.col-main .cards,.search-main .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-go{min-height:58px;padding:6px 19px 6px 6px;gap:6px}.row-ico,.card-img{width:31px;height:31px;flex-basis:31px;border-radius:8px}.row-ico .si,.card-img .si{--c:31px}.row-t,.card-t{font-size:11px;gap:2px}.row-d,.card-d{font-size:9px}.card-info{width:18px;right:1px;font-size:11px}.price-badge,.new-badge,.flag{font-size:8px;min-width:11px;line-height:13px;padding:0 1px}.cat-head{padding:16px;margin-bottom:12px}.cat-head h1{font-size:21px}.sec-intro{font-size:11px}.crumb{margin-bottom:12px;font-size:10px}.cols{display:block}.side{position:static;padding:8px;margin-bottom:12px}.side-hd{display:none}.side-list{display:flex;overflow-x:auto;align-items:flex-start;gap:5px}.side-list>li{flex:0 0 auto;max-width:180px}.side-list>li>a{font-size:11px;padding:5px 8px}.side-sub{margin:3px 0 0 8px}.side-sub a{font-size:10px;padding:3px 7px}.sec{padding:12px;margin-bottom:12px;border-radius:13px}.search-layout{display:flex;flex-direction:column;gap:0}.search-main,.search-ranking{width:100%}.search-ranking{position:static}.ranking-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.ranking-list li{min-width:0}.ranking-description{font-size:10px}.ranking-tabs{max-width:340px}.search-suggestions{margin-bottom:14px}.detail{grid-template-columns:1fr;padding:16px;gap:20px;border-radius:16px}.detail-media{max-width:440px;width:100%;margin:auto}.shot{aspect-ratio:16/9}.detail-title h1{font-size:23px}.btns .btn{flex:1;white-space:nowrap}.facts{font-size:11px}.procons{grid-template-columns:1fr;gap:8px}.contact-layout{grid-template-columns:1fr;gap:12px}.contact-info,.contact-compose{padding:20px}.contact-info h1{font-size:25px}.contact-intro{margin-bottom:16px}.contact-private{margin-top:16px}.contact-pair{grid-template-columns:1fr;gap:0}.contact-submit{flex-wrap:wrap}.contact-submit .btn{width:100%}.nf{margin:15px auto 30px;padding:28px 16px}.nf-code{font-size:68px}.nf h1{font-size:20px}.footer-brand{flex-wrap:wrap;gap:6px 12px}.ft{padding-top:22px}.totop{right:12px;bottom:16px}.card .list-position{left:3px;top:3px;min-width:14px;height:14px;font-size:8px}.card:has(.list-position) .card-go{padding-left:22px}}
@media(max-width:370px){.wrap{padding-left:9px;padding-right:9px}.row-ico,.card-img{width:27px;height:27px;flex-basis:27px}.row-ico .si,.card-img .si{--c:27px}.card-go{gap:4px}.ranking-list{grid-template-columns:1fr}.detail .btns{flex-direction:column}.neigh{gap:6px}.neigh-a{padding:10px}.catalog-section{padding:8px}.logo-txt{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Watercolor garden: real artwork plus a coordinated, semantic icon collection. */
body.theme-fresh{background:#faf8ef url('garden-paper.jpg') center center/cover fixed no-repeat}
.theme-fresh .hd{background:#fffef8ee}.theme-fresh .drawer{background:#f5f9eeed}
.theme-fresh .ad-strip{border-color:#d8e4c9;background:linear-gradient(90deg,#fffefae8 0%,#fffefac4 40%,#fffefa20 80%),url('garden-paper.jpg') right 42%/820px auto no-repeat;box-shadow:0 5px 22px #536c3810}
.theme-fresh .directory-title{background:#fffefabf;border-radius:11px;padding:8px 10px;margin-bottom:12px;backdrop-filter:blur(4px)}
.theme-fresh .catalog-section,.theme-fresh .sec{background:#fffefaf2;box-shadow:0 5px 18px #5c70400b}
.theme-fresh .catalog-heading{border-bottom-style:solid;border-bottom-color:#e6eddc;padding-bottom:9px}
.theme-fresh .catalog-section:nth-child(3n+2) .catalog-heading{border-bottom-color:#dce8ed}.theme-fresh .catalog-section:nth-child(3n) .catalog-heading{border-bottom-color:#eddfd5}
.theme-fresh .row,.theme-fresh .card{background:linear-gradient(125deg,#fcfdf9,#f5f9ef);border-color:#e1e9d8;transition:transform .18s,box-shadow .18s,border-color .18s}
.theme-fresh .row:hover,.theme-fresh .card:hover{transform:translateY(-2px);border-color:#9fc5a3;box-shadow:0 5px 12px #5a7a3c16}
.theme-fresh .row:nth-child(4n+2),.theme-fresh .card:nth-child(4n+2){background:linear-gradient(125deg,#fffdf9,#fbf5e9)}
.theme-fresh .row:nth-child(4n+3),.theme-fresh .card:nth-child(4n+3){background:linear-gradient(125deg,#fcfefe,#edf5f8)}
.theme-fresh .row:nth-child(4n),.theme-fresh .card:nth-child(4n){background:linear-gradient(125deg,#fefbfe,#f5eff8)}
.theme-fresh .card.list-rank-1{background:#fff8e5;border-color:#dec48a}.theme-fresh .card.list-rank-2{background:#eff5f3;border-color:#bfd3ca}.theme-fresh .card.list-rank-3{background:#fbefe4;border-color:#dec5ab}
.theme-fresh .row-ico,.theme-fresh .card-img,.theme-fresh .ad-image{box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 5px #597a3820;background:#fffdf5}
.garden-icon{width:30px;height:30px;display:inline-block;vertical-align:middle;flex-shrink:0}
.garden-app-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.garden-app-icon>.garden-icon{width:94%;height:94%}
.ad-image .garden-icon{width:38px;height:38px}.garden-category-icon{width:26px;height:26px}.drawer .garden-category-icon,.side-list .garden-category-icon{width:20px;height:20px}
.catalog-heading h2{gap:8px}.cat-head h1>.garden-icon{width:34px;height:34px}.directory-index a{justify-content:flex-start;gap:7px}.directory-index a>.garden-icon{width:22px;height:22px}.directory-index a>i{margin-left:auto}
.theme-fresh .cat-head{background:linear-gradient(90deg,#eef5e5f5,#fffdf3d6 60%,#fffdf335),url('garden-paper.jpg') right 38%/780px auto no-repeat;box-shadow:0 5px 16px #586b3309}.theme-fresh .cat-head:after{display:none}
.theme-fresh .contact-info{background:linear-gradient(110deg,#eff5e5f5,#f9f7e8d9),url('garden-paper.jpg') right bottom/700px auto;border-color:#ccdec0}
.contact-eyebrow:before{display:none}.contact-eyebrow>.garden-icon{width:30px;height:30px}.theme-fresh .contact-compose,.theme-fresh .detail{background:#fffefaf2}
.theme-fresh .shot-blank{background:radial-gradient(ellipse at center,#fffef8ed 0 23%,#fffef877 65%),url('garden-paper.jpg') center/cover}.shot-blank .garden-app-icon{width:96px;height:96px;filter:drop-shadow(0 7px 6px #4b6a2720)}
.theme-fresh .nf{background:linear-gradient(#fffefaeb,#fffefaf0),url('garden-paper.jpg') center/cover}.nf>.garden-icon{width:64px;height:64px;margin-top:12px}
.theme-fresh .ft{background:linear-gradient(90deg,#e9f1e5f2,#f7f5e7de),url('garden-paper.jpg') center 75%/cover;border-color:#d3dfc8}
.theme-fresh .directory-index,.theme-fresh .side{background:#f4f8eced}.theme-fresh .search-ranking{background:linear-gradient(150deg,#f7fbf0f5,#edf4e3f0)}
@media(max-width:760px){body.theme-fresh{background-size:auto 100vh;background-position:center top;background-attachment:scroll}.theme-fresh .ad-strip{background-size:auto,570px auto;background-position:center,right 35%;padding-top:12px;padding-bottom:12px}.ad-image .garden-icon{width:35px;height:35px}.garden-category-icon{width:23px;height:23px}.drawer .garden-category-icon{width:24px;height:24px}.theme-fresh .cat-head{background-size:auto,620px auto}.theme-fresh .directory-title{padding:5px 7px}.theme-fresh .row-t,.theme-fresh .card-t{font-size:12px}.theme-fresh .row:hover,.theme-fresh .card:hover{transform:none}.theme-fresh .catalog-section{background:#fffefaf2}}

.directory-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-index a{gap:5px}.directory-index a>.garden-icon{width:20px;height:20px}.directory-index a>i{flex-shrink:0}
@media(min-width:761px){.fresh-directory{grid-template-columns:174px minmax(0,1fr)}.directory-index a>i{display:none}}

/* Subdued mint paper, without botanical decoration. */
body.theme-fresh{background-image:linear-gradient(135deg,#edf6eef0,#f9faf3aa),url("garden-paper.jpg")}

/* Home interaction layer: mint glass for A, pearl sheen for B. */
.home-motion{--motion-rgb:88,148,110;--motion-edge:#bad8be;--motion-wash:#eef7e9}.home-motion.theme-dark{--motion-rgb:180,108,139;--motion-edge:#d8b0bf;--motion-wash:#fbecf0}
.hd{transition:box-shadow .25s,background .25s}.hd.is-scrolled{box-shadow:0 5px 20px rgba(50,45,40,.07)}
.home-motion .catalog-section{transition:border-color .25s,box-shadow .25s;isolation:isolate}.home-motion.theme-dark .catalog-section{animation:none}
.home-motion .catalog-heading{position:relative}.home-motion .catalog-heading h2>.garden-icon,.home-motion .catalog-heading h2>.atelier-icon{padding:3px;box-sizing:content-box;border:1px solid rgba(var(--motion-rgb),.12);border-radius:10px;background:linear-gradient(135deg,#ffffff,#ffffff30);box-shadow:0 2px 6px rgba(var(--motion-rgb),.08)}
.home-motion .catalog-more{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;transition:background .18s,color .18s}.home-motion .catalog-more:hover,.home-motion .catalog-more:focus-visible{background:var(--motion-wash);color:var(--brand)}.home-motion .catalog-more i{transition:transform .2s}.home-motion .catalog-more:hover i{transform:translateX(3px)}
.home-motion .row{isolation:isolate;transform-style:preserve-3d;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s,background .24s}
.home-motion .row::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(140px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--motion-rgb),.13),transparent 75%);transition:opacity .22s;z-index:-1}
.home-motion .row:focus-within{border-color:var(--motion-edge);box-shadow:0 0 0 2px rgba(var(--motion-rgb),.13)}
.home-motion .ad-image{position:relative;isolation:isolate}.home-motion .ad-image::after{content:"";position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 34%,#fff9 48%,transparent 62%);transform:translateX(-110%) rotate(12deg);opacity:0}
.home-motion .ad-icon:focus-visible .ad-image{outline:2px solid var(--brand);outline-offset:4px}
.home-motion .row-ico,.home-motion .ad-image{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .24s}.home-motion .row-t{transition:color .18s}.home-motion .card-info{transition:color .18s,background .18s,transform .18s}.home-motion .card-info:hover{transform:scale(1.12)}
.directory-index a.is-current{background:var(--card);color:var(--brand);box-shadow:inset 3px 0 var(--brand),0 3px 10px #42633b09}.directory-index a{transition:background .2s,box-shadow .2s,color .2s}
.hd-search{transition:box-shadow .25s,border-color .25s,background .25s}.hd-search:focus-within{box-shadow:0 0 0 3px var(--brand-wash),0 6px 20px #5b625210}.search-popover{transform-origin:top center}.search-popover>div a{transition:transform .18s,background .18s}.search-popover>div a:hover{transform:translateY(-2px)}
@keyframes home-sheen{0%{transform:translateX(-110%) rotate(12deg);opacity:0}20%{opacity:.8}100%{transform:translateX(110%) rotate(12deg);opacity:0}}
@keyframes search-unfold{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.search-popover:not([hidden]){animation:search-unfold .2s ease-out}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-motion .catalog-section:hover{border-color:var(--motion-edge);box-shadow:0 8px 26px rgba(var(--motion-rgb),.09)}
 .home-motion .row.is-pointed{transform:perspective(650px) translateY(-2px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 6px 14px rgba(var(--motion-rgb),.12);border-color:var(--motion-edge);z-index:2}
 .home-motion .row.is-pointed::after{opacity:1}.home-motion .row.is-pointed .row-ico{transform:translateY(-1px) scale(1.07);box-shadow:0 4px 9px rgba(var(--motion-rgb),.2)}.home-motion .row.is-pointed .row-t{color:var(--brand)}
 .home-motion .ad-icon:hover .ad-image{transform:translateY(-4px) rotate(-3deg) scale(1.06);box-shadow:0 8px 15px rgba(var(--motion-rgb),.23)}.home-motion .ad-icon:hover .ad-image::after{animation:home-sheen .65s ease-out}
 .home-motion.theme-dark .row.is-pointed{background:linear-gradient(105deg,#fff9f6,#f7e6ee);box-shadow:inset 2px 0 #c587a2,0 6px 16px #a0587714}
}
@media(hover:none){.home-motion .row:active,.home-motion .ad-icon:active .ad-image{background:var(--motion-wash);filter:brightness(.97)}}
@media(prefers-reduced-motion:reduce){.home-motion *,.home-motion *:before,.home-motion *:after,.search-popover{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-motion .row,.home-motion .row-ico,.home-motion .ad-image{transform:none!important}}

/* October refinement: stronger typography, calmer surfaces, deliberate layout. */
body.theme-light{--ink:#203f36;--ink-2:#586c63;--ink-3:#708178;--line:#e3eae4;--brand:#27775e;background-image:linear-gradient(#f1f6f1e8,#f7f9f4eb),url('garden-paper.jpg')}
body.theme-dark{--ink:#49343b;--ink-2:#78626b;--ink-3:#8c747c;--brand:#a65070;background-image:linear-gradient(#fbf7f3db,#faf5f0e6),url('atelier-paper.jpg')}
.theme-light .wrap,.theme-dark .wrap{max-width:1320px}
.theme-light .hd,.theme-dark .hd{background:#fffefbf5;border-bottom-color:#e7e8e1}.theme-light .logo-txt{font-size:24px;letter-spacing:-.7px}.theme-dark .logo-txt{font-size:27px;letter-spacing:1px}
.theme-light .hd-search,.theme-dark .hd-search{height:38px;border-radius:12px;background:#f7f9f5;border:1px solid #e0e7dd}.theme-dark .hd-search{background:#fcf7f5;border-color:#eaded9}.hd-search input{font-size:13px}
.theme-light .drawer a,.theme-dark .drawer a{font-size:12px}.theme-light .drawer,.theme-dark .drawer{border-bottom:1px solid #e5e8de}
.theme-light .ad-strip,.theme-dark .ad-strip{background:#fffefbbd;border:1px solid #e7e8df;border-radius:15px;box-shadow:none;padding:12px 14px;margin-bottom:18px}.theme-dark .ad-strip{border-color:#e8ddd7;background:#fffaf8b8}
.theme-light .ad-icons,.theme-dark .ad-icons{display:flex;flex-wrap:wrap;gap:10px 9px;justify-content:flex-start}.theme-light .ad-icon,.theme-dark .ad-icon{width:65px;gap:6px}.theme-light .ad-image,.theme-dark .ad-image{width:43px;height:43px;border-radius:12px;box-shadow:0 2px 4px #394b2e0b,inset 0 1px #fff}.ad-title{font-size:10px!important;line-height:1.4}.ad-title .app-labels{gap:1px}
.theme-light .directory-title{padding:0 2px;margin-bottom:16px;border-radius:0;background:none;backdrop-filter:none}.theme-light .directory-title h1{font-size:22px;letter-spacing:-.5px;gap:9px}.theme-light .directory-title h1:before{width:5px;height:20px;border-radius:3px;background:var(--brand);transform:none}.theme-light .directory-status{font-size:11px;color:#7d8c81}
.theme-light .fresh-directory{grid-template-columns:164px minmax(0,1fr);gap:20px}.theme-light .directory-index{background:#ffffff87;padding:13px 9px;border:1px solid #e0e9df;border-radius:15px}.theme-light .directory-kicker{font-size:11px;letter-spacing:1px;padding-bottom:10px}.theme-light .directory-index a{padding:9px 8px;gap:7px;font-size:12px;border-radius:8px}.theme-light .directory-index a.is-current{background:#e9f3e9;box-shadow:inset 3px 0 #478c6a;color:#26694e}
.theme-light .catalog-section{padding:16px;background:#fffffc;border:1px solid #e3e9df;border-radius:16px;box-shadow:0 4px 20px #25492d05;margin-bottom:17px}.theme-light .catalog-heading{padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #edf0e8}.theme-light .catalog-heading h2{font-size:16px;font-weight:650;gap:8px}.theme-light .catalog-heading h2 small{font-size:10px;background:#f0f4ec;color:#7c8d7a;padding:1px 7px}.home-motion .catalog-heading h2>.garden-icon{padding:0;border:0;box-shadow:none;background:none;width:26px;height:26px}
.theme-light .catalog-section .rows{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.theme-light .catalog-section .row,.theme-light .catalog-section .row:nth-child(n){background:#f9fbf7;border:1px solid #e7ece3;border-radius:11px;box-shadow:none}.theme-light .row>.card-go{min-height:67px;padding:9px 23px 9px 8px;gap:8px}.theme-light .row-ico{width:33px;height:33px;flex-basis:33px;background:#fff!important;border:0;box-shadow:none}.theme-light .row-ico .si{--c:33px}.theme-light .row-t{font-size:13px;font-weight:600;gap:4px}.theme-light .row-d{font-size:11px;color:#788479;line-height:1.5}.theme-light .row-txt{gap:4px}.theme-light .row .card-info{bottom:8px;color:#96a18e}.theme-light .row:hover,.theme-light .row.is-pointed{background:#f1f7ed!important;border-color:#bfd5b8;box-shadow:0 5px 14px #3e703712}
/* B uses numbered horizontal collections rather than uneven masonry columns. */
.theme-dark .atelier-categories{display:block;columns:auto;counter-reset:collection}.theme-dark .atelier-categories>.catalog-section,.theme-dark .atelier-categories>.catalog-section:first-child{display:grid;grid-template-columns:166px minmax(0,1fr);gap:22px;break-after:auto;break-inside:auto;counter-increment:collection;padding:20px 22px;margin:0 0 16px;border:1px solid #e8ddd6;border-radius:18px;background:#fffaf7f2;box-shadow:0 5px 24px #78505a05}
.theme-dark .catalog-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;border:0;border-right:1px solid #eadfd9;padding:0 18px 0 0;margin:0;position:relative}.theme-dark .catalog-heading:before{content:counter(collection,decimal-leading-zero);display:block;font:italic 30px/1.2 Georgia,serif;color:#d4adb4;margin-bottom:3px;letter-spacing:-1px}.theme-dark .catalog-heading h2{display:flex;flex-wrap:wrap;font-family:Georgia,'Songti SC','Microsoft YaHei',serif;font-size:17px;font-weight:600;gap:6px;line-height:1.5}.theme-dark .catalog-heading h2>.atelier-icon{padding:0;background:none;box-shadow:none;border:0;width:25px;height:25px}.theme-dark .catalog-heading h2 small{font:10px/1.6 sans-serif;background:#f4e9e8;color:#976c7c;padding:1px 6px;border-radius:5px}.theme-dark .catalog-more{font-size:11px;padding:4px 0;color:#9c727e}.theme-dark .catalog-section .rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px 18px;align-content:start}
.theme-dark .catalog-section .row{background:none;border:0;border-bottom:1px solid #eee3dd;border-radius:6px;box-shadow:none}.theme-dark .row>.card-go{padding:9px 20px 9px 0;min-height:65px;gap:9px}.theme-dark .row-ico{width:34px;height:34px;flex-basis:34px;box-shadow:none;background:linear-gradient(135deg,#fffaf5,#f6e9ec)!important;border-color:#f0e1dc;border-radius:10px}.theme-dark .row-ico .si{--c:34px}.theme-dark .row-t{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:13px;font-weight:550;gap:4px}.theme-dark .row-txt{gap:4px}.theme-dark .row-d{font-size:11px;line-height:1.5;color:#927d83}.theme-dark .row .card-info{bottom:8px;color:#b2949d}.theme-dark .row:hover{background:#fcf0f2}
.theme-light .price-badge,.theme-dark .price-badge,.theme-light .new-badge,.theme-dark .new-badge{font-size:9px;line-height:14px;min-width:13px;border-radius:4px;font-weight:500;padding:0 2px}.theme-dark .new-badge{background:#f4dfe7;color:#a3456c}.theme-dark .price-free{background:#eaf1e6;color:#618064}
/* Shared inner pages inherit the cleaner surfaces and stronger text hierarchy. */
.theme-light .sec,.theme-dark .sec,.theme-light .detail,.theme-dark .detail,.theme-light .contact-compose,.theme-dark .contact-compose{box-shadow:0 4px 20px #3d353005}.theme-light .card-t,.theme-dark .card-t{font-size:13px}.theme-light .card-d,.theme-dark .card-d{font-size:11px}.theme-light .card-img,.theme-dark .card-img{width:34px;height:34px;flex-basis:34px}.theme-light .card-img .si,.theme-dark .card-img .si{--c:34px}.theme-light .card-go,.theme-dark .card-go{gap:8px}.theme-light .cat-head,.theme-dark .cat-head{background:#ffffff80;border-color:var(--line);border-radius:14px}.theme-light .ft,.theme-dark .ft{padding:23px 0 20px;background:#eef3ebba;border-top-color:#dce5d8}.theme-dark .ft{background:#f3e9e4c9;border-top-color:#e5d6ce}.theme-dark .footer-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px;font-size:19px}.theme-dark .footer-brand span{font-size:11px;margin:0}.theme-dark .ft-nav{gap:10px 22px}.theme-dark .ft p{margin-top:14px}
@media(max-width:1100px){.theme-light .catalog-section .rows{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-light .fresh-directory{grid-template-columns:150px minmax(0,1fr);gap:15px}.theme-dark .atelier-categories>.catalog-section,.theme-dark .atelier-categories>.catalog-section:first-child{grid-template-columns:146px minmax(0,1fr);padding:18px;gap:18px}.theme-dark .catalog-section .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.theme-light .wrap,.theme-dark .wrap{padding-left:12px;padding-right:12px}.theme-light .logo-txt,.theme-dark .logo-txt{font-size:22px}.theme-light .ad-strip,.theme-dark .ad-strip{padding:10px 8px;margin-bottom:15px;border-radius:12px}.theme-light .ad-icons,.theme-dark .ad-icons{gap:9px 5px}.theme-light .ad-icon,.theme-dark .ad-icon{width:56px;gap:5px}.theme-light .ad-image,.theme-dark .ad-image{width:39px;height:39px}.theme-light .directory-title{padding:0 2px;margin-bottom:12px}.theme-light .directory-title h1{font-size:19px}.theme-light .fresh-directory{display:block}.theme-light .catalog-section{padding:12px;margin-bottom:13px}.theme-light .catalog-heading{padding-bottom:10px;margin-bottom:9px}.theme-light .catalog-heading h2{font-size:15px}.theme-light .catalog-section .rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.theme-light .row>.card-go{padding:7px 17px 7px 6px;min-height:62px;gap:6px}.theme-light .row-ico{width:29px;height:29px;flex-basis:29px}.theme-light .row-ico .si{--c:29px}.theme-light .row-t{font-size:12px;gap:2px}.theme-light .row-d{font-size:10px}.theme-light .row-txt{gap:3px}.theme-light .row .card-info{right:1px;font-size:10px}
.theme-dark .atelier-categories>.catalog-section,.theme-dark .atelier-categories>.catalog-section:first-child{display:block;padding:12px 13px;margin-bottom:13px;border-radius:15px}.theme-dark .catalog-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;border-right:0;border-bottom:1px solid #ecdfd9;padding:0 0 10px;margin-bottom:3px}.theme-dark .catalog-heading:before{font-size:20px;margin:0 2px 0 0}.theme-dark .catalog-heading h2{font-size:15px;gap:5px;flex:1;min-width:0}.theme-dark .catalog-heading h2>.atelier-icon{width:23px;height:23px}.theme-dark .catalog-more{font-size:10px;white-space:nowrap}.theme-dark .catalog-section .rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.theme-dark .row>.card-go{min-height:61px;padding:8px 15px 8px 0;gap:6px}.theme-dark .row-ico{width:29px;height:29px;flex-basis:29px;display:grid}.theme-dark .row-ico .si{--c:29px}.theme-dark .row-t{font-size:12px;line-height:1.4;gap:2px;flex-wrap:nowrap}.theme-dark .row-t .app-name{min-width:0;max-width:none}.theme-dark .row-d{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .row-txt{gap:3px}.theme-dark .row .card-info{font-size:10px;right:0}.theme-light .card-t,.theme-dark .card-t{font-size:12px}.theme-light .card-d,.theme-dark .card-d{font-size:10px}.theme-light .card-img,.theme-dark .card-img{width:29px;height:29px;flex-basis:29px;display:grid}.theme-light .card-img .si,.theme-dark .card-img .si{--c:29px}.theme-light .card-go,.theme-dark .card-go{gap:6px}.theme-dark .footer-brand{flex-wrap:wrap;gap:6px 12px}.theme-light .ft,.theme-dark .ft{padding:20px 0}.theme-light .price-badge,.theme-dark .price-badge,.theme-light .new-badge,.theme-dark .new-badge{font-size:8px;min-width:11px;padding:0 1px}}
@media(max-width:370px){.theme-light .catalog-section{padding:9px}.theme-light .row-ico,.theme-dark .row-ico{width:25px;height:25px;flex-basis:25px}.theme-light .row-ico .si,.theme-dark .row-ico .si{--c:25px}.theme-dark .catalog-heading:before{display:none}.theme-dark .catalog-section .rows{gap:0 7px}}


/* Introduction popovers use the top layer to avoid clipped cards and sections. */
.app-preview[popover]{position:fixed;inset:auto;margin:0;padding:16px;width:320px;max-width:calc(100vw - 24px);max-height:min(300px,65vh);overflow:auto;border:1px solid #dce7df;border-radius:13px;background:#fff;color:#33443b;box-shadow:0 12px 36px #23392d24;text-decoration:none;z-index:1000;font-size:13px;line-height:1.7;box-sizing:border-box}
.theme-dark .app-preview[popover]{border-color:#eedbe4;color:#52414a;box-shadow:0 12px 36px #64304724}
.app-preview strong,.app-preview span,.app-preview em{display:block}.app-preview strong{font-size:14px;margin-bottom:7px}.app-preview span{white-space:normal;overflow-wrap:anywhere}.app-preview em{margin-top:10px;color:var(--brand);font-size:12px;font-style:normal}.app-preview:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.app-preview-trigger{display:none;border:0;background:transparent;color:var(--brand);font:inherit;font-size:11px;min-height:28px;padding:4px 8px;cursor:pointer;border-radius:5px}
.theme-dark .catalog-section .row>.card-go{padding-bottom:4px}
@media(hover:none),(pointer:coarse){.app-preview-trigger{display:block;margin:0 3px 3px auto}.theme-dark .catalog-section .app-preview-trigger{margin:0 auto 3px}}
@supports not selector(:popover-open){.app-preview[popover]{position:static;display:block;width:auto;margin:4px;box-shadow:none}.app-preview span{display:none}}

/* Application status belongs to the icon, not the title. */
body .row-ico,body .card-img,body .ad-image,body .detail-media{position:relative}
body .app-labels.icon-badges{position:absolute;top:0;left:0;z-index:3;display:inline-flex;align-items:center;gap:1px;margin:0;padding:0;line-height:1;pointer-events:none}
body .icon-badges .price-badge,body .icon-badges .new-badge{font-size:9px;line-height:13px;height:13px;min-width:12px;padding:0 2px;border-radius:3px;font-weight:700;box-sizing:border-box;box-shadow:0 1px 2px #00000016}
body .icon-badges .new-badge{background:#d84b78;color:#fff}body.theme-light .icon-badges .new-badge{background:#278465;color:#fff}
body .icon-badges .price-badge{background:#f3ce72;color:#65480c}
body .detail-media>.icon-badges{top:8px;left:8px}
body .list-position{left:auto;right:5px}

/* Floating icon badges, with restrained hover movement. */
body.theme-dark .catalog-section .row-ico,body.theme-light .catalog-section .row-ico,body .card-img,body .ad-image{overflow:visible}
body .row-ico>img,body .card-img>img,body .ad-image>img{border-radius:inherit}
body .app-labels.icon-badges{top:-5px;left:-4px;gap:2px;filter:drop-shadow(0 2px 3px #663b4c24);transition:transform .2s ease,filter .2s ease}
body .icon-badges .price-badge,body .icon-badges .new-badge{height:16px;min-width:16px;line-height:13px;font-size:9px;padding:0 3px;border:1.5px solid #fff;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff66;background-image:linear-gradient(135deg,#ffffff30,transparent 65%)}
body .detail-media>.icon-badges{top:3px;left:3px}
@media(hover:hover) and (pointer:fine){.card-go:hover .icon-badges,.ad-icon:hover .icon-badges{transform:translateY(-2px) rotate(-3deg);filter:drop-shadow(0 4px 4px #663b4c30)}}
@media(prefers-reduced-motion:reduce){body .app-labels.icon-badges{transition:none}.card-go:hover .icon-badges,.ad-icon:hover .icon-badges{transform:none}}

body .ad-image,body .card-img{overflow:visible!important}

/* Per-site Telegram contact, alongside the header search. */
body .header-tg{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:#279acb;background:#e9f6fc;border:1px solid #d6edf8;font-size:19px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.theme-dark .header-tg{background:#fff;border-color:#eedce5;color:#be6689}body.theme-light .header-tg{background:#f5fcf8;border-color:#d8ebe0;color:#38886c}
.header-tg:hover{transform:translateY(-2px);box-shadow:0 4px 12px #398fba20}.header-tg:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:760px){body .header-tg{width:30px;height:30px;flex-basis:30px;font-size:18px}body.theme-dark .hd .logo{max-width:calc(100% - 190px)}}
@media(prefers-reduced-motion:reduce){body .header-tg{transition:none}.header-tg:hover{transform:none}}

/* Focused navigation pages share the same scoped discovery data. */
body .search-layout.browse-recommended,body .search-layout.browse-latest,body .search-layout.browse-ranking{display:block}
body .browse-ranking>.search-main{display:none}body .browse-ranking>.search-ranking{position:static;width:100%;max-width:none}
body .browse-ranking .ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
@media(max-width:760px){body .browse-ranking .ranking-list{grid-template-columns:minmax(0,1fr)}}