.cn-ip-renewal-container { max-width: 1024px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
.cn-ip-renewal-container h1 { color: #1a365d; text-align: center; border-bottom: 2px solid #2b6cb0; padding-bottom: 15px; margin-bottom: 30px; }
.section-title { display: flex; align-items: center; margin: 35px 0 20px; }
.section-title .icon { font-size: 24px; margin-right: 10px; }
.patent-icon { color: #2b6cb0; } .utility-icon { color: #dd6b20; } .design-icon { color: #38a169; }
.cn-ip-renewal-container h2 { color: #2d3748; margin: 0; }
.table-responsive { overflow-x: auto; margin: 20px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.cn-ip-renewal-container table { width: 100%; border-collapse: collapse; min-width: 600px; }
.cn-ip-renewal-container th { background-color: #edf2f7; color: #2d3748; font-weight: 600; text-align: left; padding: 16px 15px; border-bottom: 2px solid #e2e8f0; }
.cn-ip-renewal-container td { padding: 14px 15px; border-bottom: 1px solid #e2e8f0; }
.cn-ip-renewal-container tr:hover { background-color: #f8fafc; }
.highlight-row { background-color: #f0fff4 !important; font-weight: 600; }
.summary-box { background-color: #f7fafc; border-left: 4px solid #2b6cb0; padding: 15px 20px; margin: 25px 0; border-radius: 0 4px 4px 0; text-align: center; }
.fee-total { font-size: 18px; font-weight: 700; display: inline-block; margin: 0 10px; padding: 5px 10px; border-radius: 4px; }
.fee-total.standard { background-color: #e2e8f0; color: #2d3748; }
.fee-total.reduced { background-color: #c6f6d5; color: #22543d; }
.important-note { background-color: #fffaf0; border-left: 4px solid #dd6b20; padding: 18px; margin: 25px 0; border-radius: 0 4px 4px 0; }
.note-title { font-weight: 600; color: #c05621; margin-bottom: 10px; display: flex; align-items: center; }
.disclaimer { background-color: #fef2f2; border-left: 4px solid #dc2626; padding: 15px; margin-top: 30px; font-size: 0.9em; color: #7f1d1d; }