@charset "utf-8";
/**
 * 公共样式 - 优化版
 * 优化搜索框质感、统一组件圆角
 */

/* --- Basic Reset --- */
* {
    margin: 0px; padding: 0px; border: none; box-sizing: border-box;
    font-family: "Alibaba PuHuiTi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1em; text-decoration: none; outline: none;
    -webkit-text-size-adjust: none; border-radius: 0; background: none;
}
:not(input, textarea) {
    -webkit-user-select: on;
    -webkit-tap-highlight-color: transparent;
}
html, body { width: 100%; height: 100%; font-size: 1em; }
object, video { max-width: 100%; height: auto; }
img { height: auto; display: inline-block; vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
pre {
    white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
    white-space: -o-pre-wrap; word-wrap: break-word;
}
input, textarea, div, li, a { box-sizing: border-box; }
a { color: #333; transition: color 0.2s ease; }

.f_left { float: left; }
.f_right { float: right; }
.clear { clear: both; }

/* 通用阴影背景 (弹窗遮罩) */
.cm_demandbg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed; top: 0; bottom: 0; left: 0; right: 0;
    display: none; z-index: 99; backdrop-filter: blur(4px);
}

/* --- 输入框占位符 --- */
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-size: 14px; }
input[type="text"]:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; font-size: 14px; }
input[type="text"]::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-size: 14px; }

/* --- 搜索框组件 (核心重构) --- */
.cm_searchbox {
    background: #f2f4f7;
    border-radius: 24px;
    width: 360px;
    height: 44px;
    padding: 0 14px 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}
.cm_searchbox:hover {
    background: #fff;
    border-color: #e0e4e9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.cm_searchbox:focus-within {
    background: #fff;
    border-color: #2b5cff; /* 可与你的企业主色调联动 */
    box-shadow: 0 0 0 3px rgba(43, 92, 255, 0.1);
}
.cm_searchinput {
    display: inline-block;
    width: calc(100% - 44px);
    height: 100%;
    font-size: 14px;
    color: #333;
    text-align: left;
    background: transparent;
}
a.cm_searchicon {
    position: absolute;
    right: 6px;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: url(../images/cm/searchicon.png) center no-repeat;
    background-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
}


/* --- 滚动条美化 --- */
.overflowyul::-webkit-scrollbar { width: 6px; }
.overflowyul::-webkit-scrollbar-track { background: transparent; }
.overflowyul::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
.overflowyul::-webkit-scrollbar-thumb:hover { background: #9ca3af; }