*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#fff8f0;color:#4a3728;font-size:15px;line-height:1.7}
a{color:#e86b1a;text-decoration:none}
a:hover{color:#c45a12}
.cm-wrap{max-width:720px;margin:0 auto;padding:0 16px}
.cm-header{background:#fff;border-bottom:3px solid #ffb347;box-shadow:0 2px 8px rgba(255,140,0,.1)}
.cm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;flex-wrap:wrap}
.cm-brand{display:flex;align-items:center;gap:10px}
.cm-brand:hover{text-decoration:none}
.cm-cat{width:36px;height:36px;background:linear-gradient(145deg,#ffb347,#ff8c00);border-radius:50% 50% 45% 45%;position:relative;flex-shrink:0}
.cm-cat::before,.cm-cat::after{content:"";position:absolute;background:#4a3728;border-radius:50%}
.cm-cat::before{width:6px;height:8px;top:10px;left:9px;box-shadow:12px 0 0 #4a3728}
.cm-cat::after{width:8px;height:5px;top:20px;left:14px;border-radius:0 0 8px 8px}
.cm-name{font-size:18px;font-weight:800;color:#e86b1a}
.cm-search{display:flex;flex:1;max-width:320px;height:40px;border:2px solid #ffb347;border-radius:20px;overflow:hidden;background:#fffaf5}
.cm-search-txt{flex:1;display:flex;align-items:center;padding:0 14px;font-size:14px;color:#c9a882}
.cm-search-btn{display:flex;align-items:center;justify-content:center;padding:0 18px;background:#ff8c00;color:#fff;font-size:14px;font-weight:700;border-radius:0 18px 18px 0}
.cm-search-btn:hover{background:#e86b1a;text-decoration:none;color:#fff}
.cm-body{padding:16px 0 32px}
.cm-hero{text-align:center;padding:28px 16px 20px;background:linear-gradient(180deg,#fff5e6,#fff8f0);border-radius:16px;margin-bottom:16px;border:1px solid #ffe4c4}
.cm-hero-cat{width:64px;height:56px;background:linear-gradient(145deg,#ffb347,#ff8c00);border-radius:50% 50% 42% 42%;margin:0 auto 14px;position:relative}
.cm-hero-cat::before,.cm-hero-cat::after{content:"";position:absolute;background:#4a3728;border-radius:50%}
.cm-hero-cat::before{width:8px;height:10px;top:16px;left:16px;box-shadow:18px 0 0 #4a3728}
.cm-hero-cat::after{width:10px;height:6px;top:32px;left:24px;border-radius:0 0 10px 10px}
.cm-hero h1{font-size:22px;color:#4a3728;margin-bottom:8px}
.cm-hero p{font-size:14px;color:#8b7355;line-height:1.75}
.cm-hero-tip{font-size:13px;color:#c9a882;margin-top:8px}
.cm-crumb{font-size:13px;color:#c9a882;margin-bottom:12px}
.cm-crumb a{color:#e86b1a}
.cm-crumb span{color:#6b5344;font-weight:600}
.cm-word-head{text-align:center;padding:24px 16px;background:#fff;border:2px solid #ffe4c4;border-radius:16px;margin-bottom:14px;box-shadow:0 4px 12px rgba(255,140,0,.08)}
.cm-word-head-char{display:flex;align-items:center;justify-content:center;gap:20px;text-align:left}
.cm-word-main{font-size:40px;font-weight:800;color:#4a3728;line-height:1.2;margin-bottom:6px}
.cm-word-py{font-size:18px;color:#e86b1a;font-weight:600}
.cm-word-zy{font-size:14px;color:#8b7355;margin-top:4px}
.cm-char-circle{width:72px;height:72px;background:linear-gradient(145deg,#ffb347,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(255,140,0,.25)}
.cm-card{background:#fff;border:1px solid #f0e0d0;border-radius:14px;padding:16px 18px;margin-bottom:12px;box-shadow:0 2px 8px rgba(74,55,40,.04)}
.cm-card-soft{background:#fffaf5;border-color:#ffe8d0}
.cm-card-dim{background:#faf6f2}
.cm-card-title{font-size:16px;font-weight:700;color:#4a3728;margin-bottom:12px}
.cm-sub{font-size:15px;font-weight:700;color:#e86b1a;margin-bottom:8px}
.cm-text{color:#4a3728;line-height:1.8;font-size:15px}
.cm-rich p{margin-bottom:.5em}
.cm-hint{font-size:13px;color:#c9a882;margin:-4px 0 12px}
.cm-about{font-size:14px;color:#8b7355;line-height:1.7}
.cm-info{list-style:none;border-radius:10px;overflow:hidden;border:1px solid #f0e0d0}
.cm-info li{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #f5ebe0;font-size:14px}
.cm-info li:last-child{border-bottom:none}
.cm-info li:nth-child(odd){background:#fffaf5}
.cm-info span{color:#8b7355}
.cm-info b{color:#4a3728;font-weight:600;text-align:right;max-width:65%}
.cm-hot-list,.cm-zuci-list{list-style:none}
.cm-hot-list li,.cm-zuci-list li{border-bottom:1px dashed #f0e0d0}
.cm-hot-list li:last-child,.cm-zuci-list li:last-child{border-bottom:none}
.cm-hot-list a,.cm-zuci-list a{display:flex;flex-direction:column;gap:3px;padding:12px 4px}
.cm-zuci-list a{flex-direction:row;justify-content:space-between;align-items:center}
.cm-hot-word,.cm-zuci-list b{font-size:16px;font-weight:700;color:#4a3728}
.cm-hot-py,.cm-zuci-list span{font-size:13px;color:#c9a882}
.cm-pills,.cm-pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.cm-pills a,.cm-pill-list a{display:inline-block;padding:8px 16px;background:#fff3e0;border:1px solid #ffd9a8;border-radius:20px;font-size:15px;font-weight:600;color:#e86b1a}
.cm-pills a:hover,.cm-pill-list a:hover{background:#ffe4c4;text-decoration:none}
.cm-friends{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:14px}
.cm-friends a{color:#8b7355}
.cm-footer{text-align:center;padding:20px 0;font-size:12px;color:#c9a882;border-top:1px solid #f0e0d0;margin-top:8px}
.cm-footer a{color:#c9a882}
@media(max-width:480px){
.cm-word-head-char{flex-direction:column;text-align:center}
.cm-word-main{font-size:32px}
.cm-search{max-width:100%;width:100%}
}