@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--bg:#f3f5f4;--ink:#182322;--muted:#82908a;--green:#b9ed48;--line:#e7ece9;--dark:#172c27}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #639d28;outline-offset:3px}a{text-decoration:none;color:inherit}input,select,textarea{border:1px solid var(--line);background:#f7f9f8;border-radius:10px;padding:12px;width:100%;outline-color:#8ec12e}textarea{min-height:90px}h1,h2,h3,p{margin:0}small{color:var(--muted)}.shell{max-width:1160px;margin:auto;padding:0 28px 110px}.topbar{background:white;border-bottom:1px solid var(--line)}.top-inner{max-width:1160px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-1px}.logo{width:36px;height:36px;background:var(--dark);color:var(--green);display:grid;place-items:center;clip-path:polygon(50% 0,100% 100%,0 100%);font-size:20px;padding-top:9px}.brand small{display:block;letter-spacing:2px;font-size:8px;color:#73867c;margin-top:1px}.topnav{display:flex;gap:26px;color:#6b7872}.topnav button.active{color:#172c27;font-weight:700}.topnav button.active:after{content:'';display:block;background:var(--green);height:3px;margin-top:8px}.pill{padding:7px 11px;border-radius:30px;font-size:11px;background:#edf4e7;color:#5e7f34;white-space:nowrap}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#e4eadf;font-weight:bold}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.hero{margin-top:24px;border-radius:18px;background:var(--dark);color:white;position:relative;overflow:hidden;padding:37px 38px;min-height:214px;display:flex;align-items:center;justify-content:space-between}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,#38563b55),repeating-linear-gradient(0deg,transparent 0 36px,#8bbd6a09 37px 38px)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;color:#b7ccbb;margin-bottom:12px}.hero h1{font-size:34px;letter-spacing:1px;line-height:1.45}.hero h1 span{color:var(--green)}.hero p{color:#aabdb0;margin-top:12px;font-size:12px}.hero-visual{width:250px;height:155px;position:relative;display:flex;align-items:center;justify-content:center}.radar{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #739a4c40;background:repeating-radial-gradient(circle,transparent 0 28px,#86a75720 29px 30px)}.delta{font-size:137px;line-height:1;color:var(--green);font-weight:800;transform:rotate(-8deg);text-shadow:15px 12px #72953325}.badge{position:absolute;right:0;bottom:8px;background:#f3ffd9;color:#344d29;transform:rotate(-8deg);padding:9px 13px;font-weight:700;font-size:12px;border-radius:6px}.trust{display:flex;gap:30px;align-items:center;padding:17px 5px;color:#6f8075;font-size:11px}.trust b{color:#31533c;margin-right:5px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 16px}.section-head h2{font-size:22px}.section-head p{font-size:12px;color:var(--muted);margin-top:6px}.search{display:flex;gap:8px;background:white;border:1px solid var(--line);padding:6px;border-radius:12px;width:320px}.search input{border:0;background:white;padding:7px}.search button{background:var(--dark);color:white;border-radius:8px;padding:8px 15px;white-space:nowrap}.tabs{display:flex;gap:8px;overflow:auto}.tabs button{padding:10px 19px;border-radius:9px;white-space:nowrap;color:#718077;background:#e9ede9;font-size:12px}.tabs button.active{background:var(--dark);color:#d4f595;font-weight:600}.filterline{display:flex;justify-content:space-between;gap:12px;margin:16px 0;align-items:center}.filterline select{width:auto;padding:8px 25px 8px 10px;border:0;background:white;font-size:12px}.subtle{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #213b2a0c}.cover{height:140px;position:relative;overflow:hidden;padding:18px;background:linear-gradient(120deg,#304b3c,#142722);color:#dceccf}.cover.blue{background:linear-gradient(120deg,#36515b,#192a33)}.cover.gold{background:linear-gradient(120deg,#625943,#2e3022)}.cover:before{content:'';position:absolute;width:170px;height:200px;right:-15px;top:-25px;border:1px solid #bfd2b51c;transform:rotate(35deg);box-shadow:0 0 0 25px #d5ecc508,0 0 0 50px #d5ecc505}.cover:after{content:'Δ';position:absolute;right:17px;bottom:-40px;font-size:170px;font-weight:800;color:#c6e6a312;transform:rotate(-12deg)}.cover .serial{font-size:9px;letter-spacing:2px;opacity:.5}.cover strong{display:block;font-size:26px;margin-top:10px;letter-spacing:1px}.cover .cover-tag{font-size:10px;color:#c2d3c1}.online{position:absolute;right:12px;top:13px;font-size:10px;color:#d6f6a5;background:#ffffff13;padding:4px 7px;border-radius:5px}.card-body{padding:16px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;background:#f2f5f1;color:#6a7a6c;padding:4px 7px;border-radius:4px}.tag.green{color:#4f782d;background:#edf6de}.tag.blue{background:#eaf0f6;color:#637d9e}.card h3{font-size:14px;margin:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0 14px;border-bottom:1px dashed var(--line);gap:5px}.stats b{display:block;font-size:13px}.stats small{font-size:10px}.price{color:#e16b44;font-size:23px;font-weight:700}.price em{font-style:normal;font-size:12px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.btn{background:var(--green);color:#253b15;border-radius:8px;padding:11px 19px;font-weight:600;font-size:12px}.btn.dark{background:var(--dark);color:white}.btn.secondary{background:#eef2ed;color:#53654d}.btn.danger{background:#fff0eb;color:#c96c4b}.btn:disabled{opacity:.4;cursor:not-allowed}.footnote{text-align:center;margin:30px 0;color:#8a978c;font-size:11px}.bottomnav{display:none}.back{margin:22px 0;color:#748277;font-size:12px}.detail-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:18px}.panel h2{font-size:17px;margin-bottom:17px}.panel h3{font-size:14px;margin-bottom:10px}.detail-cover{height:240px;border-radius:12px;margin-bottom:16px;padding:30px}.detail-cover strong{font-size:44px}.detail-cover:after{font-size:300px;bottom:-74px}.detail-title{font-size:21px;line-height:1.65;margin:13px 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0}.detail-stats b{display:block;font-size:17px;margin-bottom:5px}.detail-stats small{font-size:11px}.rule{padding:12px;border-radius:8px;background:#f6f8f5;margin:9px 0;font-size:12px;line-height:1.9}.rule b{display:block;color:#547333}.rule.no b{color:#c16d50}.money-row{display:flex;justify-content:space-between;margin:16px 0;font-size:13px}.total{padding-top:17px;border-top:1px dashed var(--line)}.wide{width:100%}.flow{display:flex;justify-content:space-between;font-size:11px;color:#7a8c7e;gap:6px}.flow span{background:#f1f5eb;padding:9px;border-radius:6px}.notice{font-size:11px;line-height:1.9;color:#7b8a7c;margin-top:15px}.check{display:flex;align-items:start;font-size:11px;color:#748374;gap:8px;margin:18px 0;line-height:1.8}.check input{width:auto;margin-top:4px;accent-color:#749c34}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:12px;margin-bottom:8px;color:#5b6c5e}.field.full{grid-column:1/-1}.content{max-width:850px;margin:25px auto}.page-heading{margin:25px 0}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.upload{border:1px dashed #c4d5bb;background:#f6f9f1;padding:23px;border-radius:10px;text-align:center;display:block;cursor:pointer;color:#718263;font-size:12px}.upload input{margin-top:10px}.order{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin:13px 0}.order h3{margin:12px 0}.order .state{font-size:12px;color:#61873a}.empty{text-align:center;padding:55px;color:#8c998e;background:white;border-radius:12px;grid-column:1/-1}.chat{height:320px;overflow:auto;background:#f5f7f3;padding:18px;border-radius:10px}.message{margin:15px 0;max-width:85%}.message small{display:block;font-size:10px;margin-bottom:5px}.bubble{background:white;padding:11px 13px;border-radius:0 10px 10px 10px;font-size:12px;line-height:1.8}.message.me{margin-left:auto}.message.me .bubble{background:#dff0bd;border-radius:10px 0 10px 10px}.system{text-align:center;font-size:10px;color:#96a18f;margin:12px 0}.compose{display:flex;gap:9px;margin-top:12px}.steps{display:flex;justify-content:space-between;margin:20px 0;gap:5px}.step{flex:1;text-align:center;color:#99a28f;font-size:10px;border-top:3px solid #e4eadc;padding-top:10px}.step.done{border-color:#91ba41;color:#466829}.modal-backdrop{position:fixed;inset:0;background:#13241b77;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal{background:white;border-radius:17px;padding:27px;width:min(480px,100%);max-height:85vh;overflow:auto}.modal h2{font-size:20px;margin-bottom:15px}.modal .actions{display:flex;justify-content:end;gap:8px;margin-top:22px}.modal p{font-size:13px;line-height:1.9;color:#71806e}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:100;background:#203526;color:white;border-radius:10px;padding:13px 22px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;max-width:90vw}#toast.show{opacity:1}.profile-card{background:var(--dark);color:white;border-radius:15px;padding:25px;display:flex;gap:18px;align-items:center}.profile-card .avatar{width:55px;height:55px;background:var(--green);color:var(--dark);font-size:23px}.profile-card p{color:#acbdaa;font-size:12px;margin-top:7px}.wallet{display:flex;justify-content:space-between;align-items:center}.wallet strong{font-size:32px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.menu-grid button{text-align:center;background:#f6f8f3;border-radius:10px;padding:20px 5px;font-size:12px}.menu-grid b{font-size:23px;display:block;margin-bottom:8px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.metric strong{display:block;font-size:25px;margin-top:8px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}details{border-bottom:1px solid var(--line);padding:14px 0;font-size:12px;line-height:1.9}summary{cursor:pointer;font-weight:600}.mocklabel{background:#e8efdf;color:#71815d;border-radius:5px;font-size:9px;padding:4px 6px}.sticky{position:sticky;top:20px}.footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#9ba59c;font-size:10px}.favorite{font-size:20px;color:#8b9c7d}.favorite.on{color:#e3a548}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.topnav{gap:12px;font-size:12px}.detail-layout,.split{grid-template-columns:1fr}.hero h1{font-size:29px}.hero-visual{width:190px}.sticky{position:static}}@media(max-width:580px){.shell{padding:0 16px 100px}.top-inner{padding:15px 17px}.brand{font-size:18px}.brand small{font-size:7px}.topnav{display:none}.hero{margin-top:17px;padding:26px 23px;min-height:190px;border-radius:14px}.hero h1{font-size:27px}.hero p{font-size:10px;max-width:210px;line-height:1.8}.hero-visual{width:90px;position:absolute;right:12px;opacity:.65}.delta{font-size:110px}.radar{width:140px;height:140px}.badge{font-size:9px;right:-2px;bottom:7px}.hero-copy{max-width:80%}.trust{gap:0;justify-content:space-between;font-size:9px;padding:16px 0}.section-head{display:block;margin-top:12px}.section-head h2{font-size:20px}.search{margin-top:15px;width:100%}.tabs button{padding:9px 13px;font-size:11px}.filterline{margin:12px 0}.filterline .row{gap:4px;flex-wrap:wrap}.filterline select{font-size:10px;padding-right:8px;max-width:110px}.filterline .subtle{font-size:10px;white-space:nowrap}.grid{gap:10px}.cover{height:104px;padding:13px}.cover strong{font-size:20px}.cover .cover-tag{font-size:8px}.online{font-size:8px;right:7px;top:9px}.card-body{padding:11px}.card h3{font-size:12px}.tag{font-size:8px;padding:3px 4px}.stats b{font-size:11px}.stats small{font-size:8px}.stats{padding:9px 0}.price{font-size:20px}.card-footer .btn{padding:8px 10px;font-size:10px}.card-footer small{font-size:9px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffef;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:9px 8px max(10px,env(safe-area-inset-bottom));z-index:20;justify-content:space-around}.bottomnav button{font-size:10px;color:#8b9689;min-width:50px}.bottomnav b{display:block;font-size:20px;font-weight:400;margin-bottom:4px}.bottomnav .active{color:#375622;font-weight:700}.bottomnav .publish b{background:var(--green);border-radius:8px;color:#263d15;width:37px;margin:0 auto 3px}.footer{display:block;line-height:2}.detail-cover{height:190px;padding:22px}.detail-cover strong{font-size:34px}.panel{padding:18px}.detail-title{font-size:18px}.detail-stats b{font-size:15px}.formgrid{gap:13px}.field label{font-size:11px}.content{margin-top:16px}.page-heading h1{font-size:23px}.menu-grid{grid-template-columns:repeat(3,1fr)}.mini-grid{gap:7px}.metric{padding:12px}.metric strong{font-size:20px}.metric small{font-size:10px}.detail-layout{gap:0}.detail-buy{margin-bottom:8px}.footnote{font-size:10px}.mocklabel{font-size:8px}.steps .step{font-size:9px}.flow{font-size:9px}.flow span{padding:8px 5px}.wallet strong{font-size:27px}}
.photo-cover{height:140px;position:relative;background:#172c27;overflow:hidden}.photo-cover img{width:100%;height:100%;object-fit:cover;display:block}.photo-cover.detail-cover{height:300px;padding:0}.photo-cover.detail-cover img{object-fit:contain}.photo-count{position:absolute;bottom:10px;right:10px;background:#14231dc9;color:white;padding:5px 9px;border-radius:6px;font-size:11px}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.image-thumb{position:relative;border-radius:9px;overflow:hidden;background:#edf1e8;padding:0;min-width:0;aspect-ratio:4/3;display:block;width:100%}.image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-thumb span{position:absolute;bottom:5px;left:5px;color:white;background:#14231dc9;border-radius:4px;font-size:10px;padding:3px 7px}.remove-image{position:absolute;top:5px;right:5px;width:25px;height:25px;border-radius:50%;background:#172c27d9;color:white;font-size:18px}.full-image{display:block;width:100%;max-height:60vh;object-fit:contain;background:#16231e;border-radius:8px}.modal:has(.full-image){width:min(950px,96vw)}@media(max-width:580px){.photo-cover{height:104px}.photo-cover.detail-cover{height:230px}.image-grid{gap:7px}}
.filter-toolbar{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 0;border-bottom:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.filter-toolbar button{padding:16px 5px;font-size:13px;white-space:nowrap}.chosen,.selected{color:#527b25!important;font-weight:700}.filter-summary{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7c8c74;padding-top:10px}.filter-summary button{color:#527b25;white-space:nowrap}.sort-options button{display:block;width:100%;padding:18px 5px;text-align:left;border-bottom:1px solid var(--line)}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.choice{background:#f1f4ee;border:1px solid transparent;border-radius:8px;padding:13px 6px;font-size:12px;overflow-wrap:anywhere}.choice.selected{background:#edf7dc;border-color:#b3d980}.range-inputs{display:flex;align-items:center;gap:10px;margin:18px 0}.range-inputs input{min-width:0;text-align:center}.advanced-modal{background:white;width:min(760px,100%);height:min(780px,90dvh);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.advanced-head{display:flex;justify-content:space-between;align-items:center;padding:20px}.advanced-head span{font-size:11px;color:#9aa58f}.advanced-head h2{font-size:18px}.advanced-head button{font-size:25px;color:#7e8a76}.advanced-search{padding:0 20px 18px}.advanced-body{display:flex;flex:1;min-height:0}.advanced-nav{width:150px;flex-shrink:0;background:#f6f7f4;overflow:auto}.advanced-nav button{display:block;width:100%;padding:17px 9px;font-size:13px;color:#839077}.advanced-nav button.selected{background:white;border-left:3px solid #a7d344}.advanced-content{padding:20px;overflow:auto;flex:1;min-width:0}.advanced-content h3{font-size:17px}.advanced-content small{font-size:10px}.match-modes{display:flex;gap:5px;margin-top:15px;background:#f2f4ee;padding:4px;border-radius:8px}.match-modes button{flex:1;padding:8px 3px;font-size:11px}.match-modes .selected{background:white;border-radius:6px}.advanced-footer{display:flex;gap:12px;padding:17px 20px;border-top:1px solid var(--line)}.advanced-footer button{flex:1;font-size:14px}.advanced-nav button:focus-visible{outline-offset:-3px}@media(max-width:580px){.filter-toolbar button{font-size:12px;padding:16px 3px}.modal-backdrop:has(.advanced-modal){padding:0;align-items:end}.advanced-modal{height:85dvh;border-radius:18px 18px 0 0;width:100%}.advanced-nav{width:100px}.advanced-nav button{font-size:12px;padding:17px 5px}.advanced-content{padding:17px 12px}.advanced-content .choice{font-size:11px;padding:13px 4px}.advanced-content .choice-grid{gap:7px}.advanced-head{padding:17px}.advanced-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
.guarantee-banner{background:var(--dark);border-radius:15px;padding:30px;color:white;display:flex;align-items:center;justify-content:space-between}.guarantee-banner h2{font-size:25px;margin-top:12px}.guarantee-banner p{color:#bdcbb2;margin-top:12px;font-size:12px}.guarantee-symbol{font-size:90px;line-height:1;color:var(--green)}.role-picker{display:flex;gap:10px;flex-wrap:wrap}.role-picker label{flex:1;background:#f0f5e9;border-radius:9px;padding:13px 10px;white-space:nowrap}.role-picker input{width:auto;accent-color:#6d9b2d;margin-right:6px}.guarantee-terms{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f3;border-radius:10px;padding:15px;line-height:1.9;font-size:13px}.guarantee-event{border-left:2px solid #c6dc9e;padding:2px 0 18px 15px}.guarantee-event p{font-size:12px;margin-top:7px}@media(max-width:580px){.guarantee-banner{padding:23px 20px}.guarantee-banner h2{font-size:21px}.guarantee-symbol{font-size:55px}.page-heading .row.between{flex-wrap:wrap;align-items:start}.topnav{gap:18px}.guarantee-banner p{font-size:10px;line-height:1.9}}
.staff-presence{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#edf5e6;border-radius:9px;padding:13px;margin-bottom:12px;font-size:12px}.staff-presence small{width:100%;font-size:10px}.staff-badge{background:#234934;color:#e4f6cc;border-radius:4px;padding:3px 6px;font-size:9px}.message.staff{max-width:95%}.message.staff .bubble{border:1px solid #a4c28b;background:#eef8e4}.guarantee-event{overflow-wrap:anywhere}
.admin-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0;padding-bottom:15px;border-bottom:1px solid var(--line)}.admin-tabs button{padding:11px 15px;background:white;border-radius:8px}.admin-tabs .selected{background:#e2efce}.admin-tabs span{margin-left:auto;color:#86937e;font-size:11px}.dashboard-controls{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.dashboard-controls select{width:auto}.date-range{display:flex;width:100%;gap:10px;align-items:center}.date-range input{max-width:220px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.dashboard-metric{text-align:left;background:white;padding:20px;border:1px solid var(--line);border-radius:12px}.dashboard-metric small{display:block}.dashboard-metric strong{display:block;font-size:26px;margin:10px 0;color:#264834}.dashboard-metric span{font-size:10px;color:#8b9783}.trend-bars{display:flex;height:205px;align-items:end;gap:8px;overflow:auto;padding-top:15px}.trend-column{flex:1;min-width:22px;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:8px}.trend-column i{width:80%;max-width:35px;background:#a4cf4d;border-radius:5px 5px 0 0;display:block}.trend-column span,.trend-column small{font-size:9px;color:#859177;white-space:nowrap}.dashboard-rankings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rank-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.rank-row em{font-style:normal;background:#edf3e5;padding:3px 7px;border-radius:4px;margin-right:5px}.dashboard-empty{padding:35px 10px;text-align:center;font-size:12px;color:#99a38d}@media(max-width:800px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-rankings{grid-template-columns:1fr}.dashboard-metric{padding:15px}.dashboard-metric strong{font-size:23px}.admin-tabs button{padding:10px;font-size:12px}.admin-tabs span{width:100%;margin:4px 0}.date-range{flex-wrap:wrap}.date-range input{width:40%}}
body.in-room .topbar,body.in-room .bottomnav,body.in-room .footer{display:none}body.in-room .shell{padding:0;max-width:820px}.room-app{height:100dvh;display:flex;flex-direction:column;background:#f7f8f8}.room-header{display:flex;align-items:center;justify-content:space-between;background:white;padding:15px 14px;border-bottom:1px solid #eee}.room-header>button{font-size:30px;width:40px}.room-header>div{text-align:center}.room-header strong{display:block;font-size:17px}.room-header small{display:block;color:#95a19b;font-size:11px;margin-top:3px}.room-banner{padding:9px 16px;background:#eef5ed;color:#6d836b;font-size:11px;display:flex;justify-content:space-between}.room-messages{flex:1;overflow:auto;padding:16px 18px 26px}.room-system{text-align:center;color:#929c96;font-size:11px;line-height:1.8;padding:9px 20px;margin:8px auto;max-width:85%;white-space:pre-wrap}.room-time{text-align:center;color:#b0b7b3;font-size:11px;margin:20px 0 15px}.room-row{display:flex;align-items:start;gap:10px;margin:14px 0}.room-row.mine{flex-direction:row-reverse}.room-avatar{height:37px;width:37px;flex-shrink:0;border-radius:12px;background:#f3e8d7;color:#846f4c;display:grid;place-items:center;font-size:14px;font-weight:700}.room-avatar.official{background:#e1eedb;color:#4e7951}.mine .room-avatar{background:#deebe6;color:#658475}.room-message{max-width:78%;min-width:35px}.room-name{font-size:10px;color:#9baba1;margin-bottom:5px}.room-name span{color:#e26f87;background:#ffe9ef;font-size:9px;padding:2px 5px}.room-name small{font-size:9px}.mine .room-name{text-align:right}.room-bubble{border-radius:4px 14px 14px 14px;background:white;padding:12px 15px;line-height:1.8;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.mine .room-bubble{background:#e6f4ec;border-radius:14px 4px 14px 14px}.room-footer{background:#f0f2f1;border-top:1px solid #e9ecea;padding:8px 12px max(12px,env(safe-area-inset-bottom))}.room-shortcuts{display:flex;gap:8px;align-items:center;margin-bottom:8px}.room-shortcuts button{border-radius:20px;background:white;padding:6px 12px;font-size:11px;box-shadow:0 1px 4px #00000008}.room-shortcuts span{margin-left:auto;font-size:9px;color:#a3ada6}.room-compose{display:flex;align-items:end;gap:7px}.room-compose textarea{background:white;border:0;border-radius:22px;min-height:42px;max-height:110px;padding:10px 15px;resize:none;flex:1;min-width:0}.room-icon{font-size:28px;line-height:40px;cursor:pointer;display:block;padding:0 3px}.room-send{background:#b9ed48;border-radius:9px;padding:10px 12px;height:40px;font-size:12px;white-space:nowrap}.room-photo{display:block;padding:0}.room-photo img{display:block;max-width:230px;max-height:280px;border-radius:7px;width:100%;object-fit:contain}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:10px 0;max-height:180px;overflow:auto}.emoji-picker button{font-size:25px;padding:5px}.order-sheet{margin-top:15px}.order-sheet .panel{padding:14px}.room-compose button:disabled{opacity:.4}@media(max-width:580px){.room-header strong{font-size:15px}.room-bubble{font-size:14px}.room-shortcuts span{font-size:8px}.room-icon{font-size:26px;padding:0}.room-send{padding:9px}.room-messages{padding:10px 12px 22px}}
.unread-badge{display:inline-block;background:#e16862;color:white;border-radius:12px;font-size:10px;padding:3px 8px;margin-left:8px}.unread-badge:empty{display:none}
.cc-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;min-height:660px;height:calc(100dvh - 270px);margin-bottom:25px}.cc-list-panel,.cc-chat-panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-height:0}.cc-list-panel{display:flex;flex-direction:column;padding:13px}.cc-selects{display:flex;gap:7px;margin:10px 0}.cc-selects select{font-size:11px;padding:9px;min-width:0}.cc-categories{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:10px}.cc-categories button{font-size:11px;background:#f2f5ed;border-radius:6px;padding:7px}.cc-categories .selected{background:#dfedc8}.cc-categories small{font-size:9px}.cc-list{overflow:auto;flex:1}.cc-item{display:block;width:100%;padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;border-radius:8px}.cc-item.selected{background:#f0f6e8}.cc-item b{font-size:12px}.cc-item small{font-size:9px;color:#8a9984}.cc-item-title{font-size:11px;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#42553b}.cc-item p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#889180;margin:8px 0}.cc-pagination{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding-top:12px}.cc-pagination button{background:#f1f5eb;padding:8px;border-radius:6px}.cc-pagination button:disabled{opacity:.3}.cc-chat-panel{display:flex;flex-direction:column}.cc-chat-head{padding:17px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);flex-wrap:wrap}.cc-chat-head p{font-size:11px;color:#8a9783;margin-top:8px;max-width:430px;overflow-wrap:anywhere}.cc-chat-head small{font-size:10px;color:#8a9783}.cc-chat-head .btn{padding:7px 10px;font-size:10px}.cc-context{padding:10px 15px;background:#f2f7ec;font-size:10px;color:#829176;display:flex;gap:10px;flex-wrap:wrap}.cc-context button{margin-left:auto}.cc-thread{flex:1;overflow:auto;background:#f6f8f3;padding:15px;min-height:150px}.cc-load-older{display:block;margin:0 auto 15px;font-size:11px;color:#71934b}.cc-load-older[hidden],.emoji-picker[hidden]{display:none}.cc-thread .message{max-width:90%}.cc-thread img{max-width:210px!important}.cc-compose-box{padding:12px;border-top:1px solid var(--line)}.cc-compose-box .btn{font-size:10px;padding:8px}.cc-placeholder{margin:auto;text-align:center;padding:25px;color:#92a087}.cc-placeholder span{font-size:55px;color:#a7c68a}.cc-placeholder h2{font-size:17px;margin:15px 0}.cc-placeholder p{font-size:11px;line-height:1.9}@media(min-width:1200px){body:has(.cc-layout) .shell,body:has(.cc-layout) .top-inner{max-width:1450px}}@media(max-width:850px){.cc-layout{grid-template-columns:290px minmax(0,1fr);gap:9px}.cc-list-panel{padding:9px}}@media(max-width:650px){.cc-layout{display:flex;flex-direction:column;height:auto;min-height:0}.cc-list-panel{height:380px}.cc-chat-panel{height:75dvh;min-height:540px}.cc-chat-head{padding:13px}.cc-item{padding:10px}.cc-placeholder{min-height:300px}}