*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#222;background:#fafaf7;line-height:1.7;max-width:680px;margin:0 auto;padding:12px 16px 48px}
.breadcrumb{font-size:14px;color:#888;margin-bottom:16px}
.breadcrumb a{color:#8a5a2b;text-decoration:none}
article h1{font-size:40px;margin:8px 0 4px}
article h2{font-size:22px;margin:20px 0 10px;border-left:4px solid #8a5a2b;padding-left:10px}
article h3{font-size:18px;margin:14px 0 8px}
p{font-size:16px;margin:8px 0;color:#333}
figure{margin:12px 0;text-align:center}
img{max-width:100%;height:auto;border-radius:8px;border:1px solid #eee}
.meta{display:block;font-size:13px;color:#999;margin-top:2px}
.tgt{color:#c0392b}
.tags .tag{display:inline-block;background:#f0e6da;color:#8a5a2b;font-size:13px;padding:2px 8px;border-radius:10px;margin-right:6px}
ul.culture,ul.links{list-style:none;padding:0}
ul.culture li{padding:8px 0;border-bottom:1px dashed #eee}
ul.links li{display:inline-block;margin:4px 6px 4px 0}
ul.links a{display:inline-block;background:#f5f1ea;color:#8a5a2b;font-size:15px;padding:4px 12px;border-radius:6px;text-decoration:none}
.extras{background:#faf7f1;border:1px solid #efe6d6;border-radius:8px;padding:12px;margin:12px 0}
.extras h2{font-size:18px;color:#8a5a2b;margin:0 0 8px}
ul.words{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}
ul.words li{background:#fff;border:1px solid #e6dccd;border-radius:6px;padding:6px 10px;display:flex;flex-direction:column}
.w-word{font-size:16px;font-weight:700;color:#333}
.w-meaning{font-size:13px;color:#999;margin-top:2px}
.w-sentence{font-size:13px;color:#888;margin-top:2px}
.w-sentence em{font-style:normal;color:#b8772e;margin-right:4px;font-weight:600}.sim-syn li{border-color:#cfe3c8!important}.sim-syn .w-word{color:#3f6212!important}.sim-ant li{border-color:#ecc8c0!important}.sim-ant .w-word{color:#9a3412!important}
ul.sentences{list-style:none;padding:0}
ul.sentences li{padding:8px 0;border-bottom:1px dashed #eee}
ul.sentences li:last-child{border-bottom:none}
ul.sentences p{margin:0;color:#333}
.stroke-note{font-size:16px;color:#555;margin:0}
.level-nav{margin:0 0 18px}
.level-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}
.level-nav li{flex:1 1 30%;min-width:120px}
.level-nav a{display:block;background:#f5f1ea;border:1px solid #e6dccd;border-radius:8px;padding:8px 10px;text-decoration:none}
.level-nav .ln-name{display:block;font-size:15px;font-weight:700;color:#8a5a2b}
.level-nav .ln-sub{display:block;font-size:12px;color:#999;margin-top:2px}
.faq{margin:24px 0;padding:16px;background:#faf7f1;border-radius:8px;border:1px solid #efe6d6}
.faq h2{font-size:20px;margin:0 0 12px;color:#8a5a2b}
.faq-item{margin:12px 0;padding-bottom:12px;border-bottom:1px dashed #e6dccd}
.faq-item:last-child{border-bottom:none;padding-bottom:0}
.faq-item h3{font-size:16px;margin:0 0 6px;color:#333}
.faq-item p{font-size:15px;color:#555;margin:0}
.level-nav li.active a{background:#8a5a2b;border-color:#8a5a2b}
.level-nav li.active .ln-name,.level-nav li.active .ln-sub{color:#fff}
.nametie-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0}
.nametie-info dt{color:#8a5a2b;font-weight:700;font-size:15px}
.nametie-info dd{color:#333;font-size:15px}
.nametie-info .meaning-note{background:#f5f1ea;border-radius:8px;padding:10px 12px;margin-top:10px}
.calligraphy-note{font-size:14px;color:#7a6f5f;font-style:italic;background:#f5f1ea;border-radius:6px;padding:8px 10px}

.baike{background:#f6f9f7;border:1px solid #cfe3d8;border-radius:8px;padding:14px 16px;margin:16px 0}
.baike h2{border-left-color:#2c7a5f;color:#1f5c46}
.baike p{font-size:16px;color:#333}
.baike-source{font-size:13px;color:#999;margin-top:8px}
.baike-source a{color:#2c7a5f;text-decoration:none}