/* ========= 全局 ========= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --bg:#F7F4EE;
    --card:#FCFBF8;
    --text:#2F2A25;
    --sub:#756E67;
    --green:#4F6755;
    --gold:#B89B5E;
    --line:#E9E2D7;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:
    "Noto Serif SC",
    "Source Han Serif SC",
    serif;

    min-height:100vh;

}

/* ========= 首页 ========= */

.home{

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:40px;

}

.logo{

    font-size:42px;

    letter-spacing:10px;

    margin-bottom:24px;

}

.line{

    width:60px;

    height:2px;

    background:var(--gold);

    margin-bottom:40px;

}

.home h1{

    font-size:26px;

    font-weight:400;

}

.home p{

    margin-top:40px;

    line-height:34px;

    color:var(--sub);

}

.home button{

    margin-top:70px;

    width:220px;

    height:56px;

    border:none;

    border-radius:999px;

    background:var(--green);

    color:white;

    font-size:18px;

    cursor:pointer;

    transition:.35s;

}

.home button:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.footer{

    margin-top:70px;

    color:#888;

}

.footer span{

    color:var(--gold);

}

/* ========= 测试页 ========= */

.test-page{

    max-width:760px;

    margin:auto;

    min-height:100vh;

    padding:60px 28px;

    display:flex;

    flex-direction:column;

}

/* 顶部 */

.top{

    text-align:center;

}

.top h1{

    font-size:34px;

    font-weight:400;

    letter-spacing:6px;

}

.progress{

    margin-top:18px;

    color:var(--gold);

    font-size:18px;

}

/* 中间 */

.question-box{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.question-title{

    text-align:center;

    color:var(--gold);

    letter-spacing:4px;

    margin-bottom:18px;

}

.question-box h2{

    text-align:center;

    font-size:34px;

    line-height:56px;

    font-weight:400;

    margin-bottom:70px;

}

/* 选项 */

.options{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.option{

    background:white;

    border:1px solid var(--line);

    border-radius:18px;

    padding:22px 26px;

    font-size:18px;

    cursor:pointer;

    transition:.25s;

}

.option:hover{

    border-color:var(--green);

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(0,0,0,.06);

}

.option.active{

    background:#EEF5EF;

    border-color:var(--green);

    color:var(--green);

}

/* 底部 */

.bottom{

    display:flex;

    justify-content:space-between;

    margin-top:60px;

}

.bottom button{

    width:160px;

    height:50px;

    border:none;

    border-radius:999px;

    cursor:pointer;

    font-size:16px;

}

.prev{

    background:#ECE8E1;

}

.next{

    background:var(--green);

    color:white;

}

.bottom button:hover{

    transform:translateY(-2px);

}

/* ========= 手机 ========= */

@media(max-width:768px){

.logo{

    font-size:32px;

}

.home h1{

    font-size:22px;

}

.question-box h2{

    font-size:28px;

    line-height:42px;

}

.option{

    font-size:16px;

}

.bottom{

    gap:12px;

}

.bottom button{

    width:100%;

}

}
.bottom button:disabled{

    opacity:.45;

    cursor:not-allowed;

    transform:none;

}

.bottom button:disabled:hover{

    transform:none;

    box-shadow:none;

}
/* ==========================
   Result Page Upgrade
========================== */
/* ==========================
   Result Page 东方风格
========================== */


.result-section{

    max-width:850px;

    margin:40px auto;

}


/* 顶部 */


.result-header{

    text-align:center;

    margin-bottom:70px;

}


.small-title{

    letter-spacing:8px;

    color:#8b7a5a;

    font-size:14px;

}



.result-header h1{

    margin:30px 0 15px;

    font-size:64px;

    font-family:"STKaiti","KaiTi",serif;

    color:#234d3c;

    font-weight:500;

}


#englishName{

    letter-spacing:6px;

    color:#a08c65;

    font-size:13px;

}





/* 内容区域 */


.result-card{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:35px 15px;

    margin-bottom:20px;

    border-top:

    1px solid rgba(120,100,70,.25);

}



.result-card:last-child{

    border-bottom:

    1px solid rgba(120,100,70,.25);

}




.result-card h2{


    text-align:center;


    font-family:"STKaiti","KaiTi",serif;


    font-size:30px;


    color:#234d3c;


    margin-bottom:30px;


}



.result-card p{


    font-size:16px;


    line-height:2.2;


    color:#555;


    text-align:center;


}



/* 列表 */


.result-card ul{


    padding:0;


    margin:0;


}



.result-card li{


    list-style:none;


    text-align:center;


    padding:12px;


    color:#555;


}




/* 雷达图区域 */


#radarChart{


    margin:auto;

    max-height:380px;

}



/* AI区域 */


#aiAdvice{


    background:#eee6d7;


    border-radius:20px;


    padding:30px;


}



/* 按钮 */


.share-btn{


    display:block;


    margin:50px auto;


    width:240px;


    height:55px;


    border-radius:30px;


    border:none;


    background:#234d3c;


    color:white;


    font-size:16px;


}
/* 全局背景统一 */

body{

    background:#f7f2e8;

    color:#333;

}
/* =====结果页===== */


.result-page{


width:100%;

max-width:760px;

margin:auto;

padding:80px 30px;


}



.result-header{


text-align:center;

margin-bottom:80px;


}



.small-title{


font-size:16px;

letter-spacing:8px;

color:#8d7652;


}



.result-header h1{


    font-family:
    "Songti SC",
    "STSong",
    "SimSun",
    serif;


    font-size:64px;


    font-weight:400;


    letter-spacing:8px;


    color:#315c46;


    margin:30px 0;


}



#englishName{


letter-spacing:5px;

font-size:14px;

color:#a58b5c;


}





.result-section{

    max-width:720px;

    margin:40px auto;

    padding:35px 45px;

}


.result-section h2{


    font-family:
    "Songti SC",
    "STSong",
    "SimSun",
    serif;


    font-size:32px;


    font-weight:400;


    letter-spacing:5px;


    color:#315c46;


    margin-bottom:35px;


}



.result-section p{

    font-family:
    "Microsoft YaHei",
    "PingFang SC",
    sans-serif;


    font-size:16px;


    line-height:2.2;


    letter-spacing:2px;


    color:#555;


    text-align:left;


    text-indent:0;


    margin-top:20px;


    margin-bottom:20px;

}
.share-btn{


margin:50px auto;

display:block;

width:260px;

height:55px;

border:none;

border-radius:30px;

background:#526f5c;

color:white;

font-size:18px;


}
.result-section{

    max-width:850px;


    margin:60px auto;


    padding:0 40px;

}

.result-section ul{

    padding-left:0;

    margin:0;

    list-style:none;

}



.result-section li{

    font-family:
    "Microsoft YaHei",
    "PingFang SC",
    sans-serif;

    font-size:16px;

    line-height:2;

    color:#555;

    text-align:left;

    margin-bottom:12px;

}
.report-btn{


    margin-top:40px;


    padding:16px 55px;


    border:none;


    border-radius:15px;


    background:#526e57;


    color:#fff;


    font-family:
    "Microsoft YaHei",
    "PingFang SC",
    sans-serif;


    font-size:18px;


    letter-spacing:3px;


    cursor:pointer;


    transition:0.3s;


}



.report-btn:hover{


    opacity:0.85;


}
@media (max-width: 600px) {


/* ===== 测试页手机端 ===== */


/* 顶部标题 */
.test-page .top h1 {
    font-size: 22px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}


/* 进度数字 */
.test-page .progress {
    font-size: 13px !important;
    margin-bottom: 12px !important;
}



/* ===== 核心：题目 ===== */

.test-page #question {

    font-size: 18px !important;

    line-height: 1.4 !important;

    /* 题目距离选项 */
    margin-bottom: 8px !important;

    /* 上下距离 */
    margin-top: 10px !important;

}



/* ===== 选项区域 ===== */

.test-page .options {

    margin-top: 5px !important;

}



/* 选项按钮 */
.test-page .options label,
.test-page .option {

    font-size: 15px !important;

    padding: 10px 12px !important;

    margin-bottom: 8px !important;

}



}
@media (max-width: 600px) {


/* =====================
   结果页手机端优化
===================== */


/* 结果页大标题 */
.result-page h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
}


/* 小标题：
   你的天赋画像
   核心特质解析
   等
*/
.result-page h2 {

    font-size: 20px !important;

    line-height: 1.4 !important;

    margin-top: 18px !important;

    margin-bottom: 10px !important;

}



/* 如果这些标题用了h3 */
.result-page h3 {

    font-size: 18px !important;

    margin-top: 15px !important;

    margin-bottom: 8px !important;

}



/* 正文内容 */
.result-page p {

    font-size: 15px !important;

    line-height: 1.7 !important;

}



/* 列表文字 */
.result-page li {

    font-size: 15px !important;

    line-height: 1.6 !important;

}



/* 整体左右空间 */
.result-page {

    padding-left:16px !important;

    padding-right:16px !important;

}



}