/* Apple productivity visual layer for gratia.top */
:root{--primary:#0a84ff;--primary-light:#2997ff;--primary-dark:#0066cc;--success:#30d158;--warning:#ff9f0a;--danger:#ff453a;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--bg-tertiary:#f2f2f4;--border-color:rgba(0,0,0,.16);--border-light:rgba(0,0,0,.08);--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.04);--shadow-md:0 1px 2px rgba(0,0,0,.06),0 14px 36px rgba(0,0,0,.08);--shadow-lg:0 2px 6px rgba(0,0,0,.08),0 28px 68px rgba(0,0,0,.12);--apple-surface:rgba(255,255,255,.82);--apple-surface-strong:rgba(255,255,255,.94);--apple-acrylic:saturate(180%) blur(22px);--apple-ring:0 0 0 4px rgba(10,132,255,.18);--apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Helvetica Neue","Microsoft YaHei",Arial,sans-serif;--apple-mono:"SF Mono","Cascadia Code","Roboto Mono",Consolas,monospace}.dark-mode,body.dark,body.dark-mode,html.dark,html.dark-mode{--primary:#0a84ff;--primary-light:#64d2ff;--primary-dark:#409cff;--success:#32d74b;--warning:#ffd60a;--danger:#ff453a;--text-primary:#f5f5f7;--text-secondary:#d1d1d6;--text-muted:#8e8e93;--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--border-color:rgba(255,255,255,.22);--border-light:rgba(255,255,255,.12);--apple-surface:rgba(28,28,30,.76);--apple-surface-strong:rgba(28,28,30,.92);--apple-ring:0 0 0 4px rgba(10,132,255,.28);color-scheme:dark}html{background:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--apple-font);background:linear-gradient(180deg,#fbfbfd 0,var(--bg-primary) 280px);color:var(--text-primary);letter-spacing:0}.dark-mode body,body.dark-mode{background:linear-gradient(180deg,#111113 0,#000 320px)}.container{max-width:1180px}.header{background:var(--apple-surface);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic);border-bottom:1px solid var(--border-light);box-shadow:0 1px 0 rgba(255,255,255,.4)}.dark-mode .header{box-shadow:none}.header-content{min-height:54px;padding:7px 0}.site-logo-image{filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}.nav-link{border-radius:999px;color:var(--text-secondary);font-weight:600;font-size:13px;padding:7px 13px}.nav-link:hover{background:rgba(0,0,0,.045);color:var(--text-primary)}.dark-mode .nav-link:hover{background:rgba(255,255,255,.08)}.nav-link.active{background:#1d1d1f;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}.dark-mode .nav-link.active{background:#f5f5f7;color:#000}.language-switcher,.qr-code-icon,.settings-btn,.theme-toggle-btn{background:var(--apple-surface-strong);border:1px solid var(--border-light);border-radius:999px;box-shadow:var(--shadow-xs);min-height:34px}.language-switcher select{font-weight:600}.qr-code-icon:hover,.settings-btn:hover,.theme-toggle-btn:hover{background:#fff;border-color:rgba(10,132,255,.32);box-shadow:var(--shadow-sm);color:var(--primary)}.dark-mode .qr-code-icon:hover,.dark-mode .settings-btn:hover,.dark-mode .theme-toggle-btn:hover{background:#2c2c2e}.category-section{top:54px;background:rgba(245,245,247,.78);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic);border-bottom:1px solid var(--border-light)}.dark-mode .category-section{background:rgba(0,0,0,.72)}.category-tabs{gap:6px;padding:10px 0}.category-tab{border:1px solid transparent;border-radius:999px;color:var(--text-secondary);font-size:13px;font-weight:600;padding:7px 13px}.category-tab::after{display:none}.category-tab:hover{background:var(--apple-surface-strong);border-color:var(--border-light)}.category-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(10,132,255,.22)}.search-section{padding:28px 0 16px}.search-container{max-width:720px}.search-box{box-shadow:var(--shadow-md);border-radius:999px}.search-input{height:52px;border-radius:999px;border:1px solid var(--border-light);background:var(--apple-surface-strong);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic);font-size:16px;font-weight:500;padding-left:50px}.search-input:focus{border-color:rgba(10,132,255,.48);box-shadow:var(--apple-ring);padding-left:49px}.search-shortcut{border-radius:999px;background:#f2f2f7;color:var(--text-muted);font-family:var(--apple-mono);font-weight:700}.dark-mode .search-shortcut{background:#2c2c2e}.search-suggestions{border-radius:8px;background:var(--apple-surface-strong);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.homepage-longtail-section{max-width:1180px;margin-bottom:42px}.seo-entry-header{max-width:780px}.seo-kicker{color:var(--primary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.seo-entry-header h2{font-size:24px;font-weight:750;letter-spacing:-.01em}.seo-entry-header p{font-size:14px;color:var(--text-secondary)}.tools-section{padding:20px 0 52px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.tool-card{background:var(--apple-surface-strong);border:1px solid var(--border-light);border-top:1px solid var(--border-light);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);min-height:172px}.tool-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:var(--tool-accent,var(--primary));opacity:.9}.tool-card:hover{border-color:rgba(10,132,255,.34);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--tool-accent,var(--primary)) 92%,#fff),var(--tool-accent,var(--primary)));font-size:15px;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 18px color-mix(in srgb,var(--tool-accent,var(--primary)) 22%,transparent);margin-bottom:12px}.tool-name{font-size:15px;font-weight:750;letter-spacing:-.01em;line-height:1.35}.tool-description{font-size:12.5px;line-height:1.58;color:var(--text-secondary);margin-bottom:14px}.tool-category{background:#f2f2f7;border-color:transparent;border-radius:999px;color:var(--text-muted);font-size:11px;font-weight:700}.dark-mode .tool-category{background:#2c2c2e}.longtail-link-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.longtail-link-grid a,.seo-related-row a,.seo-keyword-row span{background:var(--apple-surface-strong);border-color:var(--border-light);border-radius:8px;box-shadow:var(--shadow-xs)}.longtail-link-grid a{min-height:118px;padding:15px}.longtail-link-grid a:hover,.seo-related-row a:hover{border-color:rgba(10,132,255,.34);box-shadow:var(--shadow-sm);color:var(--primary)}.btn{border-radius:999px;font-weight:700;min-height:38px;border-color:var(--border-light);box-shadow:var(--shadow-xs)}.btn-primary{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.btn-primary:hover{background:#000;border-color:#000;box-shadow:0 8px 22px rgba(0,0,0,.16)}.dark-mode .btn-primary{background:#f5f5f7;border-color:#f5f5f7;color:#000}.btn-secondary{background:var(--apple-surface-strong)}.btn-success{background:var(--primary);border-color:var(--primary)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--border-light))}.footer{background:transparent;border-top:1px solid var(--border-light);padding:28px 20px}.footer-chip,.footer-links a{background:var(--apple-surface-strong);border-color:var(--border-light);border-radius:999px}.footer-icon{border-radius:999px;background:#1d1d1f}.dark-mode .footer-icon{background:#f5f5f7;color:#000}.modal{background:rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{border-radius:8px;background:var(--apple-surface-strong);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic);box-shadow:var(--shadow-lg);text-align:left}.nt-page{background:linear-gradient(180deg,#fbfbfd 0,var(--bg-primary) 300px)}.dark-mode .nt-page{background:linear-gradient(180deg,#111113 0,#000 320px)}.nt-hero{background:transparent;border-bottom:1px solid var(--border-light);padding:30px 0 26px}.nt-hero h1{font-weight:800;letter-spacing:-.025em}.nt-hero p{font-size:15.5px}.nt-trust span{border-radius:999px;background:var(--apple-surface-strong);border-color:var(--border-light);font-weight:700}.nt-hero-card,.nt-panel,.seo-entry-section,.example-compare>div,.seo-entry-grid article,.faq-list details,.nt-related a,.nt-result,.nt-download-row,.nt-sort-item,.nt-preview-table table{background:var(--apple-surface-strong);border-color:var(--border-light);border-radius:8px;box-shadow:var(--shadow-xs)}.nt-layout{gap:16px}.nt-panel{padding:18px}.nt-panel h2,.nt-article h2{font-weight:780;letter-spacing:-.01em}.nt-field input,.nt-field select,.nt-field textarea,.nt-textarea,.input-group input,.input-group select,.input-group textarea{border-radius:8px;background:var(--bg-secondary);border-color:var(--border-light);font-family:var(--apple-font)}.nt-textarea,.result-box pre,.nt-result pre{font-family:var(--apple-mono)}.nt-field input:focus,.nt-field select:focus,.nt-field textarea:focus,.nt-textarea:focus,.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:rgba(10,132,255,.5);box-shadow:var(--apple-ring)}.nt-actions{gap:8px}.nt-sidebar{gap:12px}.nt-related a:hover{box-shadow:var(--shadow-sm)}.nt-article{max-width:880px}.nt-article h1{font-weight:820;letter-spacing:-.026em}.nt-article-lead{color:var(--text-secondary)}.gr-app-shell{background:linear-gradient(180deg,#fbfbfd 0,var(--bg-primary) 300px);font-family:var(--apple-font)}.gr-page-hero h1{font-weight:820;letter-spacing:-.03em}.gr-card,.gr-card-elevated,.gr-tool-card{border-radius:8px;background:var(--apple-surface-strong);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.gr-tool-card:hover{box-shadow:var(--shadow-sm);border-color:rgba(10,132,255,.34)}.gr-button{border-radius:999px;font-weight:700}.toast,.gr-tool-toast{border-radius:8px;background:var(--apple-surface-strong);backdrop-filter:var(--apple-acrylic);-webkit-backdrop-filter:var(--apple-acrylic)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(60,60,67,.28);border-radius:999px}::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){.header-content{min-height:86px}.category-section{top:86px}.search-input{height:48px;font-size:15px}.tools-grid{gap:12px}.tool-card{padding:15px;min-height:auto}.nt-panel{padding:15px}.nt-actions{display:grid;grid-template-columns:1fr 1fr}.nt-actions .btn-primary{grid-column:1/-1}.longtail-link-grid a{min-height:auto}.footer{padding-bottom:32px}}@media(max-width:420px){.container{padding-left:14px;padding-right:14px}.category-section{top:86px}.nav-link{padding:6px 11px}.language-switcher select{max-width:72px}.search-shortcut{display:none}.nt-actions{grid-template-columns:1fr}}