:root{--ipp-primary:#2c5f8d;--ipp-primary-dark:#1e4060;--ipp-bg:#f7f9fc;--ipp-card:#fff;--ipp-border:#d9e1ea;--ipp-text:#2c3e50;--ipp-muted:#6b7a8d;--ipp-success:#0a8f3f;--ipp-danger:#c53030;--ipp-warning:#b7791f}*{box-sizing:border-box}body{background:var(--ipp-bg);color:var(--ipp-text);margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.ipp-container{max-width:960px;margin:0 auto}.ipp-header{text-align:center;background:linear-gradient(135deg, var(--ipp-primary), var(--ipp-primary-dark));color:#fff;border-radius:12px;margin-bottom:24px;padding:32px 16px;box-shadow:0 4px 12px #2c5f8d26}.ipp-title-row{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;font-size:24px;display:flex}.ipp-header h1{white-space:nowrap;margin:0;font-size:1em;font-weight:600;line-height:1.2}.ipp-logo-link{align-items:center;display:flex}.ipp-logo{opacity:.95;width:auto;height:2em;display:block}.ipp-subtitle{opacity:.9;margin:0;font-size:14px}.ipp-alert{border:1px solid var(--ipp-warning);text-align:center;background:#fff8e1;border-radius:8px;margin:20px 0;padding:20px}.ipp-alert strong{color:var(--ipp-warning)}.ipp-tabs{border-bottom:2px solid var(--ipp-border);flex-wrap:wrap;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.ipp-tab{cursor:pointer;color:var(--ipp-muted);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:15px;transition:all .2s}.ipp-tab:hover{color:var(--ipp-primary);background:#2c5f8d0d}.ipp-tab.active{color:var(--ipp-primary);border-bottom-color:var(--ipp-primary);font-weight:600}.ipp-panel{background:var(--ipp-card);border:1px solid var(--ipp-border);border-radius:10px;margin-bottom:20px;padding:24px;display:none;box-shadow:0 2px 6px #0000000a}.ipp-panel.active{display:block}.ipp-panel h2{color:var(--ipp-primary-dark);margin:0 0 8px;font-size:20px}.ipp-hint{color:var(--ipp-muted);margin:0 0 20px;font-size:13px}.ipp-form{flex-direction:column;gap:16px;display:flex}.ipp-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.ipp-form label{color:var(--ipp-text);flex-direction:column;font-size:13px;font-weight:500;display:flex}.ipp-form input,.ipp-form select{border:1px solid var(--ipp-border);background:#fff;border-radius:6px;margin-top:6px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.ipp-form input:focus,.ipp-form select:focus{border-color:var(--ipp-primary);outline:none;box-shadow:0 0 0 3px #2c5f8d26}.ipp-form input:disabled{color:var(--ipp-muted);background:#f3f4f6}.ipp-btn{background:var(--ipp-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:12px 24px;font-size:15px;font-weight:500;transition:background .2s}.ipp-btn:hover{background:var(--ipp-primary-dark)}.ipp-result{border-left:4px solid var(--ipp-primary);white-space:pre-line;background:#f0f7ff;border-radius:0 8px 8px 0;min-height:20px;margin-top:20px;padding:16px;font-size:14px}.ipp-result:empty{display:none}.ipp-result.error{border-left-color:var(--ipp-danger);color:var(--ipp-danger);background:#fef2f2}.ipp-result strong{color:var(--ipp-primary-dark)}.color-preview{border:2px solid var(--ipp-border);vertical-align:middle;border-radius:8px;width:60px;height:60px;margin-right:12px;display:inline-block}.ipp-footer{text-align:center;color:var(--ipp-muted);margin-top:24px;padding:20px;font-size:12px}@media (max-width:640px){body{padding:10px}.ipp-header{padding:20px 12px}.ipp-title-row{gap:10px;margin-bottom:8px;font-size:20px}.ipp-logo{height:2em}.ipp-header h1{font-size:1em;line-height:1.2}.ipp-panel{padding:16px}.ipp-row{grid-template-columns:1fr}.ipp-tab{padding:8px 12px;font-size:13px}}