:root{--paper: #fbfbfd;--white: #ffffff;--ink: #1d1d1f;--muted: #86868b;--muted-2: #6e6e73;--line: #d2d2d7;--line-soft: #e8e8ed;--blue: #0071e3;--blue-hover: #0077ed;--panel: #f5f5f7;--shadow: 0 18px 40px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--radius: 20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;border:none;border-radius:999px;font-size:16px;font-weight:600;transition:all .2s ease}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{transform:scale(1.04)}.btn-block{width:100%}.icon-btn{background:none;border:none;font-size:17px;color:var(--muted-2);padding:6px}.icon-btn:hover{color:var(--ink)}.promo-bar{background:var(--ink);color:#fff;text-align:center;font-size:12.5px;padding:10px 16px;letter-spacing:.2px}.promo-bar b{color:#ffd60a}.site-header{position:sticky;top:0;z-index:50;background:#fbfbfdd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{display:flex;align-items:center;gap:28px;height:54px}.brand-home{display:inline-flex;align-items:center;flex:none}.brand-home:hover .brand-mark{transform:rotate(-6deg)}.brand-logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;--brand-knockout: var(--paper)}.brand-mark{width:26px;height:26px;flex:none;overflow:visible;transition:transform .25s ease}.brand-mark .brand-knockout{fill:var(--brand-knockout)}.brand-mark .brand-dot{stroke:var(--brand-knockout)}.brand-words{display:flex;align-items:baseline;gap:7px;line-height:1;white-space:nowrap}.brand-name{font-size:17px;font-weight:900;letter-spacing:-.01em}.brand-sub{font-size:13.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.brand-logo:hover .brand-sub{color:var(--ink)}.main-nav{display:flex;gap:6px;flex:1}.nav-link{background:none;border:none;font-size:13.5px;color:var(--ink);opacity:.72;padding:6px 10px;border-radius:999px;transition:all .2s}.nav-link:hover{opacity:1;background:#0000000a}.nav-link.active{opacity:1;font-weight:600;background:#0000000f}.header-actions{display:flex;align-items:center;gap:10px}.cart-btn{position:relative;background:var(--ink);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:17px;transition:transform .15s}.cart-btn:hover{transform:scale(1.06)}.cart-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;background:#ff3b30;color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.signin-btn{background:none;border:1.5px solid var(--line);color:var(--ink);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:all .2s}.signin-btn:hover{border-color:var(--ink);background:#0000000a}.user-menu-wrap{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:4px 14px 4px 4px;font-size:13.5px;font-weight:600;color:var(--ink);transition:border-color .2s}.user-btn:hover{border-color:var(--ink)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.user-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;right:0;top:46px;z-index:70;min-width:190px;background:var(--white);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow);padding:6px;animation:popIn .15s ease}.user-email{font-size:11.5px;color:var(--muted);padding:8px 12px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown button{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:none;border-radius:9px;font-size:13.5px;color:var(--ink)}.user-dropdown button:hover{background:var(--panel)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}}.modal-card{background:var(--white);border-radius:22px;width:860px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #00000047;animation:popIn .25s ease}@keyframes popIn{0%{transform:translateY(16px) scale(.98);opacity:0}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:var(--white);z-index:2;border-radius:22px 22px 0 0}.modal-header h3{font-size:17px;font-weight:700}.auth-card{width:420px}.auth-body{padding:22px 24px 26px}.auth-tabs{display:flex;background:var(--panel);border-radius:999px;padding:4px;margin-bottom:20px}.auth-tabs button{flex:1;padding:9px;border:none;border-radius:999px;background:none;font-size:14px;font-weight:600;color:var(--muted);transition:all .2s}.auth-tabs button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #0000001a}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted-2)}.auth-form input{padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;color:var(--ink);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e326}.auth-error{color:#ff3b30;font-size:13px}.password-rules{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12.5px}.password-rules li{color:var(--muted);display:flex;align-items:center;gap:7px;transition:color .2s}.password-rules li:before{content:"○";font-size:10px}.password-rules li.ok{color:#1a7f37}.password-rules li.ok:before{content:"●"}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font-size:12.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.google-btn-wrap{display:flex;justify-content:center;min-height:44px}.verify-text{font-size:14px;color:var(--muted-2);margin:0 0 12px;line-height:1.5}.verify-text strong{color:var(--ink)}.auth-code-input{text-align:center;font-size:20px!important;letter-spacing:8px}.auth-links{display:flex;justify-content:space-between;margin-top:14px}.auth-links button{background:none;border:none;color:var(--blue);font-size:13.5px;font-weight:600;padding:4px 0}.auth-links button:hover{text-decoration:underline}.auth-links button:disabled{color:var(--muted);text-decoration:none;cursor:default}.orders-card{width:620px}.orders-body{padding:20px 24px 26px}.orders-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:14px 16px;margin-bottom:16px;font-size:14px;color:var(--muted-2)}.orders-empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:44px 0;color:var(--muted-2);font-size:14.5px}.order-card{border:1px solid var(--line-soft);border-radius:16px;padding:16px 18px;margin-bottom:14px;background:var(--white);transition:border-color .2s}.order-card:hover{border-color:var(--line)}.order-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.order-head strong{font-size:14.5px}.order-date{color:var(--muted);font-size:12.5px;margin-left:10px}.order-items{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.order-item-chip{background:var(--panel);border:1px solid var(--line-soft);border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--muted-2)}.order-total{margin-left:auto;font-size:15.5px}.order-note{margin:14px 0 0;font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px}.status-badge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.st-placed{background:#eaf1fb;color:#1d4e89}.st-processing{background:#fff4e5;color:#9a6b12}.st-shipped{background:#f1eaf8;color:#6b3fa0}.st-delivered{background:#e9f6ec;color:#1a7f37}.st-returned{background:#f7eae8;color:#8d3b2f}.st-canceled{background:#eeeef0;color:#6e6e73}.timeline{display:flex;margin-top:16px}.tstep{flex:1;text-align:center;position:relative;font-size:11.5px;color:var(--muted);padding-top:24px}.tstep:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:var(--white);border:2px solid var(--line);z-index:1}.tstep:not(:first-child):after{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line)}.tstep.done{color:var(--ink);font-weight:600}.tstep.done:before{background:var(--blue);border-color:var(--blue)}.tstep.done:not(:first-child):after{background:var(--blue)}.tstep-icon{display:block;font-size:12px;margin-bottom:2px}.hero{background:radial-gradient(circle at 82% 18%,rgba(162,89,255,.55),transparent 46%),radial-gradient(circle at 12% 88%,rgba(0,144,255,.45),transparent 45%),linear-gradient(120deg,#0b0b10,#1d1b3a 55%,#2b1240);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:78px 24px 86px}.hero-eyebrow{font-size:13px;letter-spacing:.12em;color:#ffffffad;margin-bottom:16px}.hero h1{font-size:52px;line-height:1.08;letter-spacing:-.02em;font-weight:700}.hero h1 .grad{background:linear-gradient(90deg,#4facfe,#a259ff 55%,#ff5e8a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:#ffffffc7;max-width:460px;margin:18px 0 28px;font-size:17px}.hero-cta{display:flex;gap:14px;margin-bottom:26px;flex-wrap:wrap}.hero-cta .btn-ghost{color:#fff;border-color:#ffffff73}.hero-cta .btn-ghost:hover{border-color:#fff;background:#ffffff1f}.hero-badges{display:flex;gap:20px;font-size:13px;color:#ffffffb8;flex-wrap:wrap}.hero-art{position:relative;height:330px}.hero-phone{position:absolute;animation:float 5.5s ease-in-out infinite}.hero-phone.p-left{left:24px;top:26px;rotate:-8deg}.hero-phone.p-right{right:26px;top:0;rotate:7deg;animation-delay:-2.2s}@keyframes float{50%{transform:translateY(-14px)}}.section{max-width:1100px;margin:0 auto;padding:64px 24px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.section-head h2{font-size:30px;font-weight:700;letter-spacing:-.01em}.section-link{font-size:14px;color:var(--blue);cursor:pointer}.section-link:hover{text-decoration:underline}.empty-tip{text-align:center;color:var(--muted);padding:60px 0;font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{height:168px;border:none;border-radius:var(--radius);padding:20px;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;transition:transform .25s ease,box-shadow .25s ease}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-name{font-size:18px;font-weight:700}.category-desc{font-size:13px;opacity:.85}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.pill{padding:8px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);font-size:14px;color:var(--ink);transition:all .2s}.pill:hover{border-color:var(--ink)}.pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.sort-select{padding:9px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);font-size:14px;outline:none;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{position:relative;background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-tag{position:absolute;top:26px;left:26px;z-index:2;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px}.product-media{height:240px;border-radius:14px;background:var(--panel);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.product-info{display:flex;flex-direction:column;gap:4px;flex:1}.product-name{font-size:15px;font-weight:700}.product-sub{font-size:12.5px;color:var(--muted)}.product-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:18px;font-weight:700}.add-btn{background:var(--blue);color:#fff;border:none;border-radius:999px;padding:9px 14px;font-size:12.5px;font-weight:600;transition:background .2s,transform .15s}.add-btn:hover{background:var(--blue-hover)}.add-btn:active{transform:scale(.94)}.collab{max-width:1100px;margin:64px auto 0;border-radius:30px;padding:72px 40px;text-align:center;color:#fff;background:linear-gradient(120deg,#f953c6,#b91d73 70%,#6a11cb)}.collab-eyebrow{font-size:12px;letter-spacing:.3em;opacity:.8}.collab h2{font-size:34px;font-weight:700;margin:10px 0 12px;letter-spacing:-.01em}.collab-sub{font-size:16px;opacity:.9;margin-bottom:26px}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.gallery-item{height:148px;border-radius:16px;color:#fff;font-size:12.5px;font-weight:600;display:flex;align-items:flex-end;padding:12px;transition:transform .25s,box-shadow .25s}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--panel);border-radius:24px;padding:34px 28px;text-align:center}.feature-icon{font-size:30px}.feature-card h3{font-size:18px;margin:12px 0 6px}.feature-card p{font-size:14px;color:var(--muted-2)}.phone-shell{position:relative;border-radius:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff47,0 30px 60px #00000038;transition:background .35s ease,width .35s ease,height .35s ease}.phone-shell-sm{border-radius:26px;box-shadow:inset 0 0 0 1px #ffffff4d,0 12px 26px #00000038}.phone-cam{position:absolute;top:14px;left:14px;width:102px;height:102px;border-radius:30px;background:#0000001a;box-shadow:inset 0 1px 3px #0000002e}.phone-cam i{position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5a5a66,#0c0c12 70%);box-shadow:0 0 0 3px #00000024}.phone-cam i:nth-child(1){top:8px;left:8px}.phone-cam i:nth-child(2){bottom:8px;left:8px}.phone-cam i:nth-child(3){top:32px;right:8px}.phone-shell-sm .phone-cam{top:7px;left:7px;width:44px;height:44px;border-radius:13px}.phone-shell-sm .phone-cam i{width:16px;height:16px;box-shadow:none}.phone-shell-sm .phone-cam i:nth-child(1){top:4px;left:4px}.phone-shell-sm .phone-cam i:nth-child(2){bottom:4px;left:4px}.phone-shell-sm .phone-cam i:nth-child(3){top:14px;right:4px}.phone-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:600;pointer-events:none}.phone-text.v{writing-mode:vertical-rl;letter-spacing:.34em;font-size:26px}.phone-text.h{font-size:22px;letter-spacing:.12em;padding:0 18px;text-align:center}.phone-shell-sm .phone-text.v{font-size:12.5px;letter-spacing:.18em}.phone-shell-sm .phone-text.h{font-size:11px;letter-spacing:.08em}.customizer{max-width:1040px;margin:0 auto;padding:48px 24px 72px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.customizer-preview{min-height:560px;background:var(--panel);border-radius:30px;display:flex;align-items:center;justify-content:center}.customizer-title{font-size:32px;font-weight:700;letter-spacing:-.01em}.customizer-sub{color:var(--muted);font-size:15px;margin:6px 0 28px}.field{margin-bottom:26px}.field-label{font-size:13px;font-weight:600;color:var(--muted-2);margin-bottom:10px}.field .pills{margin-bottom:0}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.1);transition:box-shadow .2s,transform .2s}.swatch:hover{transform:scale(1.08)}.swatch.active{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--blue)}.text-input{width:100%;padding:12px 16px;font-size:15px;color:var(--ink);border:1px solid var(--line);border-radius:12px;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e326}.customizer-buy{border-top:1px solid var(--line-soft);padding-top:22px}.price-lg{font-size:28px;font-weight:700;margin-bottom:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price-lg small{font-size:13px;font-weight:400;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.show{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:var(--white);z-index:100;display:flex;flex-direction:column;transform:translate(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-12px 0 40px #00000029}.cart-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line-soft)}.drawer-header h3{font-size:17px}.cart-items{flex:1;overflow-y:auto;padding:14px 22px}.cart-empty{text-align:center;padding:70px 0;color:var(--muted)}.cart-empty .btn{margin-top:18px}.cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px dashed var(--line-soft)}.cart-thumb{width:56px;height:96px;border-radius:12px;background:var(--panel);display:flex;align-items:center;justify-content:center}.ci-body{display:flex;flex-direction:column;gap:4px}.ci-name{font-size:13.5px;font-weight:600}.ci-price{font-size:13px;color:var(--muted-2)}.qty{display:inline-flex;align-items:center;gap:10px;margin-top:2px}.qty button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--white);font-size:14px;line-height:1;color:var(--ink)}.qty button:hover{border-color:var(--ink)}.qty span{font-size:13.5px;min-width:16px;text-align:center}.ci-remove{font-size:15px}.drawer-footer{border-top:1px solid var(--line-soft);padding:18px 22px 22px}.summary-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted-2);padding:5px 0}.summary-row.total{font-size:17px;font-weight:700;color:var(--ink);padding-top:10px;margin-bottom:14px}.secure-tip{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}.site-footer{background:var(--panel);margin-top:72px;padding-top:56px}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;font-size:13px;color:var(--muted-2);padding-bottom:20px}.footer-logo{color:var(--ink);margin-bottom:12px;--brand-knockout: var(--panel)}.footer-tag{line-height:1.6}.newsletter{display:flex;gap:8px;margin-top:14px}.newsletter input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;outline:none;font-family:inherit}.newsletter input:focus{border-color:var(--ink)}.newsletter button{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:0 18px;font-size:13px;font-weight:600}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col h4{font-size:13px;color:var(--ink);margin-bottom:3px}.footer-col a:hover{text-decoration:underline}.copyright{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;padding-bottom:26px;font-size:12px;color:var(--muted)}.toast-stack{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--ink);color:#fff;padding:12px 24px;border-radius:999px;font-size:14px;box-shadow:var(--shadow);animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;padding:56px 24px 64px}.hero h1{font-size:38px}.hero-art{display:none}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr}.customizer{grid-template-columns:1fr;gap:32px}.customizer-preview{min-height:460px}.footer-inner{grid-template-columns:1fr 1fr}.main-nav{display:none}.collab{margin:48px 16px 0;padding:48px 24px}.section-head h2{font-size:24px}.auth-card{width:100%}.user-name{display:none}.header-inner{gap:14px}.brand-mark{width:22px;height:22px}.brand-name{font-size:15.5px}.brand-sub{font-size:11.5px;letter-spacing:.08em}}@media (max-width: 480px){.header-inner{gap:8px}.container{padding:0 16px}.brand-logo{gap:6px}.brand-mark{width:20px;height:20px}.brand-words{gap:4px}.brand-name{font-size:13.5px}.brand-sub{font-size:9.5px;letter-spacing:.04em}.signin-btn{padding:6px 10px;font-size:12px}.cart-btn{width:34px;height:34px;font-size:15px}}
