.tool-page-header{max-width:1200px;margin:0 auto 2rem;padding:2rem}.tool-title-section{gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:2px solid var(--accent-cyan);margin-top:1rem}.tool-icon-large,.tool-title-section{display:flex;align-items:center;border-radius:12px}.tool-icon-large{font-size:4rem;width:80px;height:80px;justify-content:center;background:var(--bg-tertiary);flex-shrink:0}.tool-title{font-family:Press Start\ 2P,cursive;font-size:1.8rem;color:var(--accent-cyan);margin:0 0 .5rem}.tool-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.tool-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.current-time-card{background:var(--bg-secondary);border:2px solid var(--accent-cyan);border-radius:12px;padding:2rem;margin-bottom:2rem}.current-time-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--accent-cyan)}.current-time-header h3{margin:0;font-size:1.2rem}.time-display{display:grid;grid-gap:1rem;gap:1rem}.time-item{display:flex;flex-direction:column;gap:.5rem}.time-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.time-value-row{display:flex;align-items:center;gap:1rem}.time-item code{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--accent-cyan);font-family:IBM Plex Mono,monospace;font-size:1rem;flex:1 1}.copy-btn-small{padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.copy-btn-small:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.converter-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.converter-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.converter-input{width:100%;padding:1rem;margin-top:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:1rem}.converter-input:focus{outline:none;border-color:var(--accent-cyan)}.result-display{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;display:flex;align-items:center;gap:1rem}.result-display code{flex:1 1;color:var(--accent-pink);font-size:1rem}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.copy-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(0,255,249,.1)}.tool-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.tool-info h3{font-family:Noto Sans TC,sans-serif;color:var(--accent-cyan);font-size:1.1rem;margin:0 0 1rem}.tool-info ul{list-style:none;padding:0;margin:0 0 2rem}.tool-info ul:last-child{margin-bottom:0}.tool-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);line-height:1.6}.tool-info li:before{content:"→";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.tool-info strong{color:var(--text-primary)}@media (max-width:768px){.tool-title-section{flex-direction:column;align-items:flex-start}.tool-title{font-size:1.3rem}.converter-section{grid-template-columns:1fr}}