.tool-page{min-height:100vh;padding:var(--spacing-4) 0;background:linear-gradient(180deg,#f0f7ff 0,#fff)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-page>*{animation:fadeInUp .6s ease-out}.title-section{text-align:center;margin-bottom:2rem}.breadcrumbs{margin-bottom:1rem;font-size:.9rem}.breadcrumb-item{color:#6b7280}.breadcrumb-link{color:#2563eb;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:#374151;font-weight:500}.breadcrumb-separator{margin:0 .5rem}.page-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.answer-section{margin-bottom:var(--spacing-12)}.answer-card{background:var(--gradient-blue);color:#fff;padding:var(--spacing-8);border-radius:16px;text-align:center;box-shadow:var(--shadow-xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;contain:layout style paint}.answer-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.answer-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(37,99,235,.2)}.answer-title{font-size:var(--font-xl);font-weight:600}.answer-time,.answer-title{margin-bottom:var(--spacing-4);color:#fff;position:relative;z-index:1}.answer-time{font-size:var(--font-5xl);font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.1)}.answer-date{font-size:var(--font-lg);color:hsla(0,0%,100%,.95);position:relative;z-index:1}.answer-date strong{color:#fff;font-weight:700}.conversions-section{margin:var(--spacing-12) 0}.conversions-container{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all .3s ease;contain:layout style paint}.conversions-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.section-header{background:var(--gradient-blue);color:#fff;padding:var(--spacing-4);text-align:center;font-size:var(--font-xl);font-weight:700;border-radius:12px;margin-bottom:var(--spacing-6);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:pulse 3s ease-in-out infinite}.conversions-list{display:grid;grid-gap:1rem;gap:1rem}.conversion-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--primary-50);border-radius:12px;border:2px solid var(--primary-200);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0)}.conversion-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-500);transform:scaleY(0);transition:transform .3s ease}.conversion-item:hover{background:var(--primary-100);border-color:var(--primary-300);transform:translateX(4px);box-shadow:var(--shadow-md)}.conversion-item:hover:before{transform:scaleY(1)}.conversion-label{font-weight:700;color:var(--text-color);position:relative;z-index:1}.conversion-value{font-weight:600;color:var(--primary-600);position:relative;z-index:1;font-size:var(--font-lg)}.article-section{margin:var(--spacing-12) 0}.article-container{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all .3s ease;contain:layout style paint}.article-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.article-content{max-width:800px;margin:0 auto}.article-h2{font-size:var(--font-3xl);font-weight:700;color:var(--primary-700);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);line-height:1.3}.article-h3{font-size:var(--font-2xl);font-weight:600;color:var(--text-color);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);line-height:1.4}.article-p{line-height:1.8;margin-bottom:var(--spacing-4);font-size:var(--font-base)}.article-li,.article-p{color:var(--light-text)}.article-li{margin-left:var(--spacing-6);margin-bottom:var(--spacing-2);line-height:1.7}@media (max-width:768px){.page-title{font-size:var(--font-3xl)}.answer-time{font-size:var(--font-4xl)}.article-h2{font-size:var(--font-2xl)}.article-h3{font-size:var(--font-xl)}.conversion-item{flex-direction:column;text-align:center;gap:var(--spacing-2)}.answer-card{border-radius:12px}.answer-card,.article-container,.conversions-container{padding:var(--spacing-6)}.section-header{font-size:var(--font-lg);padding:var(--spacing-3)}}@media (max-width:480px){.tool-page{padding:var(--spacing-2) 0}.container{padding:0 var(--spacing-2)}.page-title{font-size:var(--font-2xl)}.answer-card{padding:var(--spacing-4);margin:0 calc(-1 * var(--spacing-2));border-radius:0}.answer-time{font-size:var(--font-3xl)}.article-container,.conversions-container{padding:var(--spacing-4)}}