.project-image{height:230px;background:#e9efed}
.project-preview{height:100%;display:flex;flex-direction:column;gap:9px;padding:13px 15px 10px;background:var(--preview-bg);color:var(--preview-ink)}
.preview-mint{--preview-bg:#e4f1ec;--preview-ink:#2b6655}
.preview-sand{--preview-bg:#f1e7d9;--preview-ink:#74624c}
.preview-blue{--preview-bg:#ddeaf5;--preview-ink:#37698c}
.preview-rose{--preview-bg:#f6e5e9;--preview-ink:#8a5264}
.preview-sage{--preview-bg:#e5eee5;--preview-ink:#51705a}
.preview-sky{--preview-bg:#e6eef7;--preview-ink:#4b7194}
.preview-stone{--preview-bg:#eee9df;--preview-ink:#7c5c4a}
.preview-violet{--preview-bg:#e9e5f6;--preview-ink:#655a95}
.preview-ink{--preview-bg:#e5e9ed;--preview-ink:#3b5366}
.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:16px}
.preview-top strong{font-size:10px;line-height:1.25;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-top span{font-size:14px;line-height:1}
.preview-bottom{font-size:8px;font-weight:800;letter-spacing:.14em}
.preview-bottom span:last-child{white-space:nowrap;opacity:.6}
.preview-window{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff;border:1px solid rgba(33,63,77,.11);border-radius:8px;box-shadow:0 11px 24px rgba(27,52,65,.12);transition:transform .35s ease,box-shadow .35s ease}
.project-card:hover .preview-window{transform:translateY(-3px);box-shadow:0 17px 29px rgba(27,52,65,.15)}
.project-card .preview-window img{width:100%;height:100%;display:block;object-fit:cover;filter:none;transition:transform .45s ease}
.project-card:hover .preview-window img{transform:scale(1.035)}
.preview-mint .preview-window img{object-position:center 48%}
.preview-sand .preview-window img{object-position:center 22%}
.preview-blue .preview-window img{object-position:center 27%}
.preview-rose .preview-window img{object-position:center 86%}
.preview-sage .preview-window img{object-position:center 78%}
.preview-sky .preview-window img{object-position:center 36%}
.preview-stone .preview-window img{object-position:center 24%}

.mini-beauty{height:100%;background:#fff9f5;color:#4f353c;overflow:hidden}
.mini-beauty-nav{height:34px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efdedf}
.mini-beauty-nav strong{font-family:Georgia,serif;font-size:14px;letter-spacing:.07em}.mini-beauty-nav span{font-size:7px;letter-spacing:.09em;color:#a77e87}.mini-beauty-nav b{font-size:13px;font-weight:400}
.mini-beauty-main{height:calc(100% - 34px);display:grid;grid-template-columns:1fr 42%;background:linear-gradient(115deg,#fffaf6,#f9e1e2)}
.mini-beauty-main>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 0 13px 22px;position:relative;z-index:1}
.mini-beauty-main small{font-size:7px;letter-spacing:.17em;font-weight:800;color:#a77e87;margin-bottom:9px}.mini-beauty-main strong{font-family:Georgia,serif;font-size:clamp(22px,2.6vw,33px);font-weight:400;line-height:.98;letter-spacing:-.05em}.mini-beauty-main span{font-size:7px;margin-top:9px;color:#8c6b73}.mini-beauty-main em{font-size:7px;font-style:normal;font-weight:800;margin-top:10px;border-bottom:1px solid #b37682;padding-bottom:3px}
.mini-beauty-art{position:relative;background:radial-gradient(circle at 48% 62%,#f0afb8,#e9c3c8 40%,#eed6d2 71%,#f9e7df);overflow:hidden}
.mini-beauty-art:before{content:'';position:absolute;width:175px;height:175px;border:1px solid rgba(255,255,255,.72);border-radius:50%;left:-25px;top:3px}
.mini-beauty-art i,.mini-beauty-art b{display:block;position:absolute;bottom:-16px;background:linear-gradient(90deg,#ad6678,#e8b0bb 28%,#bf8293 70%,#a25d70);box-shadow:8px 12px 19px rgba(78,35,46,.21)}
.mini-beauty-art i{width:63px;height:108px;left:39%;border-radius:13px 13px 8px 8px;transform:rotate(-8deg)}.mini-beauty-art i:before{content:'';position:absolute;width:35px;height:20px;top:-17px;left:14px;background:#a56778;border-radius:4px 4px 1px 1px}
.mini-beauty-art b{width:33px;height:63px;left:11%;bottom:-10px;border-radius:6px;transform:rotate(11deg);background:linear-gradient(90deg,#c78991,#f4c9ce,#b77380)}
.mini-beauty-art span{position:absolute;left:41%;bottom:36px;color:#fff;font-family:Georgia,serif;font-size:9px;letter-spacing:.06em;transform:rotate(-8deg)}

.mini-market{height:100%;background:#f9fbff;color:#1a3657;overflow:hidden}
.mini-market-nav{height:33px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e8eff8}
.mini-market-nav strong{font-size:9px;white-space:nowrap}.mini-market-nav strong span{color:#ec8f4b}.mini-market-nav>span{font-size:7px;color:#7190a8;white-space:nowrap}.mini-market-nav b{font-size:13px;color:#f28b45}
.mini-market-banner{height:84px;padding:12px 19px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#174d80,#3189b7);color:#fff;overflow:hidden}
.mini-market-banner small{display:block;font-size:6px;letter-spacing:.16em;color:#b5e8f3;margin-bottom:5px}.mini-market-banner strong{font-size:20px;line-height:1.08;letter-spacing:-.04em}.mini-market-banner>span{width:80px;height:80px;display:grid;place-items:center;text-align:center;border-radius:50%;border:1px solid rgba(255,255,255,.47);box-shadow:0 0 0 18px rgba(255,255,255,.06);font-size:7px;line-height:1.3;font-weight:800;letter-spacing:.1em;transform:rotate(-12deg)}
.mini-market-cards{padding:8px 13px}.mini-market-cards>span{display:block;font-size:7px;font-weight:800;margin-bottom:6px}.mini-market-cards>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-market-cards i{height:33px;border-radius:5px;background:linear-gradient(135deg,#dae6f5,#f5f8fc);border:1px solid #e8eff5;position:relative}.mini-market-cards i:after{content:'';position:absolute;inset:8px 28%;border-radius:4px;background:#73a4c9}.mini-market-cards i:nth-child(2):after{background:#e7a66c;border-radius:50%}.mini-market-cards i:nth-child(3):after{background:#94b89c}.mini-market-cards i:nth-child(4):after{background:#ae9cca;border-radius:50%}

.mini-chat{height:100%;display:flex;flex-direction:column;background:#f9f8ff;color:#2a2950;font-size:9px}
.mini-chat-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #e8e5f1;background:#fff}
.mini-chat-head strong{font-size:9px}.mini-chat-head small{margin-left:auto;color:#4d9c7e;font-size:7px;font-weight:800;letter-spacing:.06em}
.mini-chat-spark{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#6658a9;color:#fff;font-size:14px}
.mini-chat-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 15px;flex:1}
.mini-chat-body p{margin:0;padding:7px 10px;border-radius:8px;line-height:1.3;font-size:9px;max-width:68%}
.mini-chat-user{align-self:flex-end;background:#6d60aa;color:#fff}
.mini-chat-reply{background:#fff;box-shadow:0 2px 7px rgba(38,30,75,.07)}
.mini-chat-option{background:#ebe7fb;color:#5d528e;font-weight:700}
.mini-chat-option span,.mini-chat-input span{float:right}
.mini-chat-input{margin:0 12px 8px;padding:6px 9px;border:1px solid #e6e3f1;background:#fff;border-radius:6px;color:#9b98ac;font-size:8px}

.mini-flow{height:100%;display:flex;flex-direction:column;padding:12px 16px;color:#e7f4f5;background:radial-gradient(circle at 63% 85%,#204a55,#152b36 64%);background-size:100% 100%}
.mini-flow-head,.mini-flow-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.11em}
.mini-flow-head b{color:#9ce0be;font-size:7px}
.mini-flow-track{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}
.mini-flow-track>div{flex:1;min-width:0;padding:12px 8px;border:1px solid rgba(190,227,221,.2);border-radius:7px;background:rgba(255,255,255,.08);box-shadow:0 6px 15px rgba(1,17,24,.12)}
.mini-flow-track small{display:block;margin-bottom:8px;color:#9ac8c6;font-size:6px;letter-spacing:.08em}
.mini-flow-track strong{display:block;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-flow-track>span{color:#90dac5;font-size:13px}
.mini-flow-bottom{font-size:7px;letter-spacing:.03em;color:#a8c7c9}.mini-flow-bottom strong{color:#d8f8e6}
@media(max-width:700px){.project-image{height:225px}.project-preview{padding-inline:13px}.mini-chat-body p{max-width:75%}}