
:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--kd-link,#17233a);background:var(--kd-surface,#f7f9fd)}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.wrap{max-width:1230px;margin:auto;padding:0 22px}.header{background:var(--kd-surface,white);border-bottom:1px solid var(--kd-border,#e5eaf2)}.header .wrap{display:flex;align-items:center;gap:20px;min-height:76px}.logo{font-size:31px;letter-spacing:-1.6px;font-weight:900;color:var(--kd-link,var(--kd-brand))}.logo span{color:var(--kd-link,#17233a)}.nav{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:14px;font-weight:650}.btn{display:inline-block;background:var(--kd-brand);color:#fff;border-radius:11px;padding:12px 16px;font-weight:700}.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:26px 0 19px;font-size:13px;color:var(--kd-text-muted,#718098)}.crumbs a:hover{color:var(--kd-light-link,var(--kd-link,var(--kd-brand)))}h1{font-size:34px;letter-spacing:-.7px;margin:0 0 10px}.lead{color:var(--kd-text-muted,#77849a);margin:0 0 28px}.title{font-size:23px;margin:28px 0 16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{display:flex;align-items:center;gap:13px;background:var(--kd-surface,#fff);border:1px solid var(--kd-border,#e5eaf2);border-radius:15px;padding:19px 16px;min-height:88px;font-weight:700}.tile:hover{border-color:var(--kd-border,#8cb6ff);background:var(--kd-surface-soft,#f0f6ff)}.emoji>.kd-icon{width:30px;height:30px;color:var(--kd-light-link,var(--kd-link,var(--kd-brand)))}h1>.kd-icon{width:34px;height:34px;vertical-align:-3px;color:var(--kd-light-link,var(--kd-link,var(--kd-brand)))}.emoji{display:grid;place-items:center;background:var(--kd-surface-soft,#edf4ff);border-radius:12px;width:46px;height:46px;flex-shrink:0;font-size:25px}.panel{background:var(--kd-surface,white);border:1px solid var(--kd-border,#e5eaf2);border-radius:17px;padding:26px}.muted{color:var(--kd-text-muted,#748198);font-size:14px;line-height:1.65}.search{display:flex;gap:10px;max-width:600px;margin:22px 0 12px}.search input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--kd-border,#dce4f0);border-radius:10px;font:inherit}.search button{border:0;border-radius:10px;background:var(--kd-brand);color:#fff;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.listing-card{overflow:hidden;background:var(--kd-surface,#fff);border:1px solid var(--kd-border,#e5eaf2);border-radius:15px}.listing-card:hover{border-color:var(--kd-border,#8cb6ff)}.listing-photo{aspect-ratio:4/3;background:var(--kd-surface-soft,#eef3fa);display:grid;place-items:center;font-size:36px;overflow:hidden}.listing-photo img{width:100%;height:100%;object-fit:cover}.listing-body{padding:15px}.listing-name{font-weight:700;line-height:1.35;margin-bottom:10px}.listing-price{font-size:20px;font-weight:800;margin-bottom:8px}.listing-meta{font-size:12px;color:var(--kd-text-muted,#7b879b)}.pagination{display:flex;gap:8px;margin:22px 0}.pagination a,.pagination span{padding:10px 14px;background:var(--kd-surface,#fff);border:1px solid var(--kd-border,#e5eaf2);border-radius:9px}.pagination .current{background:var(--kd-brand);color:#fff}.footer{margin-top:70px;border-top:1px solid var(--kd-border,#e5eaf2);background:var(--kd-surface,#fff);padding:26px 0;color:var(--kd-text-muted,#7a8798);font-size:13px}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}.listing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.wrap{padding:0 16px}.grid,.listing-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tile{padding:12px;min-height:75px;font-size:13px}.emoji{width:38px;height:38px;font-size:22px}.nav{gap:10px}.nav .btn{padding:10px}.header .wrap{min-height:66px}h1{font-size:27px}.title{font-size:21px}.panel{padding:19px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}
 .listing-card.promo-highlight{background:var(--kd-warning-surface,#fff6d8);border-color:var(--kd-border,#e9d184)}.listing-card.promo-highlight .listing-body{background:var(--kd-warning-surface,#fff6d8)}.listing-card{position:relative}.promo-vip-label{position:absolute;left:0;top:0;z-index:1;background:var(--kd-brand);color:#fff;font-weight:800;font-size:11px;padding:7px 10px;border-radius:0 0 10px 0}.promo-highlight-label{display:inline-block;color:var(--kd-danger-text,#765509);font-size:11px;font-weight:800;margin-top:9px}

