.form-group{margin-bottom:18px}.form-group label{display:block;font-size:0.9rem;font-weight:500;margin-bottom:6px;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:0.95rem;transition:border-color 0.2s,box-shadow 0.2s;background:var(--bg-card);color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{flex:1;padding:13px 28px;border:none;border-radius:var(--radius-md);font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-family:inherit}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(0.98);box-shadow:0 2px 6px var(--primary-glow);transition-duration:0.1s}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-secondary:active{transform:scale(0.98);transition-duration:0.1s}.result-card .result-value{font-size:var(--fs-3xl);font-weight:700;color:var(--primary);margin:12px 0}.result-card .result-label{font-size:0.9rem;color:var(--text-secondary)}.result-card .result-detail{font-size:0.95rem;color:var(--text-primary);margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}@media (max-width:480px){.tool-form{padding:16px}.result-card{padding:20px}}.tool-content>h2:first-child,.seo-content>h2:first-child{margin-top:0}.tool-content h2,.seo-content h2{position:relative;font-size:1.4rem;font-weight:700;line-height:1.4;margin:1.5rem 0 1rem;padding-left:0.9rem;color:var(--text)}.tool-content h2::before,.seo-content h2::before{content:"";position:absolute;left:0;top:0.18em;bottom:0.18em;width:4px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--brand-blue),var(--brand-blue-dark))}.tool-content h3,.seo-content h3{position:relative;font-size:1.05rem;font-weight:600;line-height:1.5;margin:1.4rem 0 0.6rem;padding-left:0.75rem;color:var(--text)}.tool-content h3::before,.seo-content h3::before{content:"";position:absolute;left:0;top:0.22em;bottom:0.22em;width:3px;border-radius:2px;background:var(--brand-blue)}.tool-content p,.seo-content p{margin-bottom:0.9rem;color:var(--text-secondary)}.tool-content p:last-child,.seo-content p:last-child{margin-bottom:0}.tool-content p a,.tool-content li a,.seo-content p a,.seo-content li a{text-decoration:underline;text-underline-offset:0.15em;text-decoration-thickness:1px}.tool-content ul,.seo-content ul{margin:0.5rem 0 1rem;padding-left:0;list-style:none}.tool-content ul li,.seo-content ul li{position:relative;padding-left:1.5rem;margin-bottom:0.6rem;color:var(--text-secondary)}.tool-content ul li::before,.seo-content ul li::before{content:"";position:absolute;left:0.3rem;top:0.62em;width:7px;height:7px;border-radius:50%;background:var(--brand-blue)}.tool-content ol,.seo-content ol{margin:0.5rem 0 1rem;padding-left:1.6rem;color:var(--text-secondary)}.tool-content ol li,.seo-content ol li{margin-bottom:0.6rem;padding-left:0.25rem}.tool-content ol li::marker,.seo-content ol li::marker{color:var(--brand-blue);font-weight:700}.tool-content strong,.seo-content strong{color:var(--text);font-weight:600}.tool-content code,.seo-content code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.1rem 0.4rem;font-size:0.88em;font-family:"SF Mono","Courier New",monospace;color:var(--brand-blue);word-break:break-word}.tool-content blockquote,.seo-content blockquote{margin:1rem 0;padding:0.75rem 1rem;border-left:4px solid var(--brand-blue);background:var(--bg-elevated);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-secondary);font-style:italic}button:active,.btn:active{transform:scale(0.97)}.detail-like-wrap{text-align:center;margin:8px 0 16px}.btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s;border:none}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card)}.btn:disabled{opacity:0.5;cursor:not-allowed}.calculator-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.input-group{margin-bottom:1rem}.input-group label{display:block;font-weight:600;font-size:0.9rem;color:var(--text-secondary);margin-bottom:6px}.input-group input[type="text"],.regex-pattern-input{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:var(--radius);font-family:"SF Mono","Fira Code","Consolas","Courier New",monospace;font-size:0.95rem;color:var(--text);background:var(--bg);box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s}.input-group input[type="text"]:focus,.regex-pattern-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.tool-form,.calculator-form{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 30px var(--blue-06),var(--shadow-md);position:relative;transition:box-shadow 0.3s ease,transform 0.3s ease}.tool-form:hover,.calculator-form:hover{box-shadow:0 12px 36px var(--blue-10),var(--shadow-lg)}.form-group input,.form-group select,.input-group input[type="text"],.regex-pattern-input{border-radius:var(--radius-md);background:var(--bg-card);transition:border-color 0.2s,box-shadow 0.2s}.form-group input:focus,.form-group select:focus,.input-group input[type="text"]:focus,.regex-pattern-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--primary-light),0 4px 16px var(--blue-15)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));box-shadow:0 6px 22px var(--primary-glow)}.btn-secondary{border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow-color-soft)}.tool-form,.calculator-form,.result-card{animation:fadeInUp 0.45s cubic-bezier(0.175,0.885,0.32,1.275)both}