/* ============================================================
   lucas.photo — gaya publik (dipindah dari prototipe statis)
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#faf7f2;color:#2a2622;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#d98b6a;color:#fff}
img{display:block}
input,textarea,button,select{font-family:inherit}
a{color:inherit;text-decoration:none}
ul{list-style:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

.wrap{max-width:1320px;margin:0 auto;padding-left:40px;padding-right:40px}
.mono{font-family:ui-monospace,Menlo,monospace}
.eyebrow{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:2px;color:#c47a57;text-transform:uppercase;margin-bottom:14px}

.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Header */
header.site{position:sticky;top:0;z-index:100;background:rgba(250,247,242,.86);backdrop-filter:blur(10px);border-bottom:1px solid #e9e2d6}
header.site .wrap{padding-top:18px;padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:700;font-size:17px;letter-spacing:-.02em}
.brand span{color:#c47a57}
nav.main{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
nav.main a{color:#6b6256;transition:color .18s ease}
nav.main a:hover{color:#2a2622}
.btn-book{font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #2a2622;padding:11px 22px;border-radius:999px;font-weight:600;transition:all .18s ease;white-space:nowrap}
.btn-book:hover{background:#2a2622;color:#fdfaf5}
.nav-toggle{display:none}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;cursor:pointer}
.nav-burger span{display:block;height:2px;width:22px;background:#2a2622;border-radius:2px;transition:all .25s ease}
.nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero */
.hero{position:relative;height:88vh;min-height:580px;display:flex;align-items:flex-end;overflow:hidden;background:repeating-linear-gradient(45deg,#e9e1d4,#e9e1d4 16px,#e2d8c8 16px,#e2d8c8 32px)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.22) saturate(1.1) contrast(1.02)}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(35,28,22,.78) 0%,rgba(35,28,22,.32) 45%,rgba(35,28,22,.08) 78%),linear-gradient(to right,rgba(35,28,22,.6) 0%,rgba(35,28,22,.18) 45%,rgba(35,28,22,0) 80%)}
.hero .inner{position:relative;width:100%;padding-bottom:64px}
.hero .kicker{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:3px;color:#f7efe3;text-transform:uppercase;margin-bottom:22px;text-shadow:0 1px 8px rgba(20,14,10,.55)}
.hero h1{color:#fff;font-weight:700;font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.03em;max-width:15ch;text-wrap:balance;text-shadow:0 2px 18px rgba(20,14,10,.5)}
.hero .cta{display:flex;align-items:center;gap:18px;margin-top:34px;flex-wrap:wrap}
.btn-solid{background:#fdfaf5;color:#2a2622;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:15px 30px;border-radius:999px;transition:all .18s ease}
.btn-solid:hover{background:#d98b6a;color:#fdfaf5}
.link-underline{color:#fdfaf5;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(253,250,245,.5);padding-bottom:3px}

/* Stats */
.stats{border-bottom:1px solid #e9e2d6}
.stats .wrap{padding-top:26px;padding-bottom:26px;display:flex;flex-wrap:wrap;gap:40px;align-items:baseline;justify-content:space-between}
.stats p{font-size:14px;color:#6b6256;max-width:38ch;line-height:1.5}
.stat-nums{display:flex;gap:48px;font-family:ui-monospace,Menlo,monospace}
.stat-nums .num{font-size:30px;font-weight:700;color:#2a2622}
.stat-nums .cap{font-size:11px;letter-spacing:1px;color:#9a9082;text-transform:uppercase;margin-top:4px}

/* Sections */
.sec{padding-top:96px;padding-bottom:96px}
.sec h2{font-size:clamp(30px,4vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1}

/* Gallery */
.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:40px}
.filters{display:flex;flex-wrap:wrap;gap:9px}
.filters button{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .18s ease;border:1px solid #d8cebd;background:transparent;color:#6b6256}
.filters button:hover{border-color:#2a2622;color:#2a2622}
.filters button.active{background:#2a2622;color:#fdfaf5;border-color:#2a2622}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
figure.card{position:relative;aspect-ratio:4/5;overflow:hidden;background:repeating-linear-gradient(45deg,#efe9df,#efe9df 14px,#e6ded0 14px,#e6ded0 28px);cursor:pointer;animation:fadeUp .5s ease both}
figure.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(1.08) contrast(1.02);transition:transform .5s ease}
figure.card:hover img{transform:scale(1.04)}
figure.card figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;background:linear-gradient(to top,rgba(35,28,22,.55),transparent)}
figure.card .lbl{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.5px;color:#fdfaf5}
figure.card .cat{font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:1px;color:rgba(253,250,245,.7);text-transform:uppercase}
.count{text-align:center;margin-top:36px;font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:1px;color:#9a9082}
.empty-note{text-align:center;color:#9a9082;font-size:14px;padding:40px 0}

/* About */
.about{background:#f1ebe1;border-top:1px solid #e9e2d6;border-bottom:1px solid #e9e2d6;margin-top:60px}
.about .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.about .photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:repeating-linear-gradient(45deg,#e6ded0,#e6ded0 14px,#ded4c4 14px,#ded4c4 28px)}
.about .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(1.08) contrast(1.02)}
.about h2{font-size:clamp(28px,3.6vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:26px;max-width:18ch}
.about p{font-size:16px;line-height:1.7;color:#5a5247;margin-bottom:18px;max-width:54ch}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tags span{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.5px;color:#6b6256;border:1px solid #d8cebd;border-radius:999px;padding:8px 16px}

/* Services */
.services h2{max-width:16ch;margin-bottom:48px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan{border:1px solid #e3dccf;border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;background:#fdfaf5;transition:all .2s ease}
.plan:hover{border-color:#c9bfae;transform:translateY(-4px)}
.plan .role{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:1.5px;color:#9a9082;text-transform:uppercase;margin-bottom:20px}
.plan .price{display:flex;align-items:baseline;gap:6px;margin-bottom:22px}
.plan .price .from{font-size:13px;color:#9a9082}
.plan .price .amt{font-size:38px;font-weight:700;letter-spacing:-.02em}
.plan ul{display:flex;flex-direction:column;gap:13px;font-size:14px;color:#5a5247;line-height:1.45;flex:1}
.plan ul li{display:flex;gap:10px}
.plan ul li span{color:#c47a57}
.plan .pick{margin-top:28px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid #2a2622;border-radius:999px;padding:13px;transition:all .18s ease}
.plan .pick:hover{background:#2a2622;color:#fdfaf5}
.plan.featured{border-color:#2a2622;background:#2a2622;color:#fdfaf5;position:relative}
.plan.featured .badge{position:absolute;top:24px;right:24px;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:1px;color:#2a2622;background:#d98b6a;border-radius:999px;padding:5px 11px;text-transform:uppercase}
.plan.featured .role{color:#b8ab9a}
.plan.featured .price .from{color:#b8ab9a}
.plan.featured ul{color:#e4dccf}
.plan.featured ul li span{color:#d98b6a}
.plan.featured .pick{background:#fdfaf5;color:#2a2622;border-color:#fdfaf5}
.plan.featured .pick:hover{background:#d98b6a;color:#fdfaf5;border-color:#d98b6a}

/* Testimonials */
.testi{background:#2a2622;color:#fdfaf5}
.testi h2{font-size:clamp(28px,3.6vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:54px;max-width:20ch}
.testi .eyebrow{color:#d98b6a}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi figure{border-top:1px solid #4a4239;padding-top:26px}
.testi blockquote{font-size:18px;line-height:1.55;color:#f0e8db;margin-bottom:26px}
.testi figcaption{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.5px;color:#b8ab9a}
.testi-form{margin-top:64px;border-top:1px solid #4a4239;padding-top:40px}
.testi-form h3{font-size:20px;font-weight:700;margin-bottom:8px}
.testi-form p.hint{color:#b8ab9a;font-size:13px;margin-bottom:24px}
.testi-form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.testi-form input,.testi-form textarea{width:100%;border:none;border-bottom:1px solid #5a5045;background:transparent;padding:10px 0;font-size:15px;color:#fdfaf5;outline:none}
.testi-form input::placeholder,.testi-form textarea::placeholder{color:#8a8073}
.testi-form input:focus,.testi-form textarea:focus{border-bottom-color:#d98b6a}
.testi-form button{margin-top:20px;background:#d98b6a;color:#2a2622;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;padding:15px 34px;border-radius:999px;cursor:pointer;transition:background .18s ease}
.testi-form button:hover{background:#fdfaf5}

/* Instagram */
.insta-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:34px}
.insta-head h2{font-size:clamp(26px,3.4vw,42px);font-weight:700;letter-spacing:-.02em}
.insta-head a{font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:1px;color:#6b6256;border-bottom:1px solid #c9bfae;padding-bottom:3px;text-transform:uppercase;transition:color .18s ease}
.insta-head a:hover{color:#c47a57}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.insta-grid .cell{position:relative;aspect-ratio:1;overflow:hidden;background:repeating-linear-gradient(45deg,#efe9df,#efe9df 12px,#e6ded0 12px,#e6ded0 24px)}
.insta-grid .cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(1.08);transition:transform .5s ease}
.insta-grid .cell:hover img{transform:scale(1.05)}

/* Contact */
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contact h2{font-size:clamp(30px,4.4vw,58px);font-weight:700;letter-spacing:-.03em;line-height:.98;margin-bottom:28px;max-width:14ch}
.contact .lead{font-size:16px;line-height:1.7;color:#5a5247;margin-bottom:38px;max-width:42ch}
.contact-links{display:flex;flex-direction:column;gap:18px;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#3a342c}
.contact-links a,.contact-links .crow{display:flex;justify-content:space-between;border-bottom:1px solid #e3dccf;padding-bottom:14px;transition:color .18s ease}
.contact-links a:hover{color:#c47a57}
.contact-links .k{color:#9a9082}
form.booking{display:flex;flex-direction:column;gap:22px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
form.booking label{display:flex;flex-direction:column;gap:9px}
form.booking label .lab{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:1px;color:#9a9082;text-transform:uppercase}
form.booking input,form.booking textarea,form.booking select{border:none;border-bottom:1px solid #cfc5b4;background:transparent;padding:9px 0;font-size:15px;color:#2a2622;outline:none}
form.booking textarea{resize:vertical}
form.booking input:focus,form.booking textarea:focus,form.booking select:focus{border-bottom:1px solid #2a2622}
.submit{margin-top:8px;align-self:flex-start;background:#2a2622;color:#fdfaf5;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;padding:16px 38px;border-radius:999px;cursor:pointer;transition:background .18s ease}
.submit:hover{background:#c47a57}
.sent{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#7a9a6e}

/* Footer */
footer.site{border-top:1px solid #e9e2d6;background:#f1ebe1}
footer.site .wrap{padding-top:50px;padding-bottom:50px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.social{display:flex;gap:26px;font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:1px;color:#6b6256;text-transform:uppercase}
.social a{transition:color .18s ease}
.social a:hover{color:#c47a57}
.copy{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.5px;color:#9a9082}

/* Flash publik */
.flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:10000;max-width:90vw;padding:13px 22px;border-radius:999px;font-size:14px;box-shadow:0 6px 24px rgba(35,28,22,.18)}
.flash.notice{background:#2a2622;color:#fdfaf5}
.flash.alert{background:#7a2e2e;color:#fff}

@media (max-width:900px){
  .wrap{padding-left:24px;padding-right:24px}
  header.site .wrap{flex-wrap:wrap;gap:14px}
  .brand{order:1;margin-right:auto}
  .btn-book{order:2}
  .nav-burger{display:flex;order:3}
  nav.main{order:4;display:none;flex-basis:100%;flex-direction:column;gap:0;margin-top:6px}
  .nav-toggle:checked ~ nav.main{display:flex}
  nav.main a{padding:14px 2px;border-top:1px solid #e9e2d6;font-size:13px;letter-spacing:.12em}
  .about .wrap{grid-template-columns:1fr;gap:36px}
  .price-grid{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .testi-form .row{grid-template-columns:1fr}
  .contact .wrap{grid-template-columns:1fr;gap:40px}
  .insta-grid{grid-template-columns:repeat(3,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .sec{padding-top:64px;padding-bottom:64px}
}
@media (max-width:520px){
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  figure.card figcaption{padding:10px}
  figure.card .lbl{font-size:10px}
  figure.card .cat{display:none}
  .field-row{grid-template-columns:1fr}
}

/* ============================================================
   PANEL ADMIN
   ============================================================ */
.admin{min-height:100vh;background:#f4efe7;color:#2a2622}
.admin-top{background:#2a2622;color:#fdfaf5;position:sticky;top:0;z-index:50}
.admin-top .bar{max-width:1100px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.admin-top .brand{color:#fdfaf5;font-size:16px}
.admin-top nav{display:flex;flex-wrap:wrap;gap:6px}
.admin-top nav a{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#cabfb0;padding:8px 13px;border-radius:999px;transition:all .15s ease}
.admin-top nav a:hover{color:#fff;background:#3a342c}
.admin-top nav a.on{background:#d98b6a;color:#2a2622;font-weight:600}
.admin-top .out{font-size:12px;color:#cabfb0;text-transform:uppercase;letter-spacing:.04em;background:none;border:none;cursor:pointer}
.admin-top .out:hover{color:#fff}
.admin-main{max-width:1100px;margin:0 auto;padding:34px 28px 80px}
.admin h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.admin .sub{color:#7a7164;font-size:14px;margin-bottom:28px}
.admin h2{font-size:17px;font-weight:700;margin:30px 0 14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:14px}
.acard{background:#fff;border:1px solid #e6ddcf;border-radius:12px;padding:20px}
.acard .n{font-size:30px;font-weight:700}
.acard .l{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9a9082;margin-top:4px}
.acard a{color:#c47a57;font-size:13px;display:inline-block;margin-top:10px}
.panel{background:#fff;border:1px solid #e6ddcf;border-radius:12px;padding:22px;margin-bottom:22px}
.panel h3{font-size:15px;font-weight:700;margin-bottom:14px}
.atable{width:100%;border-collapse:collapse}
.atable th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9a9082;padding:8px 10px;border-bottom:1px solid #efe7da}
.atable td{padding:10px;border-bottom:1px solid #f2ece1;font-size:14px;vertical-align:middle}
.atable tr:last-child td{border-bottom:none}
.thumb{width:54px;height:68px;object-fit:cover;border-radius:6px;background:#eadfce}
.thumb.sq{width:60px;height:60px}
.afield{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.afield label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#7a7164}
.afield input[type=text],.afield input[type=email],.afield input[type=password],.afield input[type=number],.afield textarea,.afield select,.afield input[type=file]{border:1px solid #d8cdbb;border-radius:8px;padding:11px 13px;font-size:15px;background:#fffdf9;outline:none;width:100%}
.afield textarea{resize:vertical;min-height:90px}
.afield input:focus,.afield textarea:focus,.afield select:focus{border-color:#c47a57}
.arow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;align-items:center;gap:9px;font-size:14px;color:#3a342c;margin-bottom:16px}
.check input{width:18px;height:18px}
.btn{display:inline-block;background:#2a2622;color:#fdfaf5;font-size:13px;font-weight:600;letter-spacing:.04em;border:none;border-radius:999px;padding:11px 24px;cursor:pointer;transition:background .15s ease}
.btn:hover{background:#c47a57}
.btn.light{background:#efe7da;color:#2a2622}
.btn.light:hover{background:#e2d6c2}
.btn.sm{padding:7px 15px;font-size:12px}
.btn.danger{background:#fff;color:#a23b3b;border:1px solid #e7c9c9}
.btn.danger:hover{background:#a23b3b;color:#fff}
.btn.ghost{background:transparent;color:#7a7164;border:1px solid #d8cdbb}
.btn.ghost:hover{background:#efe7da;color:#2a2622}
.inline{display:inline}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.taglist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.taglist .chip{display:inline-flex;align-items:center;gap:8px;background:#f4efe7;border:1px solid #e0d6c6;border-radius:999px;padding:6px 8px 6px 14px;font-size:13px}
.taglist .chip button{background:none;border:none;color:#a23b3b;cursor:pointer;font-size:15px;line-height:1}
.feat-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:8px}
.admin-flash{margin-bottom:20px;padding:12px 18px;border-radius:10px;font-size:14px}
.admin-flash.notice{background:#e8f0e4;color:#3f6b35;border:1px solid #cfe0c6}
.admin-flash.alert{background:#f7e4e4;color:#9a3838;border:1px solid #ecc9c9}
.errors{background:#f7e4e4;color:#9a3838;border:1px solid #ecc9c9;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:14px}
.errors ul{list-style:disc;padding-left:20px}
.muted{color:#9a9082;font-size:13px}
.pill{display:inline-block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.pill.on{background:#e8f0e4;color:#3f6b35}
.pill.off{background:#f0e9dd;color:#9a8d79}
.stack{display:flex;flex-direction:column;gap:6px}

@media (max-width:760px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .arow{grid-template-columns:1fr}
}

/* Login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#2a2622;padding:24px}
.login-card{background:#faf7f2;border-radius:16px;padding:40px 36px;width:100%;max-width:380px;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.login-card .brand{font-size:20px;display:block;margin-bottom:4px}
.login-card .sub{color:#7a7164;font-size:14px;margin-bottom:26px}
.login-card .afield{margin-bottom:18px}
.login-card .btn{width:100%;text-align:center}
.login-card .msg{background:#f7e4e4;color:#9a3838;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:18px}