/* =========================================================
   Sunflower Growth Engine
   Version : Alpha 0.1.0
   File    : style.css
   Author  : OpenAI + Linda
   ========================================================= */

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

body{

    background:#F8F6F2;

    color:#333;

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

    line-height:1.7;

}

.container{

    width:100%;
    max-width:700px;

    margin:auto;

    padding:24px;

}

header{

    text-align:center;

    margin-bottom:30px;

}

header h1{

    font-size:60px;

}

header h2{

    color:#2E7D32;

    margin-top:10px;

    font-size:30px;

    font-weight:700;

}

.subtitle{

    margin-top:10px;

    color:#888;

    font-size:16px;

}

.question{

    background:white;

    border-radius:20px;

    padding:22px;

    margin-bottom:20px;

    box-shadow:

        0 8px 30px rgba(0,0,0,.05);

}

.question h3{

    color:#2E7D32;

    margin-bottom:10px;

}

#todayQuestion{

    font-size:18px;

}

textarea{

    width:100%;

    height:260px;

    border:none;

    border-radius:20px;

    resize:none;

    padding:20px;

    font-size:18px;

    outline:none;

    background:white;

    box-shadow:

        0 8px 30px rgba(0,0,0,.05);

}

textarea::placeholder{

    color:#999;

}

.buttons{

    margin-top:25px;

}

button{

    width:100%;

    height:60px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    font-size:20px;

    font-weight:bold;

    transition:.25s;

}

#organizeBtn{

    background:#4CAF50;

    color:white;

}

#organizeBtn:hover{

    background:#43A047;

}

#resultCard,
#sethCard,
#musicCard{

    margin-top:25px;

    background:white;

    border-radius:20px;

    padding:20px;

    box-shadow:

        0 8px 30px rgba(0,0,0,.05);

}

.hidden{

    display:none;

}

blockquote{

    margin-top:10px;

    padding-left:15px;

    border-left:4px solid #4CAF50;

    color:#555;

    font-style:italic;

}

#playMusic{

    background:#81C784;

    color:white;

}

/* ==========================
   手机优化
========================== */

@media(max-width:700px){

header h1{

    font-size:52px;

}

header h2{

    font-size:26px;

}

textarea{

    height:45vh;

}

button{

    height:58px;

    font-size:19px;

}

.container{

    padding:18px;

}

}