:root{
    --bg: #2f3a40;
    --card: #374249;
    --accent: #00d4ff;
    --muted: #cdd6da;
    --white: #ffffff;
    --radius: 14px;
    --pad: 18px;
    font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html,body{height:100%;margin:0;background:var(--bg);color:var(--muted);-webkit-font-smoothing:antialiased}
.container{max-width:420px;margin:0 auto;padding:16px;box-sizing:border-box}

/* Top area with robot image and binary */
.hero{position:relative;background:transparent;padding-top:70px}
.robot{position:absolute;left:14px;top:50px;width:120px;height:120px;display:block}
.binary{position:absolute;right:12px;top:64px;font-family:monospace;font-size:11px;color:rgba(0,212,255,0.5);line-height:1.4;letter-spacing:1px;text-align:right}

/* Title badge */
.title-card{margin-top:50px;background:var(--card);border-radius:12px;padding:18px 14px;display:flex;align-items:center;justify-content:center;}
.title-text{color:var(--accent);font-size:22px;font-weight:700;padding-left: 50px;;text-align:center}

/* Accent stripe */
.accent-stripe{height:20px;background:var(--accent);border-radius:8px;margin-top:-20px}

/* Content card */
.content-card{background:transparent;margin-top:16px;padding:5px 8px 10px 8px}
.section-title{color:var(--accent);font-size:20px;font-weight:700;margin:6px 0}
.para{color:var(--muted);font-size:15px;line-height:1.65;margin:10px 0}

/* Mimic spacing and look on original image */
.box{background:transparent;border-radius:10px;padding:0}

/* Responsive */
@media (max-width:420px){
    .robot{width:120px;height:220px;left:8px;top:40px}
    .title-text{font-size:20px}
    .binary{font-size:10px;top:54px}
}

    /* --- Disclaimer Section --- */
.disclaimer {
    background-color: #041f1f;
    color: #c9d1d9;
    padding: 25px 15px;
    margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.disclaimer p {
    font-size: 0.85em;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 15px;
}

.disclaimer a {
    color: #00e0ff;
    text-decoration: none;
    margin: 0 10px;
}

.disclaimer a:hover {
    text-decoration: underline;
}

.copyright {
    font-size: 0.8em;
    color: #aaa;
    margin-top: 10px;
}

/* --- 输入框与按钮样式优化 --- */
.input-area {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 20px;
}

.stock-input {
padding: 12px 16px;
border-radius: var(--radius);
border: 1px solid #555;
font-size: 15px;
background-color: var(--card);
color: var(--white);
outline: none;
transition: 0.3s;
}

.stock-input:focus {
border-color: var(--accent);
box-shadow: 0 0 8px rgba(0, 212, 255, 0.4);
}

.analyze-btn {
padding: 12px;
background: var(--accent);
color: var(--white);
border: none;
border-radius: var(--radius);
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: 0.3s;
}

.analyze-btn:hover {
background: #00b4e0;
transform: translateY(-2px);
}

/* --- 居中显示 Terms/Privacy --- */
.disclaimer div {
text-align: center;
margin-top: 15px;
}