@charset "utf-8";
/* 诗词取名栏目补充样式 —— 全站棕褐金统一风格 */

/* 主题色（与站点 bjx 系列一致）
   --brand:#9D581F（铜棕）  --brand-d:#74321B（深褐）
   --gold:#CEA35F（金）     --cream:#FFFBF3 / #FFF8EE（米色）
   --line:#f0dcc1（边框）   --ink:#74321B（标题） --txt:#5a4a36（正文） --mut:#8a7d68（次要） */

/* 诗词主题 banner：棕褐渐变，与全站一致 */
.sc-banner{background:linear-gradient(135deg,#74321B,#9D581F);color:#FFF8EE;border-radius:8px;padding:30px 20px;text-align:center;margin-bottom:20px;box-shadow:0 3px 14px rgba(116,50,27,.18);}
.sc-banner h1{margin:0 0 10px;font-size:28px;letter-spacing:6px;color:#FFE2C2;}
.sc-banner p{margin:0;font-size:14px;opacity:.92;letter-spacing:1px;color:#FFE9D6;}

/* 诗词经典多选：卡片式 */
.sc-source{display:flex;flex-wrap:wrap;gap:10px;width:100%;}
.sc-src-item{position:relative;display:flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e8dcc4;border-radius:6px;background:#FFFBF3;font-size:14px;color:#5a4a36;cursor:pointer;transition:all .18s ease;user-select:none;}
.sc-src-item:hover{border-color:#9D581F;background:#FFF6EA;}
.sc-src-item input{display:none;}
.sc-src-item .sc-check{width:18px;height:18px;flex:none;border:1px solid #cbb89a;border-radius:3px;background:#fff;position:relative;transition:all .15s;}
.sc-src-item input:checked + .sc-check{background:#9D581F;border-color:#9D581F;}
.sc-src-item input:checked + .sc-check:after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.sc-src-item input:checked ~ .sc-src-name{color:#74321B;font-weight:bold;}
.sc-src-item:has(input:checked){border-color:#9D581F;background:#FFF6EA;box-shadow:0 1px 4px rgba(157,88,31,.15);}

/* 结果页出处行 */
.sc-source-line{font-size:13px;color:#8a7d68;background:#FFF8EE;border-left:3px solid #9D581F;padding:8px 12px;margin:8px 0 4px;border-radius:0 4px 4px 0;line-height:20px;}
.sc-source-line strong{color:#74321B;}

/* 详情页出处引用块 */
.sc-quote{background:#FFF8EE;border-radius:8px;padding:18px 20px;text-align:center;}
.sc-quote-text{font-size:17px;color:#5a4a36;line-height:30px;letter-spacing:1px;}
.sc-quote-src{font-size:13px;color:#8a7d68;margin-top:10px;}

/* ===== 页面介绍板块（通栏、无侧栏） ===== */
.sc-intro{max-width:1200px;margin:0 auto;padding:0 15px 40px;}
.sc-panel{background:#FFFBF3;border:1px solid #f0dcc1;border-radius:8px;padding:26px 28px;margin-bottom:18px;box-shadow:0 2px 8px rgba(116,50,27,.05);}
.sc-panel-hd{margin:0 0 18px;font-size:22px;color:#74321B;font-weight:bold;letter-spacing:2px;padding-left:14px;border-left:5px solid #9D581F;line-height:26px;}

/* 介绍：印章徽章（2x2 严格对齐） + 文本 */
.sc-intro-bd{display:flex;align-items:flex-start;gap:22px;}
.sc-intro-badge{flex:none;width:96px;height:96px;border-radius:6px;background:linear-gradient(135deg,#f3ecdc,#e7d9bf);display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:10px;box-shadow:inset 0 0 0 2px #d8c39a,0 2px 6px rgba(116,50,27,.12);}
.sc-intro-badge span{font-size:22px;font-weight:bold;color:#9D581F;line-height:1;}
.sc-intro-txt{font-size:15px;color:#5a4a36;line-height:28px;text-align:justify;}

/* 特色：2x2 卡片 */
.sc-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.sc-fea-item{background:#FFFBF3;border:1px solid #f0dcc1;border-radius:8px;padding:24px 22px;text-align:center;transition:box-shadow .2s ease,transform .2s ease;}
.sc-fea-item:hover{box-shadow:0 4px 14px rgba(157,88,31,.14);transform:translateY(-2px);}
.sc-fea-ico{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#9D581F,#74321B);position:relative;box-shadow:0 3px 8px rgba(116,50,27,.25);}
.sc-fea-ico i{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:4px;background:#CEA35F;box-shadow:0 0 0 4px rgba(206,163,95,.25);}
.sc-fea-item h3{margin:0 0 10px;font-size:17px;color:#74321B;letter-spacing:1px;}
.sc-fea-item p{margin:0;font-size:14px;color:#8a7d68;line-height:24px;text-align:justify;}

/* 经典：7 本卡片 */
.sc-books{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.sc-book-item{background:#FFFBF3;border:1px solid #f0dcc1;border-radius:8px;padding:18px 16px;}
.sc-book-item b{display:block;font-size:17px;color:#74321B;margin-bottom:8px;letter-spacing:2px;}
.sc-book-item b:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#9D581F;margin-right:8px;vertical-align:2px;}
.sc-book-item p{margin:0;font-size:13px;color:#8a7d68;line-height:22px;text-align:justify;}

@media screen and (max-width:768px){
.sc-intro{padding:0 10px 30px;}
.sc-panel{padding:18px 14px;}
.sc-panel-hd{font-size:18px;line-height:22px;}
.sc-intro-bd{flex-direction:column;align-items:center;text-align:center;}
.sc-intro-txt{font-size:14px;line-height:25px;text-align:justify;}
.sc-feature{grid-template-columns:1fr;gap:12px;}
.sc-books{grid-template-columns:1fr;gap:10px;}
}

@media screen and (max-width:768px){
.sc-banner{padding:20px 14px;}
.sc-banner h1{font-size:22px;letter-spacing:4px;}
.sc-banner p{font-size:12px;}
.sc-src-item{padding:8px 12px;font-size:13px;}
.sc-source-line{font-size:12px;padding:6px 10px;}
.sc-quote-text{font-size:15px;line-height:26px;}
}

/* ===== hero 印章装饰 ===== */
.sc-banner{position:relative;overflow:hidden;}
.sc-banner:before{content:'';position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,226,194,.28),rgba(255,226,194,0));}
.sc-banner:after{content:'诗';position:absolute;right:18px;top:18px;width:46px;height:46px;line-height:46px;text-align:center;color:#FFE2C2;border:2px solid rgba(255,226,194,.6);border-radius:6px;font-size:22px;font-weight:bold;transform:rotate(-6deg);opacity:.85;box-shadow:0 2px 6px rgba(0,0,0,.15);}

/* ===== 诗词专属推荐位（单独广告位 pid=20 内容区） ===== */
/* 设计语言：与下方介绍区 .sc-panel 完全同款（米色底/8px圆角/同阴影/同标题），整页只有一套面板样式 */
.sc-promo{max-width:1200px;margin:0 auto;padding:0 15px 18px;}
.sc-promo-hd{font-size:22px;color:#74321B;font-weight:bold;letter-spacing:2px;margin:0 0 18px;padding-left:14px;position:relative;border-left:5px solid #9D581F;line-height:26px;}
.sc-promo-hd span{color:#9D581F;}

/* 面板基底（与 .sc-panel 同款） */
.sc-chips,.sc-steps,.sc-svcs{background:#FFFBF3;border:1px solid #f0dcc1;border-radius:8px;box-shadow:0 2px 8px rgba(116,50,27,.05);overflow:hidden;}

/* 分类栏：单面板内 8 等分，细线分隔，悬浮米白底+铜棕下划线（R116：新增「历代诗」） */
.sc-chips{display:grid;grid-template-columns:repeat(8,1fr);margin-bottom:18px;}
.sc-chip{display:flex;align-items:center;justify-content:center;position:relative;padding:17px 6px 15px;font-size:15px;font-weight:bold;color:#74321B;letter-spacing:1px;text-decoration:none;border-left:1px solid #f5ead6;transition:background .18s ease,color .18s ease;}
.sc-chip:first-child{border-left:none;}
.sc-chip:after{content:'';position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:22px;height:3px;border-radius:2px;background:transparent;transition:background .18s ease;}
.sc-chip:hover{background:#FFF6EA;color:#9D581F;}
.sc-chip:hover:after{background:#9D581F;}

/* 三步流程：同一面板内三等分，虚线分隔，箭头落在分隔线上 */
.sc-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-bottom:18px;padding:28px 8px;}
.sc-step{padding:0 30px;text-align:center;border-left:1px dashed #ecd9ba;}
.sc-step:first-child{border-left:none;}
.sc-step-no{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#9D581F,#74321B);color:#FFE2C2;font-size:20px;font-weight:bold;margin-bottom:12px;box-shadow:0 3px 8px rgba(116,50,27,.22);}
.sc-step h4{margin:0 0 8px;font-size:17px;color:#74321B;letter-spacing:2px;}
.sc-step p{margin:0;font-size:13px;color:#8a7d68;line-height:22px;}
.sc-step-arrow{color:#CEA35F;font-size:24px;font-style:normal;font-weight:bold;padding:0 2px;}

/* 更多起名：单面板五等分，细线分隔，悬浮米白底 */
.sc-svcs{display:grid;grid-template-columns:repeat(5,1fr);}
.sc-svc{padding:26px 14px 24px;text-align:center;text-decoration:none;border-left:1px solid #f5ead6;transition:background .18s ease;}
.sc-svc:first-child{border-left:none;}
.sc-svc:hover{background:#FFF6EA;}
.sc-svc-ico{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#9D581F,#74321B);color:#FFE2C2;font-size:24px;font-weight:bold;margin-bottom:12px;box-shadow:0 4px 10px rgba(116,50,27,.22);transition:transform .18s ease;}
.sc-svc:hover .sc-svc-ico{transform:translateY(-3px);}
.sc-svc h4{margin:0 0 8px;font-size:16px;color:#74321B;letter-spacing:1px;}
.sc-svc p{margin:0;font-size:12.5px;color:#8a7d68;line-height:20px;}

/* ===== 移动端 ===== */
@media screen and (max-width:768px){
.sc-promo{padding:0 10px;margin-top:18px;}
.sc-promo-hd{font-size:17px;margin-bottom:10px;}
.sc-chips{grid-template-columns:repeat(2,1fr);gap:8px;background:none;border:none;box-shadow:none;border-radius:0;}
.sc-chip{background:#fff;border:1px solid #f0dcc1;border-radius:8px;padding:12px 6px;font-size:14px;box-shadow:0 2px 6px rgba(116,50,27,.05);}
.sc-chip:after{display:none;}
.sc-steps{grid-template-columns:1fr;gap:18px;padding:22px 16px;}
.sc-step{padding:0;border-left:none;}
.sc-step-arrow{transform:rotate(90deg);}
.sc-svcs{grid-template-columns:repeat(2,1fr);}
.sc-svc{padding:18px 10px 16px;}
.sc-svc:nth-child(3){border-left:none;}
.sc-svc:nth-child(n+3){border-top:1px solid #f5ead6;}
.sc-svc p{font-size:12px;}
.sc-banner:after{display:none;}
}
@media screen and (max-width:420px){
.sc-chips{gap:6px;}
.sc-chip{font-size:13px;padding:10px 4px;}
}

/* R115 结果页：综合评分徽标 / 拼音标签 / 姓名详解评分徽标（仅诗词起名栏目使用） */
.bz-name .tags span.sc{background:#74321B;color:#FFE2C2;font-weight:bold;}
.bz-name .tags span.py{background:#FFF6EA;color:#9D581F;border:1px solid #f0dcc1;}
.bz-tag.sc{background:#74321B;color:#FFE2C2;font-weight:bold;}

/* ===== R116 新增表单控件 ===== */
/* 出生信息：历法单选 + 年/月/日 下拉，一行排布 */
.sc-birth{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;}
.sc-birth .bz-radio{margin-right:0;}

/* 统一风格的原生 select（无第三方库，纯 CSS 画箭头，避免额外依赖） */
.sc-sel{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:38px;line-height:38px;padding:0 30px 0 12px;border:1px solid #e8dcc4;border-radius:6px;background:#FFFBF3 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239D581F'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:14px;color:#5a4a36;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;}
.sc-sel:hover{border-color:#9D581F;background-color:#FFF6EA;}
.sc-sel:focus{outline:none;border-color:#9D581F;box-shadow:0 0 0 2px rgba(157,88,31,.12);}
.sc-sel-wide{min-width:210px;}

/* 期望意境多选：与「诗词经典」完全同一套卡片视觉，保持页面只有一种勾选语言 */
.sc-vibes{display:flex;flex-wrap:wrap;gap:10px;width:100%;}
.sc-vibe-item{position:relative;display:flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e8dcc4;border-radius:6px;background:#FFFBF3;font-size:14px;color:#5a4a36;cursor:pointer;transition:all .18s ease;user-select:none;}
.sc-vibe-item:hover{border-color:#9D581F;background:#FFF6EA;}
.sc-vibe-item input{display:none;}
.sc-vibe-item .sc-check{width:18px;height:18px;flex:none;border:1px solid #cbb89a;border-radius:3px;background:#fff;position:relative;transition:all .15s;}
.sc-vibe-item input:checked + .sc-check{background:#9D581F;border-color:#9D581F;}
.sc-vibe-item input:checked + .sc-check:after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.sc-vibe-item:has(input:checked){border-color:#9D581F;background:#FFF6EA;box-shadow:0 1px 4px rgba(157,88,31,.15);}
.sc-vibe-item:has(input:checked) span{color:#74321B;font-weight:bold;}

/* 结果页/支付页：已选参数回显 */
.sc-params{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#8a7d68;line-height:22px;}
.sc-params b{color:#74321B;font-weight:bold;}
.sc-params .sc-p-xys{color:#9D581F;font-weight:bold;}

@media screen and (max-width:768px){
.sc-birth{gap:8px;}
.sc-sel{height:36px;line-height:36px;font-size:13px;padding:0 26px 0 10px;}
.sc-sel-wide{min-width:100%;}
.sc-vibe-item{padding:8px 12px;font-size:13px;}
}

/* R1472 注：结果页列表卡片的布局样式已迁至 home_gushiorder_mlist.css（诗词栏目专属副本），
   本文件只保留 sc-* 通用样式（表单控件/出处行/推荐位），避免与列表页样式互相连累。 */