/* Webvina Kiểm Tra Sim Phong Thủy - Public Styles */:root{--color-kim:#C0C0C0;--color-moc:#228B22;--color-thuy:#1E90FF;--color-hoa:#FF4500;--color-tho:#D2691E;--color-primary:#2563eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;}.simphongthuy-container{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}.simphongthuy-title{text-align:center;color:#1f2937;margin-bottom:30px;font-size:28px;font-weight:700;}/* Form Styles */.simphongthuy-form{background:#ffffff;padding:30px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.form-group{margin-bottom:20px;}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;}.label-text{display:block;}.label-hint{font-size:12px;color:#6b7280;font-weight:400;}.form-control{width:100%;/* padding:12px 16px;*/ border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all 0.3s;}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.radio-group{display:flex;gap:20px;}.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:400;}.radio-label input[type="radio"]{margin-right:8px;width:18px;height:18px;cursor:pointer;}.btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,#1d4ed8 100%);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,0.3);}.btn-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none;}/* Result Styles */.simphongthuy-result{margin-top:30px;animation:fadeIn 0.5s;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.result-wrapper{background:#ffffff;padding:25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.result-header{text-align:center;padding-bottom:20px;border-bottom:2px solid #f3f4f6;margin-bottom:25px;}.result-header h3{margin:0 0 8px 0;color:#1f2937;font-size:22px;}.result-phone{color:#6b7280;font-size:14px;}/* Score Section - Compact */.score-section{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:10px;margin-bottom:25px;}.score-circle{position:relative;width:120px;height:120px;flex-shrink:0;}.score-svg{transform:rotate(-90deg);}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:10;}.score-fill{fill:none;stroke:var(--color-success);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s ease;}.score-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.score-number{font-size:36px;font-weight:700;color:#1f2937;line-height:1;}.score-label{font-size:12px;color:#6b7280;}.score-rating{font-size:20px;font-weight:600;color:var(--color-success);}/* Two Column Layout for Main Content */.result-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;}/* Compact Cards */.info-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:18px;}.info-card h4{margin:0 0 12px 0;color:#1f2937;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;}.info-card h4::before{content:'';width:4px;height:16px;background:var(--color-primary);border-radius:2px;}/* Element Card Compact */.element-name{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--color-primary);}.element-description{color:#6b7280;margin-bottom:12px;line-height:1.5;font-size:14px;}.element-details{display:grid;gap:10px;}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;}.detail-label{font-weight:600;color:#374151;min-width:80px;}.detail-value{color:#6b7280;}.color-swatches{display:flex;gap:6px;flex-wrap:wrap;}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #e5e7eb;}/* Trigram Compact */.trigram-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;}.trigram-symbol{font-size:32px;line-height:1;}.trigram-name{font-size:18px;font-weight:700;margin:0;}.trigram-meaning{color:#6b7280;margin-bottom:12px;font-size:14px;line-height:1.5;}.harmony-score{display:flex;align-items:center;gap:8px;font-size:13px;}.harmony-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;}.harmony-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-primary) 100%);transition:width 1s ease;}/* Patterns & Lucky - Inline */.patterns-list,.lucky-list{display:flex;flex-wrap:wrap;gap:8px;}.pattern-item,.lucky-item{padding:8px 12px;background:#f9fafb;border-radius:6px;border-left:3px solid var(--color-primary);font-size:13px;line-height:1.4;}/* Numerology Compact */.digits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px;}.digit-card{padding:12px;background:#f9fafb;border-radius:6px;text-align:center;border:1px solid #e5e7eb;}.digit-number{font-size:24px;font-weight:700;color:var(--color-primary);line-height:1;}.digit-meaning{font-size:11px;color:#6b7280;margin-top:6px;line-height:1.3;}.sum-info{padding:12px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:6px;text-align:center;font-size:14px;}.sum-meaning{display:block;margin-top:6px;color:#6b7280;font-size:13px;}/* Recommendations Compact */.recommendations-list{display:grid;gap:10px;}.recommendation-item{padding:12px 14px;border-radius:6px;border-left:3px solid;font-size:14px;}.recommendation-item.positive{background:#f0fdf4;border-color:var(--color-success);}.recommendation-item.warning{background:#fffbeb;border-color:var(--color-warning);}.recommendation-item.info{background:#eff6ff;border-color:var(--color-primary);}.recommendation-title{font-weight:600;margin-bottom:4px;font-size:14px;}.recommendation-content{color:#6b7280;line-height:1.5;font-size:13px;}/* Actions */.result-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-primary{background:var(--color-primary);color:white;flex:1;}.btn-secondary{background:#f3f4f6;color:#374151;}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}/* Responsive */@media (max-width:768px){.result-main-grid{grid-template-columns:1fr;gap:15px;}.score-section{flex-direction:column;gap:15px;}.digits-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.simphongthuy-container{padding:15px;}.simphongthuy-form,.result-wrapper{padding:20px;}.score-circle{width:100px;height:100px;}.score-number{font-size:28px;}.result-actions{flex-direction:column;}.info-card{padding:15px;}.info-card h4{font-size:15px;}}/* Print Styles */@media print{.result-actions{display:none;}.result-wrapper{box-shadow:none;}}