.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin:20px auto;border:1px solid #d9e3ee;box-sizing:border-box;max-width:1100px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;position:relative;overflow:hidden}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.input-group{margin-bottom:0;position:relative;z-index:1}.input-label{display:block;color:#1a4b5f;font-weight:700;margin-bottom:10px;font-size:.95rem;text-align:center}.date-inputs{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center}.date-input-wrapper{position:relative}.date-input{width:100%;padding:10px 12px;border:2px solid #d0ddee;border-radius:12px;text-align:center;cursor:pointer;font-size:.95rem;color:#1a3f5c;background:#fefcf5;transition:border-color .2s ease,box-shadow .2s ease}.date-input:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.calendar-select{padding:10px 12px;border:2px solid #d0ddee;border-radius:12px;min-width:85px;font-size:.9rem;cursor:pointer;color:#1a3f5c;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.calendar-select:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.date-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #1a4b5f;border-radius:12px;max-height:200px;overflow:auto;display:none;box-shadow:0 12px 28px rgba(0,0,0,.08);z-index:100}.date-list.active{display:block}.date-item{padding:8px 10px;text-align:center;border-bottom:1px solid #dce5ec;cursor:pointer;font-size:.9rem;color:#1a3f5c}.date-item:last-child{border-bottom:none}.date-item:hover{background:#f2f6fc}#cycle-length{width:100%;padding:10px 12px;border:1px solid #d0ddee;border-radius:12px;background:#fff;font-size:.95rem;max-width:300px;margin:0 auto;box-sizing:border-box;color:#1a3f5c;transition:border-color .2s ease,box-shadow .2s ease}#cycle-length:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08)}.results-container{margin-top:25px;padding:20px;background:#fefcf5;border-radius:16px;border:1px solid #ecdca8;border-right:5px solid #6b9e9e;display:none;grid-column:1/-1;box-sizing:border-box;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.results-container.show{display:block}.results-title{color:#1a3f5c;font-size:1.1rem;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #ecdca8;font-weight:800}.prediction-card{background:#fff;padding:22px;border-radius:16px;text-align:center;margin-bottom:20px;border:1px solid #e0e7ef;box-shadow:0 6px 16px rgba(0,0,0,.04)}.prediction-icon{font-size:3rem;margin-bottom:12px;display:block}.prediction-gender{font-size:1.8rem;font-weight:800;color:#1a4b5f;margin-bottom:8px}.prediction-text{color:#5a6c7d;font-size:1rem;margin-bottom:12px}.prediction-accuracy{display:inline-block;padding:6px 14px;background:#f2f6fc;border-radius:20px;color:#6b9e9e;font-weight:700;font-size:.9rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.detail-card{background:#fff;padding:14px;border-radius:12px;border:1px solid #e0e7ef;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.02)}.detail-label{color:#5a6c7d;font-size:.85rem;margin-bottom:6px;display:block}.detail-value{color:#1a4b5f;font-weight:700;font-size:1.1rem}.chart-container{margin:20px 0;background:#fff;padding:12px;border-radius:12px;border:1px solid #e0e7ef;overflow:auto;box-shadow:0 4px 12px rgba(0,0,0,.02)}.chart-title{color:#1a4b5f;font-size:1rem;margin-bottom:12px;font-weight:700;text-align:center}.chinese-table{width:100%;border-collapse:collapse;margin:0 auto;font-size:.9rem;min-width:900px}.chinese-table th{background:#f2f6fc;color:#1a4b5f;padding:8px 6px;border:1px solid #dce5ec;font-weight:700;white-space:nowrap}.chinese-table td{padding:6px 6px;border:1px solid #dce5ec;text-align:center;cursor:pointer;transition:all .12s ease;white-space:nowrap}.chinese-table td.boy{background:#e8f0fe;color:#1a4b5f;font-weight:600}.chinese-table td.girl{background:#fce4ec;color:#d81b60;font-weight:600}.chinese-table td.highlight{background:#6b9e9e;color:#fff;box-shadow:0 0 0 2px #6b9e9e}.table-legend{display:flex;justify-content:center;gap:20px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#5a6c7d}.legend-color{width:16px;height:16px;border-radius:4px}.legend-boy{background:#e8f0fe;border:1px solid #1a4b5f}.legend-girl{background:#fce4ec;border:1px solid #d81b60}.legend-highlight{background:#6b9e9e}.tips-container{background:#fff;padding:16px;border-radius:12px;margin-top:20px;border:1px solid #e0e7ef;box-shadow:0 4px 12px rgba(0,0,0,.02)}.tips-title{color:#1a4b5f;margin-bottom:12px;font-size:1rem;font-weight:700}.tips-list{padding-right:16px;margin:0}.tips-list li{margin-bottom:8px;line-height:1.5;font-size:.9rem;color:#1a3f5c}.calculate-btn{background:#1a4b5f;color:#fff;border:0;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:700;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;margin:18px auto 0;display:block;width:auto;min-width:140px;max-width:260px;box-shadow:0 8px 18px rgba(26,75,95,.14);grid-column:1/-1;justify-self:center;position:relative;z-index:1}.calculate-btn:hover{background:#1a3f5c;transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,75,95,.18)}@media(max-width:1024px){.calculator{max-width:980px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chinese-table{min-width:820px;font-size:.88rem}.prediction-icon{font-size:2.6rem}}@media(max-width:768px){.calculator{grid-template-columns:repeat(1,minmax(0,1fr));padding:16px;gap:12px}.date-inputs{grid-template-columns:1fr 1fr 1fr auto;gap:8px}.chart-container{overflow:auto}.chinese-table{min-width:720px;font-size:.82rem}.details-grid{grid-template-columns:repeat(2,1fr);gap:10px}.prediction-card{padding:18px}.calculate-btn{min-width:120px;padding:10px 18px;max-width:220px;grid-column:auto;justify-self:center;margin:18px auto 0;display:block}}@media(max-width:480px){.date-inputs{grid-template-columns:1fr 1fr 1fr auto;gap:6px}.chinese-table{min-width:640px;font-size:.78rem}.details-grid{grid-template-columns:repeat(2,1fr);gap:8px}.calculate-btn{min-width:110px;padding:9px 14px;max-width:200px;grid-column:auto;justify-self:center;margin:14px auto 0;display:block}}@media(max-width:420px){.chinese-table{min-width:560px;font-size:.75rem}.details-grid{grid-template-columns:repeat(2,1fr);gap:8px}.calculate-btn{padding:8px 12px;min-width:100px;max-width:180px;grid-column:auto;justify-self:center;margin:12px auto 0;display:block}}