:root{--primary:#2563eb;--bg:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-sub:#64748b;--border:#e2e8f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}a{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh}.header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:10}.header h1{color:var(--text-main);font-size:1.2rem;font-weight:700;margin:0}.back-btn{color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:600}.content{flex:1;padding:20px}.detail-page{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);margin-left:auto;margin-right:auto;margin-top:20px;max-width:800px;padding:40px}.detail-header{border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:30px;text-align:center}.detail-icon-img{border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:80px;margin-bottom:20px;object-fit:contain;width:80px}.detail-title{font-size:1.8rem;margin:0 0 10px}.tag-pill{background:#eff6ff;border-radius:20px;color:var(--primary);display:inline-block;font-size:.85rem;font-weight:500;padding:5px 12px}.detail-body{color:#334155;font-size:1.05rem;line-height:1.8}.cta-btn{background:var(--primary);border-radius:10px;box-shadow:0 4px 10px rgba(37,99,235,.3);color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-top:40px;padding:15px;text-align:center;transition:background .2s;width:100%}.cta-btn:hover{background:#1d4ed8}@media (max-width:600px){.detail-page{border-radius:0;margin-top:0;max-width:100%;padding:25px}}