.page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:var(--space-8) 0 var(--space-6)}.page-header h1{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-2)}.page-desc{opacity:.9;font-size:var(--text-sm)}.breadcrumb{font-size:var(--text-xs);margin-bottom:var(--space-3);opacity:.8}.breadcrumb a{color:#fff}.breadcrumb .sep{margin:0 var(--space-2)}.tool-body{padding-top:var(--detail-padding-top);padding-bottom:var(--detail-padding-bottom)}.np-wrap{max-width:680px;margin:0 auto}.np-wrap .card{margin-bottom:var(--space-5)}.np-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.np-title-sp{margin-top:var(--space-5)}.np-h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.np-result{border-left:4px solid var(--color-accent)}.np-modes{display:flex;gap:var(--space-2)}.np-mode-btn{flex:1;padding:var(--space-2) var(--space-1);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-xs);font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .15s;text-align:center}.np-mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.np-head{display:flex;gap:var(--space-2);align-items:center;padding:0 var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.np-h-name{flex:1;min-width:0}.np-h-num{width:82px;text-align:center}.np-h-del{width:26px}.np-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-1);padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-md)}.np-name{flex:1;min-width:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-surface);text-align:center}.np-num{width:82px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center;background:var(--color-surface)}.np-name:focus,.np-num:focus,.np-capinput:focus{border-color:var(--color-primary);outline:none}.np-del{width:26px;height:26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;flex-shrink:0}.np-del:active{background:var(--color-error);color:#fff;border-color:var(--color-error)}.np-add{width:100%;padding:var(--space-2);margin-top:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);cursor:pointer;font-family:var(--font-body)}.np-cap{margin-top:var(--space-5)}.np-cap label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.np-capinput{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-mono);background:var(--color-surface);text-align:center}.np-scroll{overflow-x:auto}.np-table{width:100%;min-width:420px;border-collapse:collapse;font-size:var(--text-sm)}.np-table th{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);text-align:center}.np-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:center}.np-table tr:nth-child(2n) td{background:var(--color-bg)}.np-table .np-first td{font-weight:700;color:#a85c00;background:#fff8e1}.np-empty{font-size:var(--text-sm);color:var(--color-text-secondary)}.np-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.6}.np-hint:empty{display:none}.np-hint.np-warn{color:var(--color-error);font-weight:600}.np-code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);margin-bottom:var(--space-3)}.np-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.8;margin-top:var(--space-3)}.np-list{padding-left:var(--space-5);font-size:var(--text-sm);line-height:1.8}.np-list li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.np-list strong{color:var(--color-text)}.np-related{margin-top:var(--space-6)}.np-card{display:block;transition:transform .2s,box-shadow .2s}.np-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);color:var(--color-text)}.np-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.np-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}