*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',sans-serif;background:#f5f0e8;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:30px;max-width:700px;width:100%}h1{text-align:center;color:#8b4513;margin-bottom:20px}.input-area{margin-bottom:20px}.input-area label{display:block;margin:10px 0 5px;font-weight:700}.date-inputs{display:flex;gap:10px}.date-inputs input[type=date],.date-inputs select{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit}.gender-inputs{display:flex;gap:20px;margin-top:5px}.gender-inputs label{font-weight:400;cursor:pointer}#castBtn{display:block;width:100%;padding:12px;background:#8b4513;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;margin-top:15px;transition:background .3s}#castBtn:hover{background:sienna}#castBtn:disabled{background:#ccc;cursor:not-allowed}.coins-area{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0}.coin{width:64px;height:64px;margin:8px auto;border-radius:50%;background:radial-gradient(circle,#e2b74a 0,#b8860b 80%,#8a6300 100%);border:3px solid #6b4c00;box-shadow:2px 4px 8px rgba(0,0,0,.3),inset 1px 1px 3px rgba(255,255,255,.4);display:flex;justify-content:center;align-items:center;position:relative;color:#4a2f00;font-weight:700;font-size:18px;font-family:KaiTi,"楷体",serif;transition:all .3s ease;user-select:none}.coin::after{content:'';position:absolute;width:20px;height:20px;background-color:#fff;border:2px solid #6b4c00;z-index:1}.coin span{z-index:2}.coin.yang{background:radial-gradient(circle,#fcd56e 0,#d4a017 100%);color:#a00;border-color:#b8860b;box-shadow:0 0 12px rgba(212,160,23,.8),inset 1px 1px 3px rgba(255,255,255,.4)}.coin.yin{background:radial-gradient(circle,#9c8a6a 0,#6b5b3e 100%);color:#222;border-color:#4a3c2a;box-shadow:0 2px 8px rgba(74,60,42,.8),inset 1px 1px 3px rgba(255,255,255,.2)}.coin.yang::before{border-color:#b8860b}.coin.yin::before{border-color:#4a3c2a}.coin.flipping{animation:coinFlip .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes coinFlip{0%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-30px) rotateX(360deg) scale(1.1);box-shadow:4px 15px 15px rgba(0,0,0,.2)}100%{transform:translateY(0) rotateX(720deg)}}.result-area{margin-top:20px;padding:15px;background:linen;border-radius:8px;border:1px solid tan}.result-area h2{color:#8b4513;margin-bottom:10px}#hexagramName{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}#hexagramInterpretation{line-height:1.6;white-space:pre-wrap;margin-bottom:15px}.hexagram-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;margin:15px 0}.card{background:#fff;border:1px solid tan;border-radius:8px;padding:12px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}.card h3{color:#8b4513;margin-bottom:8px;font-size:14px}.card-name{font-size:13px;color:#555;margin-top:6px}.yao-lines{display:flex;flex-direction:column;align-items:center;gap:5px;margin:8px 0}.yao-line{width:80px;height:8px;border-radius:4px;position:relative}.yao-line.yang{background:#c0392b}.yao-line.yin{background:0 0}.yao-line.yin::after,.yao-line.yin::before{content:'';position:absolute;width:35px;height:8px;background:#2c3e50;border-radius:4px}.yao-line.yin::before{left:5px}.yao-line.yin::after{right:5px}.yao-line.moving{box-shadow:0 0 6px 2px rgba(231,76,60,.6);position:relative}.yao-line.moving.yang{background:#e74c3c}.yao-line.moving.yin::after,.yao-line.moving.yin::before{background:#e74c3c}.moving-marker{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:700;color:#e74c3c;background:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #e74c3c;z-index:1}#hexagramAnalysis{line-height:1.8;white-space:pre-wrap}#hexagramAnalysis h4{color:#8b4513;margin:12px 0 6px}#hexagramAnalysis p{margin:4px 0}