/* 小而美创业指南 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#C49B5E;--gold-light:#D4B06A;--gold-pale:#F0E6D2;--cream:#FAF7F2;--white:#FFF;--ink:#2C1810;--ink-light:#5C4033;--ink-muted:#8B7D6B;--border:#E8DDD0;--shadow:0 2px 12px rgba(44,24,16,.08);--radius:12px;--radius-sm:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;--header-h:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}
html{height:100%}
body{font-family:var(--font);background:var(--cream);color:var(--ink);height:100%;overflow:hidden}
#app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}
header{display:flex;align-items:center;height:var(--header-h);padding:0 16px;background:var(--cream);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}
header h1{font-size:18px;font-weight:700;flex:1;text-align:center}
#back-btn{background:none;border:none;font-size:22px;cursor:pointer;color:var(--ink-light);display:none;width:40px}
#content{flex:1;overflow-y:auto;padding:12px 16px 20px}
.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:12px 0}
.card h3{font-size:15px;margin-bottom:12px}
.card-answer{background:var(--gold-pale);border-left:4px solid var(--gold);padding:16px;margin:10px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;line-height:1.6}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink-light)}
.form-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;outline:none;background:var(--white);font-family:var(--font)}
.form-input:focus{border-color:var(--gold)}
.form-textarea{min-height:80px;line-height:1.6;resize:vertical}
.btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;width:100%;font-family:var(--font)}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--white)}
.btn-secondary{background:var(--white);color:var(--gold);border:2px solid var(--gold)}
.btn-group{display:flex;gap:12px;margin-top:16px}
.btn-group .btn{flex:1}
.result-section h3{color:var(--gold);font-size:16px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid var(--gold-pale)}
.result-section p,.result-section li{font-size:14px;line-height:1.7;color:var(--ink-light)}
.result-section ul{padding-left:20px}
.ball{display:flex;gap:6px;padding:12px 0;justify-content:center}
.ball span{width:10px;height:10px;border-radius:50%;background:var(--border)}
.ball span.active{background:var(--gold)}
.ball span.done{background:var(--gold-light)}