:root{color:#263238;background:#f6f2eb;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#236c8c}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel,.list-panel,.detail-panel,.stats-grid article,.product-link-card{background:#fffdf8;border:1px solid #e5ddd2;border-radius:8px;box-shadow:0 10px 24px #3a2d2214}.login-panel{width:min(460px,100%);padding:30px}.login-panel h1,.topbar h1,.list-panel h2,.detail-panel h2{margin:0;color:#17253d}.eyebrow{margin:0 0 6px;color:#a25a35;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.muted,.empty-state{color:#766f67}.login-panel label,.status-filter{display:grid;gap:8px;margin-top:18px;color:#263238;font-weight:700}input,select{width:100%;border:1px solid #d8cbbd;border-radius:8px;background:#fff;padding:11px 12px;color:#17253d}.primary-button,.ghost-button,.filter-button{border:1px solid #d8cbbd;border-radius:8px;background:#fffdf8;padding:10px 14px;color:#263238;font-weight:700}.primary-button{border-color:#ad6546;background:#ad6546;color:#fff}.wide{width:100%;margin-top:22px}.ghost-button:hover,.filter-button:hover,.filter-button.active{border-color:#ad6546;color:#ad6546}.alert{margin:18px 0;border:1px solid #e5d2c3;border-left:5px solid #ad6546;border-radius:8px;background:#fffaf2;padding:14px 16px;color:#263238}.alert.error{border-color:#e7b7b0;border-left-color:#bf3f32;background:#fff6f5}.app-shell{width:min(1640px,100%);margin:0 auto;padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar-actions,.button-row,.filter-row{display:flex;flex-wrap:wrap;gap:10px}.product-entrances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.product-link-card{display:grid;gap:4px;padding:18px;text-decoration:none}.product-link-card span{color:#ad6546;font-weight:700}.product-link-card strong{color:#17253d;font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.stats-grid article{display:grid;gap:4px;padding:18px}.stats-grid strong{color:#17253d;font-size:30px}.stats-grid span{color:#766f67}.notification-panel{display:grid;gap:12px;border:1px solid #e5d2c3;border-left:5px solid #ad6546;border-radius:8px;background:#fffaf2;padding:16px;margin:18px 0}.notification-panel.quiet{border-left-color:#8aa072;background:#f8fbf5}.compact-title{margin-bottom:0}.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:auto minmax(120px,180px) minmax(0,1fr);align-items:center;gap:10px;width:100%;border:1px solid #eadccc;border-radius:8px;background:#fffdf8;padding:10px 12px;color:#263238;text-align:left}.notification-item strong{color:#ad6546}.workspace{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:16px;align-items:start}.list-panel,.detail-panel{padding:18px}.panel-title,.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.order-list{display:grid;gap:10px;margin-top:14px}.order-card{position:relative;display:grid;gap:5px;width:100%;border:1px solid #e5ddd2;border-radius:8px;background:#fff;padding:14px;text-align:left;color:#263238}.order-card:hover,.order-card.selected{border-color:#ad6546;box-shadow:0 8px 20px #ad65461f}.order-card.unread:before{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:999px;background:#bf3f32}.order-card strong{color:#17253d;word-break:break-all}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-row em{color:#ad6546;font-style:normal;font-weight:700}.notice-dot{width:fit-content;border-radius:999px;background:#fff1df;padding:3px 9px;color:#9b4c22;font-size:13px;font-weight:700}.business-pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;background:#eef6ee;padding:4px 10px;color:#3f7a4e;font-size:13px;font-weight:700}.business-pill.braid{background:#eef6ee;color:#3f7a4e}.business-pill.lego{background:#f9efe7;color:#a25a35}.product-thumb{width:118px;height:118px;border:1px solid #e5ddd2;border-radius:8px;object-fit:cover;background:#fff}.detail-section,.change-panel{border-top:1px solid #eee4d8;margin-top:18px;padding-top:18px}.detail-section h3,.change-panel h3{margin:0 0 12px;color:#17253d}.change-panel{border:1px solid #e5d2c3;border-left:5px solid #ad6546;border-radius:8px;background:#fffaf2;padding:16px}.change-panel.pending{background:#fff7ea}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.info-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.info-cell{border:1px solid #eee4d8;border-radius:8px;background:#fffaf3;padding:10px 12px}.info-cell dt{color:#766f67;font-weight:700}.info-cell dd{margin:4px 0 0;color:#17253d;word-break:break-word}.text-block{margin-top:14px}.text-block h4,.config-card h4,.sub-block h4{margin:0 0 8px;color:#17253d}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.config-list{display:grid;gap:12px}.config-card,.sub-block{border:1px solid #eee4d8;border-radius:8px;background:#fffdf8;padding:14px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.attachment-tile,.attachment-link{display:grid;gap:7px;border:1px solid #e5ddd2;border-radius:8px;background:#fff;padding:10px;color:#263238;text-decoration:none;word-break:break-word}.attachment-tile img{width:100%;aspect-ratio:1 / 1;border-radius:6px;object-fit:cover;background:#f6f2eb}.attachment-link.prominent{display:inline-grid;width:fit-content;padding:12px 16px;font-weight:700}.empty-detail{min-height:320px}@media(max-width:980px){.app-shell{padding:18px}.workspace{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.topbar,.panel-title,.detail-title{display:grid}.product-entrances,.stats-grid,.info-grid,.info-grid.compact,.notification-item{grid-template-columns:1fr}.product-thumb{width:100%;height:auto;aspect-ratio:1 / 1}.topbar-actions,.button-row,.filter-row{width:100%}.topbar-actions button,.button-row button,.filter-row button{flex:1}}