*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#333;background:#f5f5f5;line-height:1.6;font-size:16px}
a{color:#1a73e8;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:960px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{background:#fff;border-bottom:2px solid #1a73e8;padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.logo{font-size:22px;font-weight:700;color:#1a73e8;text-decoration:none}
.logo:hover{text-decoration:none}
.search-bar{display:flex;margin:10px 0;gap:8px}
.search-bar input{flex:1;height:40px;padding:0 14px;border:2px solid #ddd;border-radius:20px;font-size:15px;outline:none;transition:border-color .2s}
.search-bar input:focus{border-color:#1a73e8}
.search-bar button{height:40px;padding:0 24px;background:#1a73e8;color:#fff;border:none;border-radius:20px;font-size:15px;cursor:pointer;white-space:nowrap}
.search-bar button:hover{background:#1557b0}
.main-nav{display:flex;gap:4px}
.main-nav a{padding:6px 14px;border-radius:16px;color:#555;font-size:14px;transition:all .2s}
.main-nav a:hover,.main-nav a.active{background:#e8f0fe;color:#1a73e8;text-decoration:none}

/* Breadcrumb */
.breadcrumb{padding:12px 0;font-size:13px;color:#888}
.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;gap:4px}
.breadcrumb li::after{content:"›";margin-left:4px;color:#ccc}
.breadcrumb li:last-child::after{display:none}
.breadcrumb a{color:#1a73e8;font-size:13px}
.breadcrumb span{color:#666}

/* Cards */
.card{background:#fff;border-radius:10px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card-title{font-size:18px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}

/* Home */
.hero{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;border-radius:14px;padding:40px 28px;margin:20px 0;text-align:center}
.hero h1{font-size:28px;margin-bottom:8px}
.hero p{font-size:15px;opacity:.9;margin-bottom:20px}
.hero .search-bar{max-width:520px;margin:0 auto}
.hero .search-bar input{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15);color:#fff;font-size:16px;height:46px}
.hero .search-bar input::placeholder{color:rgba(255,255,255,.7)}
.hero .search-bar input:focus{background:#fff;color:#333;border-color:#fff}
.hero .search-bar button{height:46px;font-size:16px;padding:0 28px}
.hot-links{margin:24px 0}
.hot-links h2{font-size:18px;margin-bottom:12px}
.tag-list{display:flex;flex-wrap:wrap;gap:8px}
.tag-list a{display:inline-block;padding:6px 14px;background:#fff;border-radius:16px;font-size:14px;color:#333;border:1px solid #e8e8e8;transition:all .2s}
.tag-list a:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none;background:#f0f6ff}
.tag-plain,.jfc-text{display:inline-block;padding:6px 14px;background:#f9f9f9;border-radius:16px;font-size:14px;color:#888;border:1px solid #eee}
.tag.tag-plain{background:#f9f9f9;color:#888;cursor:default}
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:16px 0}
.category-grid a{display:block;padding:14px;background:#fff;border-radius:8px;text-align:center;font-size:15px;border:1px solid #eee;transition:all .2s}
.category-grid a:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none;box-shadow:0 2px 8px rgba(26,115,232,.1)}

/* Hanzi Detail */
.hanzi-main{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}
.hanzi-char{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:72px;background:#fff;border-radius:14px;border:2px solid #1a73e8;color:#333;flex-shrink:0}
.hanzi-info{flex:1;min-width:240px}
.hanzi-info table{width:100%;border-collapse:collapse}
.hanzi-info th{width:80px;text-align:left;padding:6px 8px;color:#888;font-weight:400;font-size:14px;white-space:nowrap;vertical-align:top}
.hanzi-info td{padding:6px 8px;font-size:15px}
.detail-section{margin-bottom:12px}
.detail-section h3{font-size:16px;color:#1a73e8;margin-bottom:8px;padding-left:10px;border-left:3px solid #1a73e8}
.detail-section .content{padding:8px 0;line-height:1.8;font-size:15px}
.detail-section .content p{margin-bottom:6px}

/* Ciyu Detail */
.ciyu-header{font-size:28px;font-weight:700;margin-bottom:16px}
.ciyu-header .pinyin{font-size:16px;color:#888;font-weight:400;margin-left:8px}
.word-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.word-tags .tag{display:inline-block;padding:4px 12px;background:#f0f6ff;border-radius:12px;font-size:14px;color:#1a73e8}
.word-tags .tag.fan{background:#fef0f0;color:#d32f2f}
.example-list{padding:8px 0}
.example-list li{margin-bottom:8px;padding-left:16px;list-style:none;position:relative;line-height:1.8}
.example-list li::before{content:"·";position:absolute;left:0;color:#1a73e8;font-weight:700;font-size:20px;top:-2px}

/* Zuci List */
.zuci-header{font-size:22px;font-weight:700;margin-bottom:16px}
.zuci-group{margin-bottom:16px}
.zuci-group h3{font-size:15px;color:#888;margin-bottom:8px;font-weight:400}
.zuci-items{display:flex;flex-wrap:wrap;gap:8px}
.zuci-items a{display:inline-block;padding:5px 14px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#333;border:1px solid #eee;transition:all .15s}
.zuci-items a:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none;background:#f0f6ff}

/* Search */
.search-result{margin-bottom:12px}
.search-result h3{font-size:17px;margin-bottom:4px}
.search-result p{font-size:14px;color:#888;margin-bottom:2px}
.search-type-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #eee;padding-bottom:8px}
.search-type-tabs a{padding:6px 16px;border-radius:6px 6px 0 0;font-size:15px;color:#666;transition:all .2s}
.search-type-tabs a:hover,.search-type-tabs a.active{color:#1a73e8;background:#f0f6ff;text-decoration:none}

/* Pagination */
.pagination{text-align:center;padding:20px 0}
.pagination ul{display:inline-flex;gap:4px;list-style:none}
.pagination li a,.pagination li span{display:inline-block;padding:8px 14px;border-radius:6px;font-size:14px;border:1px solid #ddd;background:#fff;color:#333;transition:all .15s}
.pagination li a:hover{text-decoration:none;border-color:#1a73e8;color:#1a73e8}
.pagination li.active span{background:#1a73e8;color:#fff;border-color:#1a73e8}
.pagination li.dots span{border:none;background:none;color:#888}

/* Footer */
.site-footer{background:#fff;border-top:1px solid #eee;padding:24px 0;margin-top:30px;text-align:center;font-size:13px;color:#999}
.site-footer p{margin-bottom:4px}

/* 404 */
.not-found{text-align:center;padding:60px 20px}
.not-found h1{font-size:80px;color:#ddd;margin-bottom:10px}
.not-found p{font-size:18px;color:#999;margin-bottom:20px}

/* 成语网格 */
.chengyu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.chengyu-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;transition:all .15s;text-decoration:none}
.chengyu-item:hover{border-color:#1a73e8;background:#f0f6ff;text-decoration:none}
.chengyu-item strong{font-size:16px;color:#333}
.pinyin-small{font-size:12px;color:#888}
.desc-small{font-size:12px;color:#999;line-height:1.4}

/* 更多链接 */
.more-link{float:right;font-size:13px;font-weight:400;color:#1a73e8}

/* 组词首页 */
.grade-nav{display:flex;flex-wrap:wrap;gap:10px}
.grade-nav a{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#fff;border-radius:10px;font-size:16px;font-weight:600;color:#333;border:2px solid #e8e8e8;transition:all .2s;min-width:80px;text-decoration:none}
.grade-nav a:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,115,232,.12)}
.grade-nav a small{font-size:12px;font-weight:400;color:#999;margin-top:4px}
.zuci-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}
.zuci-home-item{display:flex;flex-direction:column;align-items:center;padding:12px 6px;background:#fff;border-radius:8px;border:1px solid #eee;transition:all .15s;text-decoration:none}
.zuci-home-item:hover{border-color:#1a73e8;background:#f0f6ff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(26,115,232,.1)}
.zuci-home-item .zuci-char{font-size:28px;color:#333;line-height:1.2}
.zuci-home-item .zuci-pinyin{font-size:11px;color:#999;margin-top:4px}

/* 汉语字典首页 */
.hanzi-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.hanzi-home-grid .zuci-home-item{padding:10px 4px}
.hanzi-home-grid .zuci-char{font-size:26px}
.hanzi-home-grid .zuci-pinyin{font-size:10px}

/* 近反义词首页 */
.jfc-list{display:flex;flex-direction:column;gap:0}
.jfc-item{padding:10px 0;border-bottom:1px solid #f5f5f5}
.jfc-item:last-child{border-bottom:none}
.jfc-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.8}
.jfc-word{font-size:17px;font-weight:700;color:#1a73e8}
.jfc-label{display:inline-block;padding:1px 8px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;line-height:1.5}
.jfc-label.jyc{background:#34a853}
.jfc-label.fyc{background:#ea4335}
.jfc-head>a{color:#1a73e8;font-size:14px}
.jfc-head>a:hover{text-decoration:underline}
.jfc-more{font-size:12px;color:#999}

/* 成语接龙 */
.jielong-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:2}
.jielong-start{font-weight:700;color:#1a73e8;background:#e8f0fe;padding:2px 10px;border-radius:4px}
.jielong-arrow{color:#bbb;font-size:14px}
.jielong-item{display:inline-block;padding:2px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:15px;color:#333;background:#fafafa;transition:all .15s}
.jielong-item:hover{border-color:#1a73e8;background:#f0f6ff;text-decoration:none;color:#1a73e8}

/* 拼音查词 */
.pinyin-form{margin-top:4px}
.pinyin-input-wrap{display:flex;gap:8px;max-width:480px}
.pinyin-input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s}
.pinyin-input:focus{border-color:#1a73e8}
.pinyin-btn{padding:10px 24px;background:#1a73e8;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;white-space:nowrap;transition:background .2s}
.pinyin-btn:hover{background:#1557b0}
.pinyin-result-list{display:flex;flex-wrap:wrap;gap:8px}
.pinyin-result-item{display:inline-block;padding:6px 14px;border:1px solid #e8e8e8;border-radius:6px;font-size:15px;color:#333;background:#fafafa;transition:all .15s;text-decoration:none}
.pinyin-result-item small{color:#999;margin-left:4px;font-size:12px}
.pinyin-result-item:hover{border-color:#1a73e8;background:#f0f6ff;color:#1a73e8;text-decoration:none}

/* 造句 */
.example-list{padding:8px 0;list-style:none}
.example-list li{margin-bottom:10px;padding:10px 14px;background:#fafafa;border-radius:6px;line-height:1.7;font-size:15px;border-left:3px solid #1a73e8}

/* Responsive */
@media(max-width:768px){
/* 全局 */
.container{padding:0 12px}
.card{padding:14px 12px;border-radius:8px}
.card-title{font-size:16px;margin-bottom:10px;padding-bottom:8px}

/* Header */
.site-header{padding:8px 0}
.site-header .container{padding:0 10px}
.logo{font-size:18px}
.search-bar{margin:6px 0;gap:6px}
.search-bar input{height:36px;padding:0 10px;font-size:14px;border-radius:18px}
.search-bar button{height:36px;padding:0 14px;font-size:14px;border-radius:18px}

/* 导航栏 - 横向滚动 */
.main-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:5px 10px;font-size:13px;white-space:nowrap;flex-shrink:0;border-radius:14px}

/* Hero */
.hero{padding:24px 14px;border-radius:10px;margin:12px 0}
.hero h1{font-size:20px}
.hero p{font-size:13px}
.hero .search-bar input{height:40px;font-size:14px}
.hero .search-bar button{height:40px;font-size:14px;padding:0 18px}

/* 汉字详情 */
.hanzi-main{flex-direction:column;align-items:center;text-align:center}
.hanzi-char{width:100px;height:100px;font-size:60px;border-radius:12px}
.hanzi-info{min-width:0;width:100%}
.hanzi-info th{text-align:right;width:60px;font-size:13px;padding:4px 6px}
.hanzi-info td{font-size:14px;padding:4px 6px}

/* 词语详情 */
.ciyu-header{font-size:22px;word-break:break-all}
.word-tags{gap:4px}
.word-tags .tag{padding:3px 10px;font-size:13px}

/* 组词 */
.zuci-header{font-size:18px}
.zuci-items a{padding:4px 10px;font-size:13px}

/* 成语网格 */
.chengyu-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.chengyu-item{padding:8px 10px}
.chengyu-item strong{font-size:15px}

/* 分类网格 */
.category-grid{grid-template-columns:repeat(3,1fr);gap:8px}
.category-grid a{padding:10px 6px;font-size:14px}

/* 年级导航 */
.grade-nav{gap:6px}
.grade-nav a{padding:8px 10px;font-size:13px;min-width:56px;border-radius:8px}
.grade-nav a small{font-size:11px}

/* 汉字/组词网格 */
.zuci-home-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}
.zuci-home-item{padding:8px 2px;border-radius:6px}
.zuci-home-item .zuci-char{font-size:22px}
.zuci-home-item .zuci-pinyin{font-size:9px}
.hanzi-home-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px}
.hanzi-home-grid .zuci-home-item{padding:6px 2px}
.hanzi-home-grid .zuci-char{font-size:20px}
.hanzi-home-grid .zuci-pinyin{font-size:9px}

/* 近反义词 */
.jfc-head{gap:4px;font-size:14px}
.jfc-word{font-size:15px}
.jfc-label{font-size:11px;padding:1px 6px}
.jfc-head>a{font-size:13px}

/* 标签列表 */
.tag-list{gap:5px}
.tag-list a{padding:4px 10px;font-size:13px;border-radius:14px}
.tag-plain,.jfc-text{padding:4px 10px;font-size:13px}

/* 造句 */
.example-list li{padding:8px 10px;font-size:14px;margin-bottom:8px}

/* 面包屑 */
.breadcrumb{padding:8px 0;font-size:12px}
.breadcrumb a,.breadcrumb span{font-size:12px}

/* 搜索结果 */
.search-result h3{font-size:15px}
.search-result p{font-size:13px}
.search-type-tabs{gap:4px}
.search-type-tabs a{padding:4px 12px;font-size:14px}

/* 分页 */
.pagination li a,.pagination li span{padding:6px 10px;font-size:13px}

/* 页脚 */
.site-footer{padding:16px 0;font-size:12px}
}

@media(max-width:400px){
/* 超小屏额外适配 */
.hero h1{font-size:18px}
.hero .search-bar{gap:4px}
.hero .search-bar input{height:36px;font-size:13px;padding:0 8px}
.hero .search-bar button{height:36px;font-size:13px;padding:0 12px}
.search-bar input{font-size:13px;height:34px}
.search-bar button{font-size:13px;height:34px;padding:0 12px}
.hanzi-char{width:80px;height:80px;font-size:48px}
.chengyu-grid{grid-template-columns:1fr 1fr;gap:6px}
.category-grid{grid-template-columns:repeat(2,1fr)}
.grade-nav a{padding:6px 8px;font-size:12px;min-width:48px}
.zuci-home-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px}
.zuci-home-item .zuci-char{font-size:20px}
.hanzi-home-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}
.hanzi-home-grid .zuci-char{font-size:18px}
}

/* 词典模块 */
.letter-nav{display:flex;flex-wrap:wrap;gap:6px}
.letter-nav a{display:inline-flex;align-items:center;gap:2px;padding:8px 14px;background:#fff;border-radius:8px;font-size:15px;font-weight:600;color:#333;border:1px solid #e8e8e8;transition:all .2s;min-width:44px;justify-content:center}
.letter-nav a:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none;background:#f0f6ff}
.letter-nav a small{font-size:11px;font-weight:400;color:#999;margin-left:2px}

.cidian-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.cidian-word-item{display:flex;flex-direction:column;padding:10px 12px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;transition:all .2s}
.cidian-word-item:hover{border-color:#1a73e8;background:#f0f6ff;text-decoration:none}
.cidian-word-item strong{font-size:16px;color:#333;margin-bottom:2px}
.cidian-word-item span{font-size:12px;color:#999}
.cidian-word-item em{font-size:11px;color:#1a73e8;font-style:normal;margin-top:2px}

.cidian-detail-header .pinyin{margin-top:8px}

/* 汉语大词典词条内容 */
.hdc-entry{font-size:15px;line-height:1.8;color:#333}
.hdc-entry hw{display:block;font-size:22px;font-weight:700;margin-bottom:8px}
.hdc-entry .hw{font-size:22px;font-weight:700;display:inline}
.hdc-entry simp{color:#1a73e8;margin-left:8px;font-size:16px}
.hdc-entry pron{color:#888;font-size:16px;margin-left:8px}
.hdc-entry mean{display:block;margin:8px 0;padding-left:16px;border-left:3px solid #1a73e8}
.hdc-entry xh{color:#1a73e8;font-weight:700;margin-right:4px}
.hdc-entry examples{display:block;margin:4px 0 4px 16px;padding:4px 0}
.hdc-entry example{display:block;margin:4px 0;font-size:14px;color:#555;line-height:1.7}
.hdc-entry u{color:#888;font-style:normal;text-decoration:none;margin-right:4px}
.hdc-entry book{color:#666;font-style:normal}
.hdc-entry quote{color:#333;font-style:normal}
.hdc-entry yinyun{display:block;margin:6px 0;padding:4px 8px;background:#f9f9f9;border-radius:4px;font-size:13px;color:#888}
.hdc-entry see{color:#1a73e8}
.hdc-entry a{color:#1a73e8;text-decoration:none}
.hdc-entry a:hover{text-decoration:underline}
.hdc-entry hdcs{display:block}
.hdc-entry hdc{display:block;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
.hdc-entry hdc:last-child{border-bottom:none}
.hdc-entry item{display:block;margin:8px 0}
.hdc-entry hm{display:block;margin-bottom:6px}
.hdc-entry nav1{display:inline-block;padding:2px 10px;margin:2px 4px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;background:#fafafa;cursor:pointer}
.hdc-entry nav1 b{color:#1a73e8}
.hdc-entry .entry-id{display:none}
.hdc-entry sup{font-size:12px;color:#1a73e8;vertical-align:super}
}

/* 友情链接 */
.friend-links{display:flex;flex-wrap:wrap;gap:8px}
.friend-links a{display:inline-block;padding:4px 14px;background:#f5f7fa;border:1px solid #e8eaed;border-radius:4px;font-size:14px;color:#555;transition:all .2s}
.friend-links a:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;text-decoration:none}