/**
 * 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:#C94135;--primary-dark:#A8332A;--primary-light:#F5E6C8;--primary-shadow:rgba(201,65,53,.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.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);position:relative;background:linear-gradient(135deg,#FDF8F0 0%,#F5E6C8 100%)}
/* 粒子背景 */
.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;position:relative;z-index:1;background:linear-gradient(135deg,#C94135 0%,#A8332A 100%)}
.header-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:center;gap:32px;padding:56px 0 46px}
.header-content.no-miniapp{grid-template-columns:minmax(0,1fr)}
.header-content.no-miniapp .header-brand{justify-content:center;flex-direction:column;text-align:center;gap:20px}
.header-content.no-miniapp .header-copy{text-align:center}
.header-brand{display:flex;align-items:center;gap:15px;min-width:0}
.product-logo-wrap{width: 76px;height:76px;border-radius:16px;border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.product-logo{width:100%;height:100%;max-width:none;max-height:none;margin:0;display:block;object-fit:cover}
.header-copy{min-width:0}
.header-copy h1{font-size:32px;font-weight:700;line-height:1.25;margin:0 0 10px 0;color:#fff}
.header-copy p{font-size:16px;line-height:1.5;color:rgba(255,255,255,.9);font-weight:400;max-width:720px}
.header-miniapp-card{width:100%;justify-self:end;display:flex;justify-content:flex-end}
.header-entry-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.header-miniapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.36);box-shadow:none;transition:transform .2s ease,border-color .2s ease,color .2s ease}
.header-miniapp-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.7);color:#fff}
.header-ios-app-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.36)}
.header-ios-app-btn:hover{color:#fff;background:transparent;border-color:rgba(255,255,255,.7)}
.header-entry-icon{display:block;width:16px;height:16px;flex-shrink:0;object-fit:contain}
/* 一级菜单 */
.nav-tabs{display:flex;gap:14px 16px;flex-wrap:wrap;justify-content:flex-start;padding:0 0 24px 0;}
.nav-tabs .tab{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);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{margin-top:20px}
/* 多维度条形评分 */
.dimension-list{display:flex;flex-direction:column;gap:6px}
.dimension-row{display:flex;align-items:center;gap:10px;padding:6px 4px}
.dim-label{width:110px;flex-shrink:0;font-size:13px;color:var(--text-secondary);text-align:right}
.dim-bar-wrap{flex:1;height:16px;background:#f0f0f0;border-radius:8px;overflow:hidden}
.dim-bar{height:100%;border-radius:8px;transition:width .6s ease}
.dim-bar.bar-excellent{background:linear-gradient(90deg,#52c41a,#73d13d)}
.dim-bar.bar-good{background:linear-gradient(90deg,var(--primary-color),var(--primary-light,#69b1ff))}
.dim-bar.bar-fair{background:linear-gradient(90deg,#faad14,#ffc53d)}
.dim-bar.bar-low{background:linear-gradient(90deg,#ff4d4f,#ff7875)}
.dim-score{width:32px;flex-shrink:0;font-size:14px;font-weight:600;color:var(--text-primary);text-align:right}
.dim-details{padding:0 4px 4px calc(110px + 10px);font-size:12px;color:var(--text-muted);line-height:1.4}
/* 旧版分项兼容 */
.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-filter-tip b{font-weight:600}

/* 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点评和关于页面 */
.content-wrapper{position:relative;background:#fff;overflow: hidden;border-radius:10px;padding:0 20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.content-wrapper .cache-tag{position:absolute;top:12px;right:12px}
.cache-tag{font-size:11px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px;margin-left:10px;font-weight:normal}
.article-content{font-size:14px;line-height:1.75;color:#444}
.article-content>*{margin:20px 0}
.article-content a{color:var(--primary-color);vertical-align:bottom}
.article-content a:hover{text-decoration:underline}
/* 标题样式 */
.article-content>h2{font-size:20px;color:#1a1a1a;padding-bottom:8px;border-bottom:3px solid var(--primary-color);margin:30px 0 20px 0;line-height:1.4}
.article-content>h3{font-size:18px;color:#333;padding-left:10px;border-left:3px solid var(--primary-color);margin:25px 0 20px 0;line-height:1.4}
.article-content>h4{font-size:16px;color:#333;line-height:1.5}
.article-content>h5{font-size:15px;color:#555;line-height:1.5}
.article-content>h6{font-size:14px;color:#666;line-height:1.5}
/* 段落和文本 */
.article-content strong{color:#333;font-weight:600}
.article-content em{color:var(--primary-color);font-style:normal}
/* 引用 */
.article-content blockquote{position:relative;padding:15px 20px 15px 50px;margin:20px 0;background:var(--bg-light);border-radius:0 6px 6px 0;border-left:4px solid var(--primary-color)}
.article-content blockquote::before{content:'"';position:absolute;top:5px;left:15px;font-size:32px;color:#ccc;font-family:Georgia,serif}
.article-content blockquote p{margin:0 0 10px 0;text-indent:0;line-height:1.6}
/* 列表 */
.article-content>ul,.article-content>ol{padding:0 0 0 32px;margin:15px 0}
.article-content>ul{list-style-type:disc}
.article-content>ol{list-style-type:decimal}
.article-content li{margin:8px 0;line-height:1.6}
/* 图片 */
.article-content img{max-width:100%!important;height:auto!important;border-radius:6px;}
/* 表格 */
.article-content table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;margin:20px 0;overflow:hidden}
.article-content table td,.article-content table th{padding:10px 15px;border:1px solid var(--border-color);word-break:break-word}
.article-content table td p,.article-content table th p{margin:0}
.article-content table tr:nth-child(2n){background:#f9f9f9}
.article-content table>thead>tr{background:#f5f5f5}
.article-content table>thead>tr>th{font-weight:600;text-align:left}
/* 代码 */
.article-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,"Courier New",monospace;font-size:13px;color:#c7254e}
.article-content pre{background:#2d2d2d;color:#f8f8f2;padding:15px;border-radius:6px;overflow-x:auto;margin:20px 0;line-height:1.75}
.article-content pre code{display:inline;background:transparent;padding:0;color:inherit;font-size:13px}
/* 分隔线 */
.article-content hr{border:none;border-top:1px solid var(--border-color);margin:30px 0}
/* 响应式 */
@media (max-width:768px){
    .article-content{font-size:14px}
    .article-content>h2{font-size:18px}
    .article-content>h3{font-size:16px}
    .article-content>h4{font-size:15px}
}

/* 姓名释义样式 */
.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}

/* ==================== 导出工具栏 ==================== */
.export-toolbar{display:flex;justify-content:flex-end;margin-bottom:15px}
.btn-export{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;font-size:13px;color:#fff;transition:all .3s ease;font-weight:500}
.btn-export:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.btn-export i{font-size:14px}

/* ==================== 起名历史页面 ==================== */
/* 提示信息 */
.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-overflow-warning{font-size:13px;color:#e65100;background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;padding:8px 12px;margin:8px 0 0}
.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-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}
.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}
.history-notice .btn-clear-history:hover{background:var(--primary-color);color:#fff}
@media (max-width:600px){.history-notice{flex-direction:column;align-items:stretch}.history-notice-actions{justify-content:flex-end}}

/* 筛选区域 */
.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}
/* 小节标题 */
.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}
/* ==================== 评分详情样式 ==================== */
/* 姓名五行展示 */
.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{grid-template-columns:1fr;gap:20px;padding:48px 0 38px}
    .header-miniapp-card{justify-self:start}
    .header-copy h1{font-size:32px}
    .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))}
}

/* 移动设备适配 */
@media (max-width:768px){
    /* 头部 */
    .header-content{padding:38px 0 28px;text-align:center}
    .header-brand{flex-direction:column;gap:14px;text-align:center}
    .product-logo-wrap{width:76px;height:76px;border-radius:24px}
    .product-logo{width:100%;height:100%}
    .header-copy h1{font-size:26px}
    .header-copy p{font-size:14px;max-width:none}
    .header-miniapp-card{justify-self:stretch;justify-content:center}
    .header-entry-actions{flex-direction:column}
    .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}
    .dim-label{width:90px;font-size:12px}
    .dim-details{padding-left:calc(90px + 10px)}
    /* 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}
    .header-copy h1{font-size:22px}
    .header-miniapp-btn{width:100%}
    /* 表单 */
    .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}
    .dim-label{width:76px;font-size:11px}
    .dim-score{font-size:12px}
    .dim-bar-wrap{height:14px}
    .dim-details{padding-left:calc(76px + 10px);font-size:11px}
    /* 八字 */
    .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-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)}
}

/* 关于页面 */
.about-title{font-size:22px;font-weight:600;color:var(--text-color);margin:0 0 20px 0;padding-bottom:15px;border-bottom:1px solid var(--border-color)}
.about-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.about-empty p{margin:0 0 10px 0;font-size:16px;color:#666}
.about-empty .hint-sub{font-size:14px;color:#999}
@media (max-width:768px){
    .about-title{font-size:20px}
}

/* 页脚 */
footer{position:relative;z-index:1;margin-top:40px}
.footer{border-top:1px solid var(--primary-light);padding:15px 0 30px;font-size:14px;color:#999;text-align:center}
.footer a{color:#999;transition:color .3s}
.footer a:hover{color:var(--primary-color)}
.footer ul{margin:0 0 15px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}
.footer ul li{line-height:1.5;display:inline-block}
.footer p{margin:0;line-height:1.8}
.footer .gongan{width:14px;height:14px;margin-right:3px;vertical-align:middle}
@media (max-width:768px){
    footer{margin-top:30px}
    .footer{padding:15px 0 20px}
    .footer ul{gap:6px 15px}
}

/* 起名卡页面样式 */
.card-intro,.card-buy{padding:20px 0}
.card-intro h2,.card-buy h2{font-size:22px;font-weight:600;color:var(--text-color);margin:0 0 10px 0}
.card-intro h3,.card-buy h3{font-size:18px;font-weight:600;color:var(--text-color);margin:25px 0 15px 0}
.card-intro p,.card-buy p.card-desc{color:#666;line-height:1.8;margin:0 0 15px 0}
.feature-list{margin:0 0 20px 0;padding:0}
.feature-list li{padding:8px 0;color:#555;font-size:15px;line-height:1.6;display:flex;align-items:center;gap:8px}
.feature-list li i{font-size:16px;color:#52c41a;flex-shrink:0}
/* 大师服务特点 */
.master-features{margin:15px 0;padding:0;list-style:none}
.master-features li{padding:8px 0;color:#555;font-size:14px;line-height:1.6;display:flex;align-items:center;gap:8px}
.master-features li i{font-size:16px;color:#52c41a;flex-shrink:0}
/* 起名卡类型展示 */
.card-types{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0 30px}
.card-type{background:#fff;border:2px solid var(--border-color);border-radius:10px;padding:25px 15px;text-align:center;transition:all .3s ease;position:relative}
.card-type:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.card-type.popular{border-color:var(--primary-color);background:linear-gradient(135deg,#fff 0%,var(--primary-light) 100%)}
.card-type .card-tag{position:absolute;top:-10px;right:15px;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:10px;font-size:12px}
.card-type .card-name{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 10px 0}
.card-type .card-price{font-size:28px;font-weight:700;color:var(--primary-color);margin:0 0 5px 0}
.card-type .card-days{font-size:14px;color:#999}
.card-actions{display:flex;gap:15px;margin-top:30px}
.card-actions .btn-submit,.card-actions .btn-reset{display:inline-block;padding:0 24px;line-height:38px;font-size:14px;border:0;border-radius:3px;cursor:pointer;transition:all .3s;text-decoration:none;text-align:center}
.card-actions .btn-submit{background:var(--primary-color);color:#fff}
.card-actions .btn-submit:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-shadow)}
.card-actions .btn-reset{background:#f5f5f5;color:#666;border:1px solid var(--border-color)}
.card-actions .btn-reset:hover{background:#e6e6e6}
/* 购买表单 */
.buy-form .card-select{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 25px 0}
.card-option{cursor:pointer}
.card-option input{display:none}
.card-option .card-box{background:#fff;border:2px solid var(--border-color);border-radius:10px;padding:20px 10px;text-align:center;transition:all .3s ease;position:relative}
.card-option input:checked + .card-box{border-color:var(--primary-color);background:var(--primary-light)}
.card-option:hover .card-box{border-color:var(--primary-color)}
.card-option .card-box .card-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}
.card-option .card-box .card-price{font-size:22px;font-weight:700;color:var(--primary-color);margin:0 0 5px 0}
.card-option .card-box .card-days{font-size:13px;color:#999}
.card-option .card-box.popular{border-color:var(--primary-color)}
.card-option .card-box.popular .card-tag{position:absolute;top:-10px;right:10px;background:var(--primary-color);color:#fff;padding:3px 10px;border-radius:8px;font-size:11px}
/* 支付方式 */
.pay-methods,.pay-options{display:flex;gap:15px;flex-wrap:wrap}
.pay-option{cursor:pointer}
.pay-option input{display:none}
.pay-option .pay-box{display:flex;align-items:center;justify-content:center;padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;transition:all .3s ease;background:#fff}
.pay-option input:checked + .pay-box,.pay-option input:checked + span.pay-box{border-color:var(--primary-color);background:var(--primary-light)}
.pay-option:hover .pay-box{border-color:var(--primary-color)}
.pay-img{height:28px;width:auto;display:block}
.pay-disabled,.recover-disabled{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:10px}
.pay-disabled p,.recover-disabled p{margin:0 0 10px 0;font-size:16px;color:#666}
/* 支付结果 */
.payment-info{text-align:center;padding:30px 30px 20px 30px;background:#f0fff4;border-radius:10px;border:1px solid #b7eb8f}
.payment-info h3{color:#52c41a;margin:0 0 20px 0}
.payment-info p{margin:10px 0;color:#555}
#pay-qrcode{margin:20px 0;padding:15px;background:#fff;border-radius:8px}
#pay-link{margin-top:15px}
/* 卡片状态 */


.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px}
.status-badge.success{background:#52c41a;color:#fff}
.status-badge.warning{background:#faad14;color:#fff}
.status-badge.error{background:#ff4d4f;color:#fff}
/* 起名卡详情 */
.card-detail {
    position: relative;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}
.card-detail .card-header{padding:15px 20px;background:#f0fff4;border-bottom:1px solid #b7eb8f}
.card-detail .card-body{padding:20px}
.card-detail .card-footer{padding:15px 20px;background:#fafafa;border-top:1px solid var(--border-color)}

.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}
.info-row:last-child{border-bottom:none}
.info-row .label{color:#999;font-size:14px}
.info-row .value{color:var(--text-color);font-weight:500}
.info-row .value.highlight{color:var(--primary-color);font-size:18px;font-weight:700}
.no-card{text-align:center;padding:50px 0;}
.no-card p{margin:0 0 10px 0;font-size:16px;color:#666}
.no-card .card-actions{justify-content:center;margin-top:20px}
/* 按钮样式 */
.btn{display:inline-block;padding:12px 28px;border-radius:25px;font-size:15px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}
.btn-primary{background:var(--primary-color);color:#fff}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}
.btn-secondary{background:#f5f5f5;color:var(--text-color);border:1px solid var(--border-color)}
.btn-secondary:hover{background:#eee}
.btn-lg{padding:14px 35px;font-size:16px}
.btn-sm{padding:8px 16px;font-size:13px;border-radius:15px}
/* 结果提示 */
.result-success,.result-error{padding:20px;border-radius:10px;text-align:center}
.result-success{background:#f0fff4;border:1px solid #b7eb8f}
.result-success p{color:#52c41a;margin:0 0 10px 0;display:flex;align-items:center;justify-content:center;gap:8px}
.result-success p i{font-size:20px}
.result-error{background:#fff1f0;border:1px solid #ffa39e}
.result-error p{color:#ff4d4f;margin:0 0 10px 0}
/* 响应式 */
@media (max-width:992px){
    .card-types,.buy-form .card-select{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:576px){
    .card-types,.buy-form .card-select{grid-template-columns:1fr}
    .pay-methods{flex-direction:column}
    .card-actions{flex-direction:column}
    .card-actions .btn-submit,.card-actions .btn-reset{width:100%}
}

/* ===================== */
/* 大师起名页面样式 */
/* ===================== */

/* 通知提示 */
/* .master-notice{display:flex;gap:12px;padding:15px 20px;background:#fff9e6;border-radius:10px;border:1px solid #ffe58f;margin-bottom:20px}
.master-notice .notice-icon{font-size:20px}
.master-notice .notice-content{color:#666;font-size:14px;line-height:1.6} */

/* 大师公告区域 */
.master-notice{background:#fff9e6;border-radius:10px;border:1px solid #ffe58f;padding:20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.master-notice h2{font-size:24px;margin:0 0 15px 0;color:var(--text-color)}
.master-notice>p{color:#666;font-size:15px;margin:0 0 20px 0}
.master-features{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 30px;list-style:none;padding:0;margin:0}
.master-features li{font-size:14px;color:#52c41a}

/* 大师网格列表 */
.master-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.master-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;padding-top:25px}
.master-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.master-avatar{width:120px;height:120px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex-shrink:0}
.master-avatar img{width:100%;height:100%;object-fit:cover}
.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:bold;color:#fff;border-radius:50%}
.master-info{padding:20px;width:100%;}
.master-name{font-size:18px;font-weight:600;margin:0 0 10px 0;display:flex;align-items:center;gap:8px}
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#52c41a;color:#fff;font-size:10px;border-radius:50%;font-weight:normal}
.verified-badge i{font-size:10px;line-height:1}
.master-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-bottom:12px}
.master-meta .meta-item{font-size:13px;color:#999;display:inline-flex;align-items:center;gap:4px}
.master-meta .meta-item i{font-size:14px;color:#666}
.master-intro-text{font-size:14px;color:#666;line-height:1.6;margin:0 0 15px 0}
.master-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--border-color)}
.master-price{font-size:24px;font-weight:700;color:var(--primary-color)}
.master-price-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.master-price-original{font-size:14px;color:#999;text-decoration:line-through}
.master-price.discount{font-size:24px;font-weight:700;color:var(--primary-color)}
.discount-tag{display:inline-block;padding:2px 6px;background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;font-size:11px;border-radius:4px;font-weight:500}
.master-orders{font-size:13px;color:#999}
.btn-choose{display:inline-block;padding:8px 20px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none}
.btn-choose:hover{background:var(--primary-dark);color:#fff}

/* 大师详情页 */
.master-detail-card{background:#fff;border-radius:10px;padding:30px;display:flex;gap:30px;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.master-avatar-large{width:150px;height:150px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f5f5f5}
.master-avatar-large img{width:100%;height:100%;object-fit:cover}
.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:bold;color:#fff}
.master-detail-info h2{font-size:22px;margin:0 0 12px 0;display:flex;align-items:center;gap:8px}
.master-meta-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:15px;font-size:14px;color:#666}
.master-meta-row span{display:inline-flex;align-items:center;gap:4px}
.master-meta-row span i{font-size:16px;color:#999}
.master-full-intro{font-size:14px;color:#666;line-height:1.8;margin:0 0 20px 0}
.master-price-row{font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.master-price-row .price-value{font-size:28px;font-weight:700;color:var(--primary-color)}
.master-price-row .price-original{font-size:16px;color:#999;text-decoration:line-through}
.master-price-row .discount-tag{margin-left:4px}

/* 下单表单 */
.order-form-section{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.order-form-section h3{font-size:18px;margin:0 0 20px 0;padding-bottom:15px;border-bottom:1px solid var(--border-color)}
.master-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.master-form .form-group{margin:0}
.master-form .form-group.full-width{grid-column:1/-1}
.master-form textarea{width:100%;min-height:80px}

.order-summary{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:15px;flex-wrap:wrap}
.order-summary .total-price{font-size:28px;font-weight:700;color:var(--primary-color)}
.order-summary .original-price{font-size:16px;color:#999;text-decoration:line-through}
.order-summary .discount-info{font-size:13px;color:#ff4d4f;font-weight:500}
.btn-submit-order{width:100%;padding:15px;font-size:16px;border-radius:8px}

/* 订单列表 */
.orders-list{display:flex;flex-direction:column;gap:15px}
.order-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.order-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f9f9f9;border-bottom:1px solid var(--border-color)}
.order-no{font-size:13px;color:#999}
.order-status{font-size:13px;font-weight:500;padding:4px 12px;border-radius:20px}
.status-pending .order-status{background:#fff7e6;color:#fa8c16}
.status-paid .order-status{background:#e6f7ff;color:#1890ff}
.status-completed .order-status{background:#f6ffed;color:#52c41a}
.status-cancelled .order-status{background:#f5f5f5;color:#999}
.status-refunding .order-status{background:#fff1f0;color:#ff4d4f}
.status-refunded .order-status{background:#f5f5f5;color:#999}
.order-body{padding:20px}
.order-body>div{margin-bottom:10px;font-size:14px}
.order-body .label{color:#999;margin-right:8px}
.order-body .value.price{font-size:18px;font-weight:600;color:var(--primary-color)}
.order-tip{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#e6f7ff;border-radius:8px;margin-top:15px}
.order-tip .tip-icon{font-size:18px}
.order-tip .tip-text{font-size:13px;color:#1890ff}
.order-result{padding:20px;background:#f6ffed;border-top:1px solid #b7eb8f;margin-top:15px}
.order-result h4{font-size:15px;margin:0 0 15px 0;color:#52c41a;display:flex;align-items:center;gap:6px}
.order-result h4 i{font-size:18px}
.result-names{display:flex;flex-direction:column;gap:10px}
.result-name-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px 15px;background:#fff;border-radius:8px}
.result-name-item .name-index{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}
.result-name-item .name-text{font-size:18px;font-weight:600;color:var(--text-color)}
.result-name-item .name-reason{width:100%;margin:5px 0 0 34px;font-size:13px;color:#666;line-height:1.5}
.order-actions{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end}
.order-actions button,.order-actions a{padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}
.btn-pay{background:var(--primary-color);color:#fff}
.btn-pay:hover{background:var(--primary-dark)}
.btn-cancel{background:#f5f5f5;color:#666}
.btn-cancel:hover{background:#e6e6e6}
.btn-refund{background:#ff4d4f;color:#fff}
.btn-refund:hover{background:#d9363e}
.btn-contact{background:#1890ff;color:#fff}
.btn-contact:hover{background:#096dd9;color:#fff}

/* 订单查询 */
.order-query-box{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px}
.query-title{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.query-title i{color:var(--primary-color)}
.query-desc{font-size:13px;color:var(--text-muted);margin:0 0 16px 0}
.query-form{display:flex;gap:10px}
.query-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .3s}
.query-input:focus{border-color:var(--primary-color)}
.btn-query{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap}
.btn-query:hover{background:var(--primary-dark)}
.query-result{margin-top:16px}
.query-order-card{background:#f9f9f9;border-radius:8px;overflow:hidden}
.query-order-card .order-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f0f0;border-bottom:1px solid var(--border-color)}
.query-order-card .order-body{padding:16px}
.query-order-card .order-body>div{margin-bottom:8px;font-size:14px}
.query-order-card .order-result{padding:16px;background:#f6ffed;border-top:1px solid #b7eb8f}
@media (max-width:768px){.query-form{flex-direction:column}.btn-query{width:100%;text-align:center}}

/* 空状态 */
.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.empty-state .empty-icon{font-size:64px;margin-bottom:15px;color:#bbb}
.empty-state .empty-icon i{font-size:64px}
.empty-state p{font-size:16px;color:var(--text-color);margin:0 0 10px 0}
.empty-state .hint-sub{font-size:14px;color:#999}
.empty-state .btn-submit{margin-top:20px}

/* 大师后台页面 */

.feedback-header{margin-bottom:25px;background:#fff;border-radius:10px;padding:25px 30px;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.feedback-welcome{display:flex;flex-direction:column;gap:8px}
.feedback-header h2{font-size:20px;margin:0;color:var(--primary-color)}
.feedback-header .welcome-name{color:#666;margin:0;font-size:14px}
.feedback-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.btn-toggle-profile{background:var(--primary-color);color:#fff}
.btn-toggle-profile:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-shadow)}
.btn-logout-master{background:#f5f5f5;color:#666;border:1px solid var(--border-color)}
.btn-logout-master:hover{background:#eee;color:#333}
.master-profile-section{margin-bottom:25px}
@media (max-width:576px){.feedback-header{flex-direction:column;align-items:flex-start}.feedback-actions{margin-top:5px}}

/* 密钥验证页面 */
.key-verify-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}
.key-verify-card{background:#fff;border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.key-verify-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark,#1976d2));border-radius:50%;display:flex;align-items:center;justify-content:center}
.key-verify-icon i{font-size:36px;color:#fff}
.key-verify-card h3{font-size:22px;margin:0 0 12px;color:var(--text-color)}
.key-verify-card .verify-desc{color:#666;margin:0 0 25px;font-size:14px}
.key-verify-card .verify-error{color:#ff4d4f;margin:0 0 20px;font-size:14px;padding:10px 15px;background:#fff1f0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px}
.key-verify-form{margin-bottom:20px}
.key-verify-form .form-group{margin-bottom:15px}
.key-verify-form input[type="text"]{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;text-align:center;letter-spacing:2px;font-family:monospace;transition:border-color .2s}
.key-verify-form input[type="text"]:focus{border-color:var(--primary-color);outline:none}
.key-verify-form input[type="text"]::placeholder{letter-spacing:normal;font-family:inherit}
.key-verify-form .btn-submit{width:100%;padding:14px;font-size:16px;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark,#1976d2));color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.key-verify-form .btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.key-verify-card .verify-hint{font-size:13px;color:#999;line-height:1.8;margin:0}
.key-verify-card .verify-hint i{margin-right:5px}

.feedback-orders{display:flex;flex-direction:column;gap:25px}

/* 状态筛选栏 */
.fo-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}
.fo-filter-btn{padding:6px 16px;border:1px solid var(--border-color);border-radius:20px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}
.fo-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}
.fo-filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}

/* 紧凑订单卡片 */
.fo-list-container{min-height:100px}
.fo-list{display:flex;flex-direction:column;gap:12px}
.fo-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:14px 18px;transition:box-shadow .2s}
.fo-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08)}
.fo-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.fo-card-no{font-size:13px;color:#666;font-family:monospace}
.fo-card-status{font-size:12px;font-weight:500;padding:2px 10px;border-radius:12px;background:#e6f7ff;color:#1890ff}
.fo-card-status.paid{background:#e6f7ff;color:#1890ff}
.fo-card-status.completed{background:#f6ffed;color:#52c41a}
.fo-card-status.cancelled{background:#f5f5f5;color:#999}
.fo-card-status.refund-apply{background:#fff1f0;color:#ff4d4f}
.fo-card-status.refunded{background:#f5f5f5;color:#999}
.fo-card-status.pending{background:#fff7e6;color:#faad14}
.fo-tag-refund{font-size:12px;color:#ff4d4f;margin-left:4px}
.fo-card-summary{display:flex;gap:16px;font-size:13px;color:#888;margin-bottom:10px;flex-wrap:wrap}
.fo-card-amount{font-weight:600;color:var(--primary-color)}
.fo-card-actions{display:flex;gap:8px}

/* 分页 */
.fo-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}
.fo-page-info{font-size:13px;color:#666}

/* 加载 & 空状态 */
.fo-loading{text-align:center;padding:30px;color:#999;font-size:14px}
.fo-empty{text-align:center;padding:40px 20px;color:#999}
.fo-empty .empty-icon{font-size:36px;margin-bottom:10px}
.fo-empty p{font-size:14px;margin:0}
.fo-error{text-align:center;padding:30px;color:#ff4d4f;font-size:14px}

/* 弹窗 */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-content{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px rgba(0,0,0,.15)}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}
.modal-header h3{margin:0;font-size:16px}
.modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:#999;padding:0 4px;line-height:1}
.modal-close:hover{color:#333}
.modal-body{padding:20px}
body.modal-open{overflow:hidden}
.miniapp-modal{display:none}
.miniapp-modal.is-open{display:flex}
.miniapp-modal-content{max-width:360px;border-radius:20px;overflow:hidden}
.miniapp-modal-body{display:flex;flex-direction:column;gap:14px;align-items:center;padding:20px;text-align:center}
.miniapp-modal-tip{font-size:14px;line-height:1.8;color:#666;margin:0}
.miniapp-qrcode-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,#fff7ef 0%,#fff 100%);box-shadow:inset 0 0 0 1px rgba(201,65,53,.08);text-align:center}
.miniapp-qrcode-image{display:block;width:100%;max-width:188px;margin:0 auto;border-radius:18px;background:#fff;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}

/* 详情弹窗内容 */
.fo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}
.fo-detail-row{font-size:14px;padding:6px 0;display:flex;flex-direction:column;gap:2px}
.fo-detail-row .label{color:#999;font-size:12px}
.fo-detail-row .value{color:#333}
.fo-detail-row .value.price{font-weight:600;color:var(--primary-color)}
.fo-detail-subtitle{font-size:15px;margin:20px 0 10px;padding-top:15px;border-top:1px solid var(--border-color)}
.fo-result-list{display:flex;flex-direction:column;gap:6px}
.fo-result-item{font-size:14px;padding:6px 0;color:#333}
.fo-result-item .idx{color:#999;margin-right:4px}
.fo-refund-notice{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px;background:#fff1f0;border-radius:8px;border:1px solid #ffa39e}
.fo-refund-notice .notice-icon{font-size:16px}
.fo-refund-notice .notice-text{font-size:13px;color:#ff4d4f;line-height:1.5}

/* 提交弹窗 */
.fo-submit-hint{font-size:13px;color:#888;margin:0 0 15px}
.names-input-area{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.name-input-row{display:flex;align-items:center;gap:10px}
.name-input-row .name-index{width:24px;height:24px;background:var(--primary-light);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}
.name-input-row input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}
.name-input-row input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}
.name-input-row .reason-input{flex:2}
.btn-submit-feedback{width:100%;padding:14px;font-size:15px;border-radius:8px}

/* 响应式 - 大师起名 */
@media (max-width:768px){
    .master-grid{grid-template-columns:1fr}
    .master-detail-card{flex-direction:column;align-items:center;text-align:center}
    .master-detail-info{width:100%}
    .master-meta-row{justify-content:center}
    .master-form{grid-template-columns:1fr}
    .pay-options{flex-direction:column}
    .fo-detail-grid{grid-template-columns:1fr}
    .name-input-row{flex-wrap:wrap}
    .name-input-row .reason-input{width:100%;flex:none;margin-left:34px}
    .fo-card-summary{flex-direction:column;gap:4px}
    .miniapp-modal-body{gap:14px;padding:20px}
}

/* ============== 大师入驻申请 ============== */
.apply-status-card{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.apply-status-card h3{font-size:22px;margin:0 0 12px 0;font-weight:600}
.apply-status-card .status-desc{color:#666;margin:0 0 8px 0;font-size:15px;line-height:1.6}
.apply-status-card .btn-submit{display:inline-block;margin-top:25px;padding:14px 40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#5a67d8));color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}
.apply-status-card .btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}
.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px}
.status-icon.status-pending{background:#fff7e6;color:#faad14}
.status-icon.status-verify{background:#e6f7ff;color:#1890ff}
.status-icon.status-success{background:#f6ffed;color:#52c41a}
.status-icon.status-rejected{background:#fff1f0;color:#ff4d4f}
.status-icon.status-warning{background:#fff7e6;color:#faad14}
.status-icon.status-error{background:#fff1f0;color:#ff4d4f}
.status-icon i{font-size:36px}
.apply-info-box{background:#f9f9f9;border-radius:10px;padding:20px;margin:25px 0;text-align:left}
.apply-info-box .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border-color)}
.apply-info-box .info-row:last-child{border-bottom:none}
.apply-info-box .label{color:#999;font-size:14px}
.apply-info-box .value{color:#333;font-size:14px;font-weight:500}
.apply-info-box .value.secret-key{font-family:'Courier New',monospace;letter-spacing:1px;color:var(--primary-color);background:#fff;padding:4px 10px;border-radius:4px;border:1px dashed var(--primary-light)}
.hint-text{font-size:13px;color:#999;margin-top:15px}
.hint-text.warning{display:flex;align-items:center;justify-content:center;gap:6px;color:#faad14;background:#fffbe6;padding:10px 15px;border-radius:8px;margin-top:20px}
.hint-text.warning i{font-size:16px}
.verify-actions{margin:25px 0}

/* 验证结果页 */
.verify-result-card{background:#fff;border-radius:16px;padding:50px 30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:500px;margin:0 auto}
.verify-result-card h3{font-size:22px;margin:0 0 12px 0;font-weight:600}
.verify-result-card .status-desc{color:#666;margin:0 0 8px 0;font-size:15px}
.verify-result-card .btn-submit{margin-top:25px}

/* 申请介绍 */
.apply-intro{background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border-radius:16px;padding:20px;margin-bottom:25px;border:1px solid var(--primary-light)}
.apply-intro h3{font-size:20px;margin:0 0 12px 0;color:var(--primary-color);display:flex;align-items:center;gap:10px}
.apply-intro h3 i{font-size:24px}
.apply-intro>p{color:#666;margin:0 0 20px 0;line-height:1.6}
.apply-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.apply-benefits li{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}
.apply-benefits li i{color:var(--primary-color);font-size:14px}

/* 申请表单 - 对齐宝宝起名表单风格 */
.apply-form{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.apply-form .form-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}
.apply-form .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.apply-form .form-section h4{font-size:15px;margin:0 0 15px 0;color:var(--text-color);display:flex;align-items:center;gap:8px;font-weight:600}
.apply-form .form-section h4 i{color:var(--primary-color);font-size:16px}
.apply-form .form-group{margin-bottom:20px}
.apply-form .form-group:last-child{margin-bottom:0}
.apply-form .form-group .form-title{display:block;font-size:14px;color:var(--text-color);margin-bottom:8px;font-weight:500}
.apply-form .form-group .form-title .required,.apply-form .form-group .form-title em.required{color:#ff4d4f;font-style:normal;margin-left:2px}
.apply-form .form-group .form-title span{font-size:12px;color:#999;font-weight:normal;margin-left:5px}
.apply-form .form-group input[type="text"],
.apply-form .form-group input[type="email"],
.apply-form .form-group input[type="tel"],
.apply-form .form-group input[type="number"]{width:100%;height:38px;padding:0 12px;border:1px solid var(--border-color);border-radius:3px;font-size:14px;color:var(--text-color);transition:all .3s;box-sizing:border-box}
.apply-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}
.apply-form .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:3px;font-size:14px;line-height:1.6;resize:vertical;min-height:100px;transition:all .3s;box-sizing:border-box}
.apply-form .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}
.apply-form .form-hint{font-size:12px;color:#999;margin-top:6px}
.apply-form .form-hint.char-count{text-align:right}


/* 头像/证书上传 */
.avatar-upload,.cert-upload{display:flex;flex-direction:column;gap:10px}
.avatar-preview,.cert-preview{width:100px;height:100px;border:1px dashed var(--border-color);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;overflow:hidden;background:#fafafa}
.avatar-preview:hover,.cert-preview:hover{border-color:var(--primary-color);background:#fff}
.avatar-preview i,.cert-preview i{font-size:28px;color:#bbb;margin-bottom:4px}
.avatar-preview span,.cert-preview span{font-size:12px;color:#999}
.avatar-preview img,.cert-preview img{width:100%;height:100%;object-fit:cover}
.cert-preview{width:140px;height:90px}

/* 表单提交按钮区 - 居左显示 */
.form-actions{text-align:left;padding-top:5px}
.form-actions .btn-apply-submit{display:inline-block;padding:0 24px;line-height:38px;font-size:14px;border:0;border-radius:3px;cursor:pointer;transition:all .3s;background:var(--primary-color);color:#fff}
.form-actions .btn-apply-submit:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-shadow)}
.form-actions .form-hint{margin-top:10px}

/* 响应式 - 申请入驻 */
@media (max-width:768px){
    .apply-benefits{grid-template-columns:1fr}
    .apply-status-card{padding:30px 20px}
}

/* 联系客服页面 */
.contact-page{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:40px 30px;max-width:600px;margin:20px auto}
.contact-header{text-align:center;margin-bottom:30px}
.contact-header-icon{font-size:48px;color:var(--primary-color);margin-bottom:10px}
.contact-header-icon i{font-size:48px}
.contact-header h2{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px 0}
.contact-work-time{font-size:13px;color:var(--text-muted);margin:0}
.contact-work-time i{margin-right:4px}
.contact-group{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}
.contact-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}
.contact-item:last-child{border-bottom:none}
.contact-left{display:flex;align-items:center;gap:14px}
.contact-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-icon i{font-size:18px;color:var(--primary-color)}
.contact-info{display:flex;flex-direction:column;gap:2px}
.contact-label{font-size:12px;color:var(--text-muted)}
.contact-value{font-size:14px;color:var(--text-color);font-weight:500}
.contact-action{display:inline-block;padding:6px 16px;font-size:13px;border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);background:transparent;cursor:pointer;transition:all .3s;text-decoration:none;white-space:nowrap}
.contact-action:hover{background:var(--primary-color);color:#fff}
.contact-qrcode{text-align:center;margin-top:24px;padding:20px;background:var(--bg-light);border-radius:8px}
.contact-qrcode img{max-width:200px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.qrcode-tip{font-size:13px;color:var(--text-muted);margin:12px 0 0 0}
.contact-tip{margin-top:20px;padding:12px 16px;background:#FFF8E1;border-radius:6px;font-size:13px;color:#8D6E00;line-height:1.6}
.contact-tip i{margin-right:4px}
@media (max-width:768px){
    .contact-page{padding:30px 16px;margin:16px auto}
    .contact-item{padding:14px 16px}
}