:root{--f17-rose:#bd708e;--f17-ivory:#fff8f4;--f17-line:#e9cbcf}body{background:linear-gradient(115deg,#fbf2f0,#fffdf9 55%,#f7e9ef)}.card{border-color:#ead8d5!important}.f17-head{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(120deg,#fff9f5,#fbe6ec);padding:25px}.f17-head h2{font-family:Georgia,serif;font-size:28px;color:#884d68;margin:3px 0 6px}.f17-head p{margin:0}.f17-clientgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.f17-person{display:grid;grid-template-columns:86px minmax(0,1fr);gap:15px;padding:15px;align-items:center}.f17-person>img{height:105px;width:86px;object-fit:cover;border-radius:14px;border:2px solid #e7c3cd}.f17-person h3{margin:4px 0 6px;font-family:Georgia,serif;color:#7b4c60}.f17-person p{font-size:12px;line-height:1.5;margin:6px 0}.f17-person small{display:block;margin:5px 0 9px;color:#976f7c}.f17-conv{padding:23px;max-width:980px;margin:auto}.f17-conv h2{font-family:Georgia,serif;color:#884a6b;margin:0 0 15px}.f17-topic{display:flex;gap:8px;flex-wrap:wrap}.f17-topic button{border:1px solid #e9c2cc;border-radius:24px;background:#fff8f5;padding:10px 14px;color:#855467;cursor:pointer}.f17-topic button.active{background:#be718b;color:white}.f17-bubble{font:19px/1.65 Georgia,serif;background:linear-gradient(130deg,#fff5f6,#fae3eb);border:1px solid #efccd7;padding:25px;border-radius:20px;margin:20px 0;color:#754659}.f17-row{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.f17-row h2{font:24px Georgia,serif;margin:0}.f17-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.f17-summary .card{display:flex;flex-direction:column;gap:9px;padding:20px;background:linear-gradient(140deg,#fffaf7,#faeaeb)}.f17-summary b{font-size:20px;color:#a75a76;overflow-wrap:anywhere}.f17-stocks{padding:19px;margin:15px 0}.f17-stockgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.f17-stock{padding:13px;border:1px solid #e9d2d4;background:#fff9f6;border-radius:14px;display:flex;flex-direction:column;gap:8px}.f17-stock strong{font-size:13px;color:#774b5d}.f17-stock button{font-size:11px}.f17-orderlist{display:grid;gap:14px;margin-top:14px}.f17-order{padding:20px;display:grid;gap:15px}.f17-order h3{font:24px Georgia,serif;color:#865068;margin:3px 0}.f17-order p{margin:4px 0;line-height:1.55}.f17-order label{flex:1;min-width:170px;font-size:12px;color:#836271}.f17-order select{width:100%;margin-top:6px;border-radius:10px;background:#fffaf8;border:1px solid #e3ccd3;padding:9px;max-width:100%}.f17-quality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff9f5;padding:16px;border-radius:13px;border:1px solid #f0dedb}.f17-quality label{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}.f17-quality input{accent-color:#bc6d8c;width:17px;height:17px}.f17-grade{padding:8px 11px;color:#a16b6b;background:#f8e8e3;border-radius:20px}.f17-grade.good{background:#e3f4eb;color:#267650}.f17-tags{display:flex;gap:7px;flex-wrap:wrap}.f17-tags span{padding:7px 12px;background:#f9e8ee;border-radius:20px;font-size:12px}.f17-caregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}.f17-care{display:flex;gap:13px;align-items:center;padding:14px}.f17-care img{width:105px;height:130px;object-fit:cover;border-radius:12px}.f17-care h3{font:21px Georgia,serif}.f17-guidance{padding:20px}.f17-compare{padding:24px;margin:18px 0}.f17-compare h2{font:27px Georgia,serif;color:#8e4b68;margin:5px 0}.f17-compare p{color:#816674;font-size:13px}.f17-two-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.f17-two-views>div{padding:14px;border-radius:16px;background:linear-gradient(155deg,#fffaf7,#f8e9eb);border:1px solid #ebcdd4;text-align:center}.f17-two-views strong{display:block;color:#915978}.f17-svg{height:330px;overflow:hidden;display:flex;justify-content:center;align-items:center}.f17-svg svg{width:auto!important;height:100%!important;max-width:100%}.f17-change{font-weight:600}.f17-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 17px}.f17-shortcuts button{cursor:pointer;border-radius:25px;background:linear-gradient(110deg,#fff7f6,#f7e0e8);border:1px solid #e9c6d3;color:#8a5270;padding:10px 13px;box-shadow:0 5px 14px #784c5012;font-size:12px}.f17-realism-note{background:#fff8f3;color:#826772;border:1px solid #e9d5ca;padding:10px 14px;border-radius:10px;font-size:12px;margin:9px 0 15px}.at-workspace,.f17-compare{min-width:0}@media(min-width:760px) and (max-width:1220px) and (orientation:landscape){.main{padding:16px 20px 90px!important}.f17-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.f17-two-views .f17-svg{height:260px}.f17-clientgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.f17-stockgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.f17-stockgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.f17-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.f17-clientgrid{grid-template-columns:1fr}}@media(max-width:600px){.f17-head{display:block;padding:15px}.f17-head button{margin-top:10px}.f17-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.f17-summary .card{padding:10px}.f17-summary b{font-size:15px}.f17-stockgrid{gap:8px}.f17-stock{padding:10px}.f17-stock button{font-size:10px;padding:8px}.f17-quality{grid-template-columns:1fr;padding:12px}.f17-two-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.f17-two-views>div{padding:6px}.f17-two-views strong{font-size:11px}.f17-svg{height:200px}.f17-row .btn{font-size:12px}.f17-caregrid{grid-template-columns:1fr}.f17-person{grid-template-columns:70px minmax(0,1fr)}.f17-person>img{width:70px;height:90px}}