/* =================================================================
   Wuzhimei AI Server — theme.css
   Ports the Tailwind design tokens from the React app to plain CSS.
   ================================================================= */

:root {
  --radius: 12px;
  --bg: #ffffff;
  --ink: #1d222c;
  --ink-soft: #5a6172;
  --surface: #fafaf7;
  --surface-2: #f4f4ef;
  --border: #e6e7ea;
  --card: #ffffff;
  --tech: #2a55b0;
  --primary: #ffd233;
  --primary-2: #f5b800;
  --primary-ink: #1d222c;
  --shadow-soft: 0 1px 2px rgba(29,34,44,.04), 0 8px 24px rgba(29,34,44,.06);
  --shadow-glow: 0 10px 40px rgba(255,210,51,.35);
  --gradient-yellow: linear-gradient(135deg, #ffe066 0%, #f5b800 100%);
  --gradient-hero: linear-gradient(135deg, #fffde8 0%, #fff2b3 50%, #ffffff 100%);
  --font-display: "Sora","PingFang SC","Microsoft YaHei",sans-serif;
  --font-sans: "Inter","PingFang SC","Microsoft YaHei",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}
p{margin:0}
ul{list-style:none;margin:0;padding:0}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

.container {
    max-width: 1400px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--border)}
.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;background:var(--primary);color:var(--primary-ink);font-weight:600;font-size:14px;box-shadow:var(--shadow-glow)}
.btn-primary:hover{filter:brightness(.97)}
.btn-dark{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--ink);color:#fff;font-weight:600;font-size:12px}
.btn-dark:hover{opacity:.9}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);color:var(--ink);font-weight:500;font-size:14px}
.btn-ghost:hover{border-color:var(--primary)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(230,231,234,.7)}
.site-header-inner{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--gradient-yellow);box-shadow:var(--shadow-glow);color:var(--ink);font-weight:800}
.brand-name{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--ink);line-height:1.1}
.brand-sub{font-size:11px;letter-spacing:.15em;color:var(--ink-soft)}
.primary-nav{display:none;gap:4px;align-items:center}
.primary-nav a{position:relative;padding:8px 11px;font-size:16px;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}
.primary-nav a:hover,.primary-nav a.current{color:var(--ink)}
.primary-nav a.current::after{content:"";position:absolute;left:16px;right:16px;bottom:-2px;height:2px;border-radius:2px;background:var(--primary)}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.header-search{display:none;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border);background:var(--surface);border-radius:999px;font-size:13px;color:var(--ink-soft);min-width:240px}
.header-search:hover{border-color:var(--primary);color:var(--ink)}
.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border)}
.icon-btn:hover{border-color:var(--primary)}
.cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--primary);color:var(--primary-ink);font-size:11px;font-weight:700}
.menu-btn{display:grid}
@media(min-width:1024px){
  .primary-nav{display:flex}
  .header-search{display:flex}
  .menu-btn{display:none}
}
@media(min-width:768px){.header-search{display:flex}}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--border)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:12px 16px;font-size:16px;font-weight:600;color:var(--ink-soft);border-radius:8px}
.mobile-nav a:hover{background:var(--surface);color:var(--ink)}

/* ---------- utility strip ---------- */
.util-strip{background:var(--surface);border-bottom:1px solid var(--border);font-size:12px;color:var(--ink-soft)}
.util-strip-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0}
.util-strip .items{display:flex;gap:16px;align-items:center}
.util-strip .items span{display:inline-flex;gap:6px;align-items:center}
.util-strip .dot{width:6px;height:6px;border-radius:999px;background:var(--tech)}
.util-strip b{color:var(--ink)}

/* ---------- hero ---------- */
.hero{border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:32px 0}
@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 360px}}
.hero-card{border-radius:20px;padding:28px;background:var(--gradient-hero);background-image:linear-gradient(rgba(29,34,44,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,34,44,.04) 1px,transparent 1px),var(--gradient-hero);background-size:32px 32px,32px 32px,auto}
.hero-card h1{font-size:32px;font-weight:700;color:var(--ink);line-height:1.2;margin-top:12px}
.hero-card h1 mark{background:rgba(255,210,51,.7);padding:0 4px;color:var(--ink)}
.hero-card p{margin-top:12px;color:var(--ink-soft);max-width:560px;font-size:15px}
.hero-search{margin-top:20px;display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px 4px 4px 16px;box-shadow:var(--shadow-soft);max-width:520px}
.hero-search input{flex:1;border:0;outline:0;padding:10px 12px;font-size:14px;background:transparent}
.hero-search button{padding:10px 20px;border-radius:999px;background:var(--primary);color:var(--primary-ink);font-weight:600;font-size:14px}
.hero-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px}
.hero-tags a{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--ink-soft);background:var(--surface-2)}
.hero-tags a:hover{border-color:var(--primary);color:var(--ink)}
.deals-card{border:1px solid var(--border);border-radius:20px;background:var(--card);padding:16px}
.deals-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.deals-head .title{font-size:14px;font-weight:600;color:var(--ink);display:flex;gap:6px;align-items:center}
.deals-head a{font-size:12px;color:var(--tech)}
.deals-list li{padding:10px 0;border-top:1px solid var(--border)}
.deals-list li:first-child{border-top:0}
.deals-list a{display:flex;gap:12px;align-items:center}
.deals-list img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.deals-list .name{font-size:12px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deals-list .price{font-size:14px;font-weight:700;color:var(--ink);margin-top:2px}
.deals-list .strike{font-size:10px;color:var(--ink-soft);text-decoration:line-through;margin-left:6px}
@media(min-width:640px){.hero-card{padding:40px}.hero-card h1{font-size:44px}}
@media(min-width:1024px){.hero-card h1{font-size:52px}}

/* ---------- sections ---------- */
.section{border-bottom:1px solid var(--border);padding:32px 0}
.section.alt{background:var(--surface)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.section-head h2{font-size:22px;font-weight:700;color:var(--ink)}
.section-head p{margin-top:4px;font-size:13px;color:var(--ink-soft)}
.section-head .more{font-size:12px;color:var(--tech);white-space:nowrap}
.section-head .more:hover{text-decoration:underline}

/* category grid */
.cat-grid{margin-top:16px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(8,1fr)}}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--border);background:var(--card);border-radius:14px;text-align:center;transition:.15s}
.cat-item:hover{border-color:var(--primary);box-shadow:var(--shadow-soft)}
.cat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-size:20px;color:var(--ink)}
.cat-item:hover .cat-icon{background:var(--primary);color:var(--primary-ink)}
.cat-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}
.cat-count{font-size:10px;color:var(--ink-soft)}

/* hot list */
.row-grid{margin-top:16px;display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:768px){.row-grid{grid-template-columns:1fr 1fr}}
.row-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);background:var(--card);border-radius:14px;transition:border-color .15s}
.row-card:hover{border-color:var(--primary)}
.row-card img{width:80px;height:80px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.row-card .meta{min-width:0;flex:1}
.row-card .badges{display:flex;gap:6px;align-items:center}
.badge-hot{background:var(--primary);color:var(--primary-ink);border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}
.badge-new{background:var(--tech);color:#fff;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}
.row-card .brand{font-size:10px;color:var(--ink-soft)}
.row-card .name{margin-top:4px;font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-card .spec{margin-top:2px;font-size:11px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-card .footer{margin-top:6px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.row-card .price{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink)}

/* mini card */
.mini-grid{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.mini-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.mini-grid{grid-template-columns:repeat(6,1fr)}}
.mini-card{border:1px solid var(--border);background:var(--card);border-radius:14px;overflow:hidden;transition:border-color .15s;display:block}
.mini-card:hover{border-color:var(--primary)}
.mini-card .thumb{aspect-ratio:1/1;background:var(--surface);overflow:hidden}
.mini-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mini-card:hover img{transform:scale(1.05)}
.mini-card .body{padding:10px}
.mini-card .name{font-size:12px;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.mini-card .price{margin-top:6px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink)}

/* products table */
.p-table-wrap{margin-top:16px;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.p-table{width:100%;font-size:14px;border-collapse:collapse}
.p-table thead{background:var(--surface);font-size:12px;color:var(--ink-soft)}
.p-table th{padding:10px 12px;text-align:left;font-weight:600}
.p-table th.num{text-align:right}
.p-table td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:middle}
.p-table tr:hover td{background:rgba(250,250,247,.6)}
.p-table td.num{text-align:right}
.p-cell-product{display:flex;gap:12px;align-items:center;min-width:0}
.p-cell-product img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.p-cell-product .name{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-cell-product .sub{font-size:11px;color:var(--ink-soft)}
.p-price{font-size:14px;font-weight:700;color:var(--ink)}
.p-strike{font-size:10px;color:var(--ink-soft);text-decoration:line-through}
.hide-md{display:none}
@media(min-width:768px){.hide-md{display:table-cell}}

/* trust strip */
.trust-grid{padding:32px 0;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:1024px){.trust-grid{grid-template-columns:repeat(4,1fr)}}
.trust-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.trust-icon{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:rgba(255,210,51,.35);display:grid;place-items:center;color:var(--ink);font-weight:700}
.trust-card .t{font-size:14px;font-weight:600;color:var(--ink)}
.trust-card .d{margin-top:2px;font-size:12px;color:var(--ink-soft)}

/* ---------- WooCommerce overrides ---------- */
.woocommerce-page main.site-main,.wc-page main.site-main,.wp-page main.site-main{padding:32px 0}
.woocommerce ul.products {
    gap: 24px !important;
}
@media (min-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
.woocommerce ul.products li.product{list-style:none;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:0;margin:0;transition:border-color .15s}
.woocommerce ul.products li.product:hover{border-color:var(--primary);box-shadow:var(--shadow-soft)}
.woocommerce ul.products li.product a{display:block;padding:0}
.woocommerce ul.products li.product img{margin:0;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:12px 14px 4px;font-size:14px;font-weight:600;color:var(--ink);line-height:1.35;font-family:var(--font-sans)}
.woocommerce ul.products li.product .price{padding:0 14px;font-family:var(--font-display);font-size:18px;color:var(--ink);font-weight:700}
.woocommerce ul.products li.product .price del{color:var(--ink-soft);font-size:12px;font-weight:400;margin-right:6px}
.woocommerce ul.products li.product .price ins{background:none;color:var(--ink);text-decoration:none}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:10px 14px 14px;display:inline-flex;padding:8px 14px;border-radius:8px;background:var(--ink);color:#fff!important;font-size:12px;font-weight:600;text-transform:none}
.woocommerce ul.products li.product .button:hover{opacity:.9}
.woocommerce span.onsale{background:var(--primary);color:var(--primary-ink);font-weight:700;padding:4px 10px;border-radius:6px;min-height:auto;min-width:auto;line-height:1.2;font-size:11px;top:12px;left:12px}

.woocommerce div.product{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:1024px){.woocommerce div.product{grid-template-columns:1fr 1fr}}
.woocommerce div.product .woocommerce-product-gallery{width:100%;float:none;margin:0}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:16px;border:1px solid var(--border)}
.woocommerce div.product div.summary{width:100%;float:none;margin:0}
.woocommerce div.product .product_title{font-size:28px;font-weight:700;color:var(--ink);margin-bottom:12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-family:var(--font-display);font-size:32px;font-weight:800;margin:16px 0}
.woocommerce div.product p.price del{color:var(--ink-soft);font-size:18px;font-weight:400;margin-right:12px}
.woocommerce div.product form.cart{background:var(--surface);padding:16px;border-radius:12px;margin:20px 0}
.woocommerce .quantity .qty{width:80px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #payment #place_order{background:var(--primary);color:var(--primary-ink);font-weight:700;padding:12px 24px;border-radius:999px;font-size:14px;border:0;box-shadow:var(--shadow-glow)}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #payment #place_order:hover{background:var(--primary-2);color:var(--primary-ink)}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--ink);color:#fff}
.woocommerce .button.alt:hover{background:var(--ink);opacity:.9;color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--border)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom-color:var(--border)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0 4px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 20px;font-weight:600;color:var(--ink-soft);border-bottom:2px solid transparent;display:inline-block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom-color:var(--primary)}
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:var(--ink-soft);margin:16px 0}
.woocommerce .woocommerce-breadcrumb a{color:var(--tech)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--primary)!important;background:var(--surface)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--primary-2)}

/* cart / checkout light polish */
.woocommerce table.shop_table{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.woocommerce table.shop_table th{background:var(--surface);color:var(--ink)}

/* ---------- generic page ---------- */
.page-hero{background:var(--gradient-hero);border-bottom:1px solid var(--border);padding:56px 0}
.page-hero h1{font-size:36px;font-weight:700;color:var(--ink)}
.page-hero p{margin-top:8px;color:var(--ink-soft);max-width:640px}
.page-body{padding:48px 0}

.solutions-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:1024px){.solutions-grid{grid-template-columns:1fr 1fr}}
.solution-card{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:28px}
.solution-card .ic{width:48px;height:48px;border-radius:12px;background:var(--gradient-yellow);display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:22px}
.solution-card h2{margin-top:16px;font-size:22px;font-weight:700}
.solution-card p{margin-top:8px;font-size:13px;color:var(--ink-soft)}
.solution-card ul{margin-top:16px;display:grid;gap:8px;font-size:14px}
.solution-card li{display:flex;gap:8px;align-items:flex-start}
.solution-card li::before{content:"✓";color:var(--tech);font-weight:700;flex:0 0 auto}

.support-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:768px){.support-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.support-grid{grid-template-columns:repeat(3,1fr)}}
.support-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:20px}
.support-card .ic{width:44px;height:44px;border-radius:12px;background:var(--primary);display:grid;place-items:center;color:var(--ink);font-weight:800}
.support-card .t{margin-top:14px;font-size:16px;font-weight:600}
.support-card .d{margin-top:4px;font-size:14px;color:var(--ink-soft)}

.steps-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)}}
.step-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:20px}
.step-card .k{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--primary-2)}
.step-card .t{margin-top:6px;font-size:15px;font-weight:600}
.step-card .d{margin-top:4px;font-size:14px;color:var(--ink-soft)}

.contact-grid{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-cards{display:grid;gap:12px;margin-top:24px}
.contact-card{display:flex;gap:12px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.contact-card .ic{width:44px;height:44px;border-radius:12px;background:var(--primary);display:grid;place-items:center;color:var(--ink);font-weight:800}
.contact-card .t{font-size:14px;font-weight:600;color:var(--ink)}
.contact-card .d{margin-top:4px;font-size:14px;color:var(--ink-soft)}
.contact-form{border:1px solid var(--border);background:var(--gradient-hero);border-radius:24px;padding:32px}
.contact-form h2{font-size:22px;font-weight:700}
.contact-form p{margin-top:4px;font-size:13px;color:var(--ink-soft)}
.contact-form form{margin-top:24px;display:grid;gap:16px}
.contact-form label span{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--ink)}
.contact-form input,.contact-form textarea{width:100%;padding:10px 14px;border:1px solid var(--border);background:#fff;border-radius:12px;font-size:14px;font-family:inherit;outline:0}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}

/* ---------- footer ---------- */
.site-footer{margin-top:64px;background:var(--surface);border-top:1px solid var(--border)}
.footer-top{display:grid;gap:40px;padding:56px 0;grid-template-columns:1fr}
@media(min-width:1024px){.footer-top{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand p{margin-top:14px;font-size:14px;color:var(--ink-soft);max-width:420px}
.footer-contact{margin-top:14px;display:grid;gap:8px;font-size:14px;color:var(--ink-soft)}
.footer-col h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px}
.footer-col ul{display:grid;gap:8px;font-size:14px;color:var(--ink-soft)}
.footer-col a:hover{color:var(--ink)}
.footer-bottom{border-top:1px solid var(--border);padding:18px 0;font-size:12px;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}
@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}

/* ---------- misc ---------- */
.line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.icon{display:inline-block;line-height:1}