/**
 * FinchUI 宝宝起名 - 前端样式
 * @author 星岚工作室
 * @copyright https://www.finchui.com
 */
@charset "UTF-8";
/* CSS Reset */
html{word-wrap:break-word;word-break:break-all;font-size:14px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;margin:0;padding:0;outline:0;border:0;-webkit-tap-highlight-color:transparent}
a{color:#333;text-decoration:none;transition:all .15s ease 0s}
a:hover{text-decoration:none}
button{background:0 0;cursor:pointer}
button:focus,input:focus,textarea:focus,select:focus{outline:0}
ol,ul{list-style-type:none}
i,em{font-style:normal}
img{height:auto;max-width:100%;border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
/* 变量定义 */
:root{--primary-color:#e91e63;--primary-dark:#c2185b;--primary-light:#f8bbd9;--primary-shadow:rgba(233,30,99,.3);--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--info-color:#2196f3;--text-color:#333;--text-muted:#999;--border-color:#ededed;--bg-light:#f5f5f5}
/* 男性主题色 - 蓝色系 */
body.theme-male{--primary-color:#2196f3;--primary-dark:#1976d2;--primary-light:#bbdefb;--primary-shadow:rgba(33,150,243,.3);background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}
body.theme-male .header{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}
body.theme-male .score-circle{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}
body.theme-male .bazi-column .tiangan{color:#2196f3}
body.theme-male .bazi-column .dizhi{color:#1976d2}
body.theme-male .poetry-source{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left-color:#2196f3}
body.theme-male ::-webkit-scrollbar-thumb{background:#2196f3}
body.theme-male ::-webkit-scrollbar-thumb:hover{background:#1976d2}
/* 女性主题色 - 玫红色系（默认） */
body.theme-female{--primary-color:#e91e63;--primary-dark:#c2185b;--primary-light:#f8bbd9;--primary-shadow:rgba(233,30,99,.3);background:linear-gradient(135deg,#fff5f8 0%,#fce4ec 100%)}
body.theme-female .header{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}
body.theme-female .score-circle{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%)}
body.theme-female .bazi-column .tiangan{color:#e91e63}
body.theme-female .bazi-column .dizhi{color:#c2185b}
body.theme-female .poetry-source{background:linear-gradient(135deg,#fff5f8 0%,#fce4ec 100%);border-left-color:#e91e63}
body.theme-female ::-webkit-scrollbar-thumb{background:#e91e63}
body.theme-female ::-webkit-scrollbar-thumb:hover{background:#c2185b}
/* 页面基础 */
body.fui-naming-page{font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei",sans-serif;min-height:100vh;color:var(--text-color);transition:background .3s ease;position:relative}
/* 粒子背景 */
.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.header{color:#fff;padding-bottom:0;transition:background .3s ease;position:relative;z-index:1}
.header-content{text-align:center;padding:80px 20px}
.header h1{font-size: 36px;font-weight: 700; margin: 0 0 15px 0; color: #fff;}
.header p{ font-size: 16px; color: rgba(255, 255, 255, 0.9);font-weight: 400;}
/* 一级菜单 */
.nav-tabs{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-start;padding:0 0 20px 0;}
.nav-tabs .tab{padding:10px 20px;background:rgba(255,255,255,.2);border:none;border-radius:20px;cursor:pointer;font-size:14px;color:rgba(255,255,255,.9);backdrop-filter:blur(10px);transition:all .3s ease;text-decoration:none;display:inline-block}
.nav-tabs .tab:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}
.nav-tabs .tab.active{background:#fff;color:var(--primary-color);font-weight:500}
/* 二级菜单（卡片内） */
.sub-tabs{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;}
.sub-tabs .sub-tab{padding:10px 20px;background:transparent;border:1px solid var(--primary-light);border-radius:20px;cursor:pointer;font-size:14px;color:var(--primary-color);transition:all .3s ease;text-decoration:none;display:inline-block}
.sub-tabs .sub-tab:hover{background:var(--primary-light);border-color:var(--primary-color)}
.sub-tabs .sub-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
section{margin:20px 0;}
/* section 标准样式 */
.section-header{line-height:30px;width:100%;display:flex;align-items:center;margin:0 0 20px 0;border-bottom:1px solid var(--primary-light);}
.section-header h3{font-weight:normal;font-size:16px;display:inline-block;position:relative;}
.section-header h3::before{content:"";width:100%;height:2px;border-radius:2px;background:var(--primary-color);display:inline-block;position:absolute;top:28px;left:0;}
/* 表单样式 - 基于 FinchUI form.css */
.form-group{display:block;width:100%;position:relative;margin:20px 0}
.form-group div{margin:0}
.form-group label.form-title{display:flex;align-items:flex-end;margin-bottom:10px;line-height:1.5;font-size:14px;font-weight:bold;color:#333;gap:4px}
.form-group label.form-title span{line-height:1.5;font-size:12px;font-weight:normal;color:#999;margin:0 0 0 5px}
.form-group label.form-title .required{color:#ff4d4f;font-style:normal}
.form-group>small{margin-top:6px;font-size:12px;color:#999;line-height:1.5;display:block}
.form-group>input[type="text"],.form-group>input[type="email"],.form-group>input[type="password"],.form-group>input[type="url"],.form-group>input[type="tel"]{width:100%;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:#333;background:#fff;transition:border-color .3s,box-shadow .3s}
.form-group>select{width:auto;max-width:100%;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:#333;background:#fff;transition:border-color .3s,box-shadow .3s;cursor:pointer}
.form-group>input[type="number"]{width:100%;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:#333;background:#fff;transition:border-color .3s,box-shadow .3s}
.form-group>input[type="date"],.form-group>input[type="time"],.form-group>input[type="datetime-local"],.form-group>input[type="month"]{width:100%;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:#333;background:#fff;transition:border-color .3s,box-shadow .3s;cursor:pointer}
.form-group>input[type="date"]:hover,.form-group>input[type="time"]:hover,.form-group>input[type="datetime-local"]:hover{border-color:var(--primary-color)}
.form-group>input[type="date"]::-webkit-calendar-picker-indicator,.form-group>input[type="time"]::-webkit-calendar-picker-indicator,.form-group>input[type="datetime-local"]::-webkit-calendar-picker-indicator{display:none}
.form-group>input:focus,.form-group>select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}
.form-group>textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:3px;font-size:14px;color:#333;background:#fff;resize:vertical;min-height:120px;line-height:1.6;transition:border-color .3s,box-shadow .3s}
.form-group>textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}
.form-group .option{display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:8px}
.form-group .option label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#666;font-weight:normal;cursor:pointer;line-height:1.5}
.form-group .option input[type="radio"],.form-group .option input[type="checkbox"]{width:16px;height:16px;cursor:pointer;margin:0;accent-color:var(--primary-color)}
.form-group .btn-submit,.form-group .btn-reset{display:inline-block;padding:0 24px;line-height:38px;font-size:14px;border:0;border-radius:3px;cursor:pointer;transition:all .3s;margin-right:15px}
.form-group .btn-submit{background:var(--primary-color);color:#fff}
.form-group .btn-submit:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-shadow)}
.form-group .btn-reset{background:#f5f5f5;color:#666}
.form-group .btn-reset:hover{background:#e6e6e6}
.form-group .input-half,.form-group>select.input-half,.form-group>input.input-half{width:50%}
/* 多列下拉选择框布局 */
.select-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}
.select-row select{width:100%;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:#333;background:#fff;transition:border-color .3s,box-shadow .3s;cursor:pointer}
.select-row select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}
/* 表单网格布局 */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.form-grid .form-group{margin:0;}
.form-grid .form-group.full-width{grid-column:1/-1}
/* 条件显隐控制 */
.wuxing3-group,.char3-group,.auto-filter-score,.poetry-auto-filter-score{display:none}
/* 结果展示 */
.results-list,.english-list,.nickname-list,.faq-list{margin:0;padding:0;list-style:none}
.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}
.results-list li{background:#fff;padding:15px 20px 15px 10px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;animation:fadeIn .3s ease;position:relative;cursor:pointer}
.results-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
/* 名字头部：字符详情 + 评分 */
.name-header{display:flex;justify-content:space-between;align-items:center;}
.name-chars{display:flex;gap:8px;align-items:center}
.char-detail{display:flex;flex-direction:column;align-items:center;min-width:50px}
.char-pinyin{font-size:12px;color:var(--text-muted);margin-bottom:2px;height:16px}
.char-text{font-size:26px;font-weight:600;color:var(--text-color);line-height:1.2}
.char-wuxing{font-size:11px;margin-top:2px;padding:1px 6px;border-radius:8px;background:#f5f5f5}
.char-wuxing.wx-金{background:#ffd70033;color:#b8860b}
.char-wuxing.wx-木{background:#4caf5033;color:#2e7d32}
.char-wuxing.wx-水{background:#2196f333;color:#1565c0}
.char-wuxing.wx-火{background:#f4433633;color:#c62828}
.char-wuxing.wx-土{background:#79554833;color:#5d4037}
/* 评分样式 - 大字无背景 */
.name-score{font-size:36px;font-weight:700;color:var(--primary-color);line-height:1}
.name-score small{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:2px}
/* 名字卡片遮罩层 */
.name-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;z-index:10;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease}
.name-item-overlay.active{display:flex}
.name-item-overlay .overlay-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.name-item-overlay .overlay-actions button{background:#fff;border:none;padding:5px 15px;border-radius:15px;cursor:pointer;font-size:13px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .2s ease;white-space:nowrap}
.name-item-overlay .overlay-actions button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.name-item-overlay .overlay-actions button:active{transform:scale(0.98)}
.name-item-overlay .btn-copy{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.name-item-overlay .btn-favorite{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}
.name-item-overlay .btn-favorite.is-favorited{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);color:#fff}
.name-item-overlay .btn-view-score{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff}
.name-item-overlay .btn-dislike{background:#f5f5f5;color:#666}
.name-item-overlay .btn-block-name{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);color:#fff}
/* 评分展示 */
.score-display{text-align:center;padding:30px}
.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 20px;color:#fff}
.score-circle .score{font-size:48px;font-weight:700}
.score-circle .label{font-size:14px;opacity:.9}
.score-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}
.score-item{background:#fff;padding:18px 15px;border-radius:10px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}
.score-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.score-item .value{font-size:24px;font-weight:600;color:var(--primary-color)}
.score-item .label{font-size:13px;color:var(--text-muted);margin-top:5px}

/* 八字展示 */
.bazi-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}
.bazi-column{text-align:center;background:#fff;padding:18px 15px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}
.bazi-column:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.bazi-column .pillar{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.bazi-column .tiangan{font-size:24px;font-weight:600;color:var(--primary-color)}
.bazi-column .dizhi{font-size:24px;font-weight:600;color:var(--primary-dark);margin-top:8px}
/* 五行展示 */
.wuxing-chart{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.wuxing-item{text-align:center}
.wuxing-item .icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:5px}
.wuxing-item .icon.jin{background:#ffd700;color:#333}
.wuxing-item .icon.mu{background:#4caf50;color:#fff}
.wuxing-item .icon.shui{background:#2196f3;color:#fff}
.wuxing-item .icon.huo{background:#f44336;color:#fff}
.wuxing-item .icon.tu{background:#795548;color:#fff}
.wuxing-item .count{font-weight:600}
/* 收藏列表 */
.favorites-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}
#favorites-list ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}
#favorites-list li{background:#fff;padding:15px 20px 15px 10px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;position:relative;cursor:pointer}
#favorites-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
#favorites-list li .name-header{display:flex;justify-content:space-between;align-items:center}
#favorites-list li .name-chars{display:flex;gap:8px;align-items:center}
/* 收藏列表 - 英文名 */
#favorites-list li.english-type{padding:20px}
#favorites-list li.english-type .english-name-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
#favorites-list li.english-type .english-name{font-size:22px;font-weight:600;color:var(--text-color)}
#favorites-list li.english-type .english-phonetic{font-size:14px;color:#888;font-family:"Times New Roman",serif}
#favorites-list li.english-type .english-chinese{font-size:16px;color:var(--text-color);text-align:center;margin-top:8px;font-weight:500}
#favorites-list li.english-type .english-meaning{font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px;line-height:1.5}
#favorites-list li.english-type .english-origin{font-size:12px;color:#9eb3c8;text-align:center;margin-top:6px}
#favorites-list li.english-type .ai-tag{position:static;margin-left:4px}
/* 英文名 */
.english-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}
.english-list li{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;position:relative;cursor:pointer}
.english-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.english-list .english-name-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.english-list .english-name{font-size:22px;font-weight:600;color:var(--text-color)}
.english-list .english-phonetic{font-size:14px;color:#888;font-family:"Times New Roman",serif}
.english-list .english-name-row .ai-tag{position:static;margin-left:4px}
.english-list .english-chinese{font-size:16px;color:var(--text-color);text-align:center;margin-top:8px;font-weight:500}
.english-list .english-meaning{font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px;line-height:1.5}
.english-list .english-origin{font-size:12px;color:#9eb3c8;text-align:center;margin-top:6px}
.english-list .english-reason{font-size:12px;color:#888;text-align:center;margin-top:8px;padding-top:8px;border-top:1px dashed #eee}
/* 小名 */
.nickname-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.nickname-list li{padding:5px 0;font-size:16px;cursor:pointer;transition:all .2s ease;user-select:none;text-align:center;color:var(--primary-color)}
.nickname-list li:hover{background:var(--primary-color);color:#fff;border-radius:10px;transform:scale(1.05)}
.nickname-list li.copied{background:#52c41a;color:#fff;border-radius:10px}
.nickname-list .nickname-text{display:inline}
.nickname-list li.ai-generated{color:#667eea;display:flex;align-items:center;justify-content:center;gap:4px}
.nickname-list li.ai-generated:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.nickname-list li.ai-generated .ai-tag-mini{background:rgba(102,126,234,.15);color:#667eea;padding:2px 6px;border-radius:8px;font-size:10px;line-height:1;transition:all .2s ease}
.nickname-list li.ai-generated:hover .ai-tag-mini{background:#fff;color:#667eea}
/* 诗词取名 */

.results-list .poetry-source{margin:12px 0 0;padding:10px 15px;background:linear-gradient(135deg,#fff5f8 0%,#fce4ec 100%);border-radius:8px;border-left:3px solid var(--primary-color)}
.poetry-source .source-text{display:block;font-style:italic;color:#666;font-size:14px;line-height:1.6}
.poetry-source .source-from{display:block;text-align:right;font-size:12px;color:var(--text-muted);margin-top:5px}
/* 加载动画 */
.loading{text-align:center;padding:40px;grid-column:1/-1;width:100%}
.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}
/* 动画 */
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes spin{to{transform:rotate(360deg)}}
/* 滚动条 */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}
::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}
/* ==================== AI 功能样式 ==================== */
/* AI 开关组 */
.ai-switch-group{background:linear-gradient(135deg,#f8f9ff 0%,#e8f4fd 100%);padding:12px 16px;border-radius:10px;border:1px dashed #667eea33;margin-top:5px}
.ai-switch-group .ai-switch-row{display:flex;align-items:center;justify-content:space-between}
.ai-switch-group label.form-title{margin-bottom:0;display:flex;align-items:center;gap:8px;cursor:pointer}
.ai-switch-group input.ai-switch{accent-color:#667eea;width:18px;height:18px}
.ai-switch-group input.ai-switch:disabled{opacity:.5;cursor:not-allowed}
.ai-switch-group .ai-hint{font-size:12px;color:#888;margin:8px 0 0 0}
.ai-quota{font-size:12px;color:#667eea;background:rgba(102,126,234,.1);padding:4px 10px;border-radius:10px;white-space:nowrap}
.ai-quota.exhausted{color:#999;background:#f0f0f0}
.ai-filter-tip{background:#fff9e6;border:1px solid #ffe58f;border-radius:8px;padding:10px 14px;margin-bottom:15px;font-size:13px;color:#876800;line-height:1.5}

/* AI 标签 */
.ai-tag{position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;color:#667eea;background:rgba(102,126,234,.1);padding:3px 10px;border-radius:10px;line-height:1;z-index:1}
.ai-tag-mini{font-size:10px;margin-left:2px;opacity:.8}

/* AI 生成的名字项目样式 */
.results-list li.ai-generated,
.english-list li.ai-generated,
#favorites-list li.ai-generated{background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);border:1px solid #667eea20;box-shadow:0 2px 8px rgba(0,0,0,.06)}

/* AI 评测结果 */
#ai-result{margin-top:20px}
#ai-result .ai-content-wrapper{position:relative;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
#ai-result .ai-content-wrapper .cache-tag{position:absolute;top:12px;right:12px}
#ai-result #ai-content{font-size:14px;line-height:1.8;color:#444}
#ai-result #ai-content h2{font-size:18px;font-weight:600;color:#333;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid #eee}
#ai-result #ai-content h3{font-size:16px;font-weight:600;color:#333;margin:18px 0 10px}
#ai-result #ai-content h4{font-size:15px;font-weight:600;color:#333;margin:16px 0 8px}
#ai-result #ai-content p{margin:0 0 12px;text-indent:2em}
#ai-result #ai-content strong{color:#333;font-weight:600}
#ai-result #ai-content .ai-section-title{display:block;color:#667eea;margin:16px 0 8px;font-weight:600}
#ai-result #ai-content em{color:var(--primary-color);font-style:normal}
#ai-result #ai-content br+br{display:none}
.cache-tag{font-size:11px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px;margin-left:10px;font-weight:normal}

/* 姓名释义样式 */
.name-meaning{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.name-meaning .meaning-item{display:flex;gap:15px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;align-items:flex-start}
.name-meaning .meaning-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.name-meaning .meaning-char{font-size:28px;font-weight:600;color:var(--primary-color);min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;flex-shrink:0;border:1px solid #e0e0e0}
.name-meaning .meaning-char::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 49%,#d0d0d0 49%,#d0d0d0 51%,transparent 51%),linear-gradient(0deg,transparent 49%,#d0d0d0 49%,#d0d0d0 51%,transparent 51%),linear-gradient(45deg,transparent 49%,#e0e0e0 49%,#e0e0e0 51%,transparent 51%),linear-gradient(-45deg,transparent 49%,#e0e0e0 49%,#e0e0e0 51%,transparent 51%);z-index:0}
.name-meaning .meaning-char span{position:relative;z-index:1}
.name-meaning .meaning-text{flex:1;font-size:14px;color:#666;line-height:1.8;text-align:justify;padding-top:2px}

/* ==================== 起名历史页面 ==================== */
/* 提示信息 */
.history-notice{background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border:1px solid var(--primary-color);border-radius:10px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.history-notice-content{flex:1;min-width:200px}
.history-notice-tip{font-size:13px;color:var(--text-muted);margin:0 0 8px}
.history-stats{display:flex;gap:10px;align-items:center;font-size:13px;color:#666;flex-wrap:wrap}
.history-stats strong{color:var(--primary-color);font-weight:600}
.history-stats .stat-divider{color:#ddd}
.history-notice .btn-clear-history{padding:8px 16px;background:#fff;border:1px solid var(--primary-color);border-radius:8px;cursor:pointer;font-size:13px;color:var(--primary-color);transition:all .3s ease;font-weight:500;white-space:nowrap;flex-shrink:0}
.history-notice .btn-clear-history:hover{background:var(--primary-color);color:#fff}

/* 筛选区域 */
.history-filters{background:#fff;border:1px solid var(--primary-light);border-radius:10px;padding:15px 20px;margin-bottom:20px}
.filter-group{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.filter-group:last-child{margin-bottom:0}
.filter-label{font-size:13px;color:#666;white-space:nowrap;min-width:70px}
.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}
.history-category-btn,
.history-source-btn,
.history-sort-btn{padding:6px 14px;background:#fff;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:12px;color:var(--text-color);transition:all .3s ease}
.history-category-btn:hover,
.history-source-btn:hover,
.history-sort-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}
.history-category-btn.active,
.history-source-btn.active,
.history-sort-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}

/* 历史列表项 */
#history-list{margin:0;padding:0;list-style:none}
#history-list li{background:#fff;border-radius:10px;padding:15px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}
#history-list li:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}
.history-main{flex:1}
.history-name{font-size:18px;font-weight:500;color:var(--text-color);margin-bottom:8px}
.history-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.history-category{padding:3px 10px;border-radius:10px;font-size:11px;background:#f0f0f0;color:#666}
.history-source{padding:3px 10px;border-radius:10px;font-size:11px}
.history-source.source-ai{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.history-source.source-traditional{background:#e3f2fd;color:#2196f3}
.history-score{padding:3px 10px;border-radius:10px;font-size:11px;background:#e8f5e9;color:#4caf50}
.history-right{display:flex;align-items:center;gap:12px}
.history-date{font-size:12px;color:#999}
.btn-copy-history{padding:4px 10px;border:1px solid var(--border-color);background:#fff;color:var(--text-color);border-radius:10px;cursor:pointer;font-size:12px;transition:all .3s ease}
.btn-copy-history:hover{border-color:var(--primary-color);color:var(--primary-color)}
.btn-delete-history{width:24px;height:24px;border:none;background:#f5f5f5;color:#999;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.btn-delete-history:hover{background:#ff5252;color:#fff}

/* 分页 */
.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0}
.pagination .page-info{font-size:13px;color:var(--text-muted)}
.pagination .btn-page{padding:8px 20px;background:#fff;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:13px;color:var(--text-color);transition:all .3s ease}
.pagination .btn-page:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}
.pagination .btn-page:disabled{opacity:.5;cursor:not-allowed}

/* 空状态 */
.history-empty{text-align:center;padding:60px 20px;color:#999}
.history-empty p:first-child{font-size:16px;color:#666}

/* ==================== 常见问题页面 ==================== */
.faq-list li{background:#fff;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease}
.faq-list li:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.faq-question{padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;color:var(--text-color);user-select:none}
.faq-question:hover{background:#f9f9f9}
.faq-toggle{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-size:16px;font-weight:400;line-height:1;transition:background .3s ease}
.faq-list li.active .faq-toggle{background:var(--text-muted)}
.faq-answer{display:none;padding:15px 20px 18px;font-size:14px;line-height:1.8;color:#666;border-top:1px solid #f0f0f0}
.faq-answer p{margin:10px 0}
.faq-list .faq-empty{text-align:center;padding:60px 20px;color:#999}
.faq-list .faq-empty p:first-child{font-size:16px;color:#666}

/* ==================== 通用样式 ==================== */
/* 隐藏元素 */
.hidden{display:none}
/* 产品 Logo */
.product-logo{max-height:60px;margin-bottom:10px}
/* 小节标题 */
.section-subtitle{margin:20px 0 15px;border-bottom:1px solid #eee;padding-bottom:10px;font-size:16px;font-weight:600;color:var(--text-color)}
/* 提示信息 */
.hint-text{color:#999;text-align:center}
.hint-sub{margin-top:10px;font-size:13px}
/* 计数器 */
#nickname-count{font-size:14px;font-weight:normal;color:#999;margin-left:10px}
/* 专家模式提示 */
.expert-hint{color:#999;margin-left:8px}
/* AI 专业点评 */
/* #ai-result h3{margin:20px 0 15px;border-bottom:1px solid #eee;padding-bottom:10px} */

/* ==================== 评分详情样式 ==================== */
/* 姓名五行展示 */
.name-wuxing-display{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.name-wuxing-display .char-item{text-align:center;min-width:60px}
.name-wuxing-display .char-pinyin{font-size:13px;color:#999;height:18px}
.name-wuxing-display .char-text{font-size:32px;font-weight:bold;color:#333}
.name-wuxing-display .char-wuxing-tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:13px;margin-top:4px}
.name-wuxing-display .char-strokes{color:#999;font-size:12px;margin-top:4px}
/* 八字额外信息卡片 */
.bazi-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}
.bazi-extra .info-item{background:#fff;padding:18px 15px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;text-align:center}
.bazi-extra .info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.bazi-extra .info-label{color:#999;font-size:12px;margin-top:8px}
.bazi-extra .info-value{font-size:16px;font-weight:bold}
.bazi-extra .info-value.xiyongshen{color:#e74c3c}
.bazi-extra .info-value.jishen{color:#666}

/* ==================== 响应式布局 ==================== */
/* 中等屏幕 - 平板横屏 */
@media (max-width:1280px){
    .container{max-width:1000px}
    .results-list,.english-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
    #favorites-list ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
}

/* 小屏幕 - 平板竖屏 */
@media (max-width:1024px){
    .container{max-width:100%;padding:0 20px}
    .header-content{padding:60px 20px}
    .header h1{font-size:30px}
    .form-grid{grid-template-columns:1fr}
    .results-list,.english-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
    #favorites-list ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
    .score-details{grid-template-columns:repeat(3,1fr)}
}

/* 移动设备适配 */
@media (max-width:768px){
    /* 头部 */
    .header-content{padding:45px 20px}
    .header h1{font-size:24px}
    .header p{font-size:14px}
    .header-nav{padding:0 15px 15px}
    /* 导航 */
    .nav-tabs , .sub-tabs{justify-content:center;gap:10px 15px;}
    .nav-tabs .tab , .sub-tabs .sub-tab{padding:8px 14px;font-size:13px}
    /* 容器和区块 */
    .container{padding:0 15px}
    section{margin:15px 0}
    .form-grid{padding:15px;gap:15px}
    /* 表单 */
    .form-group .input-half,.form-group>select.input-half,.form-group>input.input-half{width:100%}
    .select-row{grid-template-columns:repeat(2,1fr);gap:10px}
    /* 结果列表 */
    .results-list,.english-list{grid-template-columns:1fr}
    #favorites-list ul{grid-template-columns:1fr}
    .nickname-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;padding:15px}
    /* 八字 */
    .bazi-chart{grid-template-columns:repeat(2,1fr)}
    .bazi-extra{grid-template-columns:repeat(2,1fr)}
    /* 评分 */
    .score-circle{width:120px;height:120px}
    .score-circle .score{font-size:36px}
    .score-details{grid-template-columns:repeat(2,1fr)}
    /* AI */
    .ai-switch-group{flex-direction:column;gap:10px;align-items:flex-start}
    .ai-switch-group .ai-switch-row{width:100%}
    .ai-quota{align-self:flex-end}
    /* 历史 */
    #history-list li{flex-direction:column;align-items:flex-start;gap:10px}
    .history-right{width:100%;justify-content:space-between}
    .filter-group{flex-direction:column;align-items:flex-start}
    .filter-label{margin-bottom:5px}
    .history-stats{flex-wrap:wrap}
    /* FAQ */
    .faq-question{font-size:14px;padding:15px}
    .faq-answer{padding:12px 15px 15px;font-size:13px}
}

/* 小尺寸手机适配 */
@media (max-width:480px){
    /* 头部 */
    .header-nav{padding:0 12px 12px}
    /* 表单 */
    .select-row{grid-template-columns:1fr}
    .form-group label.form-title{font-size:13px}
    .form-group>input,.form-group>select,.form-group>textarea{font-size:13px}
    /* 名字卡片 */
    .results-list li{padding:12px 15px 12px 8px}
    .char-text{font-size:22px}
    .char-pinyin{font-size:11px}
    .char-wuxing{font-size:10px}
    .name-score{font-size:28px}
    .name-score small{font-size:12px}
    /* 英文名 */
    .english-list li{padding:15px}
    .english-list .english-name{font-size:18px}
    .english-list .english-chinese{font-size:14px}
    .english-list .english-meaning{font-size:12px}
    /* 小名 */
    .nickname-list{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;padding:12px}
    .nickname-list li{font-size:14px;padding:4px 0}
    /* 评分详情 */
    .name-wuxing-display{gap:12px}
    .name-wuxing-display .char-text{font-size:26px}
    .score-circle{width:100px;height:100px}
    .score-circle .score{font-size:30px}
    .score-circle .label{font-size:12px}
    .score-details{grid-template-columns:1fr 1fr}
    .score-item{padding:10px}
    .score-item .value{font-size:20px}
    /* 八字 */
    .bazi-column{padding:10px}
    .bazi-column .tiangan,.bazi-column .dizhi{font-size:20px}
    .bazi-extra{grid-template-columns:1fr 1fr;gap:10px}
    .bazi-extra .info-item{padding:10px}
    /* 历史 */
    .history-name{font-size:16px}
    .history-tags{gap:5px}
    .history-category,.history-source,.history-score{font-size:10px;padding:2px 8px}
    .btn-copy-history{font-size:11px;padding:3px 8px}
    /* 分页 */
    .pagination{gap:10px}
    .pagination .btn-page{padding:6px 14px;font-size:12px}
    .pagination .page-info{font-size:12px}
    /* FAQ */
    .faq-question{font-size:13px;padding:12px}
    .faq-toggle{width:20px;height:20px;min-width:20px;font-size:14px}
    .faq-answer{padding:10px 12px 12px;font-size:12px}
    /* AI */
    .ai-switch-group{padding:10px 14px}
    .ai-switch-group .ai-switch-row{align-items:flex-start;gap:10px}
    .ai-switch-group label.form-title{font-size:13px;gap:6px}
    .ai-switch-group input.ai-switch{width:16px;height:16px}
    .ai-switch-group .ai-hint{font-size:11px;margin-top:6px}
    .ai-quota{font-size:11px;padding:3px 8px;align-self:flex-start}
    .ai-tag{font-size:10px;padding:2px 8px}
    #ai-result .section-header{font-size:14px;padding:12px 15px}
    .ai-analysis{font-size:13px}
}

/* 打印样式 */
@media print{
    .header,.nav-tabs,form,.pagination{display:none!important}
    section{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}
    .results-list{grid-template-columns:repeat(2,1fr)}
}