body{background:var(--color-bg-subtle);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:Inter,Segoe UI,Hiragino Sans,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh}header{background:var(--color-bg-module);border-bottom:1px solid var(--color-border-secondary);box-shadow:0 1px 3px var(--color-shadow-subtle);padding:1.2rem 1.5rem;text-align:center}header h1{font-size:1.6rem;font-weight:600;margin:0}main{flex:1;margin:2rem auto;max-width:800px;padding:0 1.5rem}.intro{color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.function-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmin(220px,1fr))}.function-btn{align-items:center;background:var(--color-action-primary-bg);border:none;border-radius:8px;color:var(--color-text-inverted);display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.9rem;text-decoration:none;transition:background .25s,transform .1s}.function-btn:hover{background:var(--color-action-primary-hover);transform:translateY(-2px)}.function-btn.disabled{background:var(--color-border-primary);cursor:not-allowed}footer{background:var(--color-bg-module);border-top:1px solid var(--color-border-secondary);color:var(--color-text-muted);font-size:.85rem;line-height:1.5;padding:1rem;text-align:center}@media(max-width:600px){header h1{font-size:1.3rem}.function-btn{font-size:.95rem;padding:.8rem}.inline-image{vertical-align:middle;width:100%}}.inline-image{height:auto;margin-left:5px;vertical-align:middle;width:50px}.update-btn{overflow:hidden;position:relative}.update-info-corner{border-radius:3px;color:#ffffffb3;font-size:.55rem;font-weight:500;padding:2px 5px;position:absolute;right:10px;top:5px;z-index:10}