:root { --bg:#101010; --surface:#181818; --text:#f0eee8; --muted:#a29f98; --accent:#ee5c38; --font:"Microsoft YaHei UI",system-ui,sans-serif; --space:24px; --duration:420ms; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.site-section { max-width:1440px; margin:0 auto; padding:var(--section-pad,120px) clamp(22px,5vw,72px); }
.site-section.surface { max-width:none; background:#e7e5df; color:#131313; padding-left:max(22px,calc((100vw - 1440px)/2 + 72px)); padding-right:max(22px,calc((100vw - 1440px)/2 + 72px)); }
.site-section.is-hidden { display:none; }
.eyebrow,.micro { margin:0; color:var(--accent); font:500 10px ui-monospace,Consolas,monospace; letter-spacing:.11em; }
.section-head { display:grid; grid-template-columns:1fr minmax(260px,410px); gap:60px; align-items:end; margin-bottom:72px; }
.section-head h2,.hero h1,.about-copy h2 { margin:0; letter-spacing:-.06em; line-height:1.04; }
.section-head h2 { font-size:clamp(48px,6vw,84px); }
.section-head > p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.surface .section-head > p { color:#77736c; }
.hero { min-height:100vh; display:grid; grid-template-columns:minmax(360px,.8fr) minmax(480px,1.2fr); gap:clamp(36px,7vw,120px); align-items:center; padding-top:130px; }
.hero h1 { margin-top:28px; font-size:clamp(56px,7vw,104px); font-weight:300; }
.hero h1 strong { font-weight:800; }
.hero-copy { min-width:0; max-width:610px; }
.hero-intro { margin:42px 0 0; padding-left:78px; color:#c0bdb6; font-size:15px; line-height:1.85; position:relative; white-space:pre-line; }
.hero-intro::before { content:""; position:absolute; top:14px; left:0; width:52px; height:1px; background:var(--accent); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px 22px; margin:32px 0 45px 78px; }
.text-link { display:inline-flex; align-items:center; gap:22px; padding:9px 0; border-bottom:1px solid currentColor; color:var(--text); background:none; border-top:0;border-left:0;border-right:0; font-size:13px; }
.text-link span { color:var(--accent); font-size:18px; transition:transform .2s; }.text-link:hover span{transform:translate(3px,2px)}
.hero-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-top:18px; border-top:1px solid rgba(240,238,232,.2); }.hero-meta div{display:grid;gap:8px}.hero-meta span{color:var(--muted);font:12px ui-monospace,monospace}.hero-meta strong{font-size:15px;line-height:1.45}
.media-slot { position:relative; min-height:280px; overflow:hidden; border:1px solid rgba(240,238,232,.22); background:#191919; isolation:isolate; transform:translate(var(--media-x,0px),var(--media-y,0px)); transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s; }.surface .media-slot{border-color:rgba(17,17,17,.25)}
.media-slot::before { content:""; position:absolute; inset:20px; z-index:-1; border:1px solid rgba(240,238,232,.09); }.surface .media-slot::before{border-color:rgba(17,17,17,.09)}
.media-slot img { position:absolute; inset:0; z-index:0; width:100%; height:100%; background:#171717; }.media-slot.has-image .slot-copy,.media-slot.has-image .slot-size{opacity:0;pointer-events:none}#site-canvas:not(.editing) .media-slot.has-image[data-auto-fit]{width:100%!important;height:auto!important;min-height:0;aspect-ratio:var(--image-aspect,16 / 9)!important;transform:none}#site-canvas:not(.editing) .media-slot.has-image[data-auto-fit] img{object-fit:cover!important;background:transparent}
.slot-copy { position:absolute; z-index:1; left:clamp(20px,3vw,44px); top:50%; transform:translateY(-50%); display:grid; gap:8px; }.slot-copy span{color:var(--accent);font:10px ui-monospace,monospace;letter-spacing:.1em}.slot-copy strong{font-size:clamp(16px,1.6vw,25px);font-weight:500}.slot-copy small{color:#8d8981;font-size:10px}
.slot-size { position:absolute; right:15px; bottom:13px; color:#807b73; font:9px ui-monospace,monospace; }.slot-editor { display:none; position:absolute; z-index:4; inset:0; place-items:center; background:rgba(5,5,5,.54); outline:2px dashed var(--accent); outline-offset:-8px; }.editing .slot-editor{display:grid}.slot-editor div{display:grid;justify-items:center;gap:9px}.slot-editor button{padding:8px 11px;color:#fff;background:#191919;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:11px}.slot-editor button:hover{border-color:var(--accent)}.editing .editor-adjustable{cursor:grab;touch-action:none;z-index:2}.editing .editor-adjustable:active,.editing .editor-adjustable.is-adjusting{cursor:grabbing;z-index:8;transition:none;box-shadow:0 14px 35px rgba(0,0,0,.35)}.drag-handle{position:absolute;left:15px;bottom:14px;width:28px;height:28px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:50%;font:15px/1 ui-monospace,monospace}.resize-handle{position:absolute;right:14px;bottom:14px;width:20px;height:20px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);cursor:nwse-resize}.editing .media-slot img,.editing .slot-copy,.editing .slot-size{pointer-events:none}
.hero-media{min-height:min(68vh,750px)}
.works-list { display:flex; flex-direction:column; gap:88px; }.work-card { width:88%; margin-inline:auto; }.work-card:first-child{width:100%}.work-media{display:block;position:relative}.work-media .media-slot{aspect-ratio:16/9;min-height:0}.work-media:not(.work-media--static):hover .media-slot:not(.is-adjusting){transform:translate(var(--media-x,0px),var(--media-y,0px)) scale(.987);border-color:var(--project-accent)}#site-canvas:not(.editing) .work-media:not(.work-media--static):hover .media-slot.has-image[data-auto-fit]{transform:scale(.987)}.work-index{position:absolute;top:17px;left:18px;z-index:3;font:10px ui-monospace,monospace}.work-open{position:absolute;z-index:3;right:18px;top:17px;color:var(--project-accent);font:10px ui-monospace,monospace;opacity:0;transform:translateY(-5px);transition:opacity .24s,transform .24s}.work-media:hover .work-open{opacity:1;transform:none}.work-info{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:start;padding-top:18px;border-top:1px solid rgba(240,238,232,.2);margin-top:12px}.work-type{margin:0 0 8px;color:var(--muted);font:9px ui-monospace,monospace}.work-info h3{margin:0;font-size:20px;font-weight:500}.work-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin:0;padding:0;max-width:390px;list-style:none;color:var(--muted);font:10px ui-monospace,monospace}.work-year{margin:0;color:var(--project-accent);font:10px ui-monospace,monospace}.project-stages{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.project-stages span>span{display:inline-block;padding:5px 8px;border:1px solid color-mix(in srgb,var(--project-accent) 55%,transparent);color:color-mix(in srgb,var(--project-accent) 80%,#222);background:color-mix(in srgb,var(--project-accent) 7%,transparent);font:9px ui-monospace,monospace;letter-spacing:.06em}.project-stages--compact{margin-top:10px}.project-stages--compact span>span{color:color-mix(in srgb,var(--project-accent) 78%,#f0eee8)}
.works-list[data-layout="single"] .work-card{width:100%}.works-list[data-layout="grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px}.works-list[data-layout="grid"] .work-card{width:100%}.works-list[data-layout="grid"] .work-card:first-child{grid-column:span 2}
.project-list{display:flex;flex-direction:column}.project-breakdown{position:relative;isolation:isolate;padding:85px 0;border-top:1px solid #bdb8af;scroll-margin-top:80px}.project-breakdown>*{position:relative;z-index:1}.project-breakdown::before{content:"";position:absolute;z-index:0;top:34px;right:0;width:min(38vw,480px);height:190px;opacity:.055;background-image:linear-gradient(var(--project-accent) 1px,transparent 1px),linear-gradient(90deg,var(--project-accent) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(110deg,transparent 4%,#000 48%,transparent 100%)}.project-breakdown::after{content:"";position:absolute;z-index:0;top:88px;right:105px;width:70px;height:70px;border:1px solid var(--project-accent);border-radius:50%;opacity:.12;background:linear-gradient(var(--project-accent),var(--project-accent)) center/100% 1px no-repeat,linear-gradient(90deg,var(--project-accent),var(--project-accent)) center/1px 100% no-repeat}.project-breakdown:last-child{border-bottom:1px solid #bdb8af}.project-head{display:grid;grid-template-columns:86px 1fr auto;gap:24px;align-items:end;margin-bottom:26px}.project-number{color:#aaa49c;font:300 clamp(40px,5vw,70px)/1 ui-monospace,monospace}.project-head p{margin:0 0 8px;color:var(--project-accent);font:9px ui-monospace,monospace}.project-head h3{margin:0;font-size:24px;font-weight:500}.project-head a{color:#7a756e;font:10px ui-monospace,monospace;transition:color .25s}.project-head a:hover{color:var(--project-accent)}.media-row{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}.media-row[data-media-count="3"] .media-cell:nth-child(3){grid-column:2;grid-row:1 / span 2;align-self:center}.media-row[data-media-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.media-row[data-media-count="1"]{grid-template-columns:1fr}.media-cell{position:relative;min-width:0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.media-row .media-slot{height:clamp(360px,33vw,540px)}.breakdown-zoomable{cursor:zoom-in}.breakdown-zoomable .media-slot img{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .35s}.breakdown-zoomable:hover{transform:translateY(-7px)}.breakdown-zoomable:hover .media-slot{border-color:var(--project-accent);box-shadow:0 18px 34px rgba(57,42,35,.16)}.breakdown-zoomable:hover .media-slot img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}.breakdown-zoom-hint{position:absolute;z-index:3;right:14px;bottom:14px;padding:8px 10px;background:rgba(17,17,17,.82);color:#f0eee8;border:1px solid rgba(240,238,232,.35);font:10px ui-monospace,monospace;letter-spacing:.04em;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .3s}.breakdown-zoomable:hover .breakdown-zoom-hint,.breakdown-zoomable:focus-visible .breakdown-zoom-hint{opacity:1;transform:none}.editing .breakdown-zoomable{cursor:default}.editing .breakdown-zoomable:hover{transform:none}.editing .breakdown-zoomable:hover .media-slot img{transform:none;filter:none}.editing .breakdown-zoom-hint{display:none}.project-facts{display:grid;grid-template-columns:repeat(6,1fr);margin-top:28px;border-top:1px solid #bdb8af;border-bottom:1px solid #bdb8af}.project-facts div{padding:23px 16px;border-right:1px solid #bdb8af}.project-facts div:last-child{border:0}.project-facts span{display:block;margin-bottom:11px;color:#817b74;font:12px ui-monospace,monospace}.project-facts strong{font-size:16px;line-height:1.45;font-weight:500}
.image-lightbox{position:fixed;z-index:1000;inset:0;background:rgba(8,8,8,.94);backdrop-filter:blur(10px);color:#f0eee8}.lightbox-toolbar{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 12px;background:rgba(23,23,23,.82);border:1px solid rgba(240,238,232,.18);border-radius:7px}.lightbox-toolbar>span{margin-right:auto;color:#aaa69f;font:10px ui-monospace,monospace}.lightbox-toolbar output{min-width:48px;color:var(--accent);font:11px ui-monospace,monospace;text-align:center}.lightbox-toolbar button{padding:7px 10px;border:1px solid rgba(240,238,232,.28);border-radius:5px;background:#202020;color:#f0eee8;font-size:11px}.lightbox-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.lightbox-stage{position:absolute;inset:0;display:grid;place-items:center;padding:88px 24px 24px;overflow:hidden}.lightbox-stage img{display:block;max-width:min(92vw,1900px);max-height:calc(100vh - 116px);object-fit:contain;transform-origin:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:transform}.lightbox-stage img.is-dragging{cursor:grabbing}.lightbox-open{overscroll-behavior:none}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(65px,10vw,160px)}.about-copy h2{margin-top:25px;font-size:clamp(54px,7vw,100px)}.about-copy h2 span{color:var(--accent)}.about-lead{margin:38px 0 20px;font-size:20px;line-height:1.7}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}.about-data{border-top:1px solid rgba(240,238,232,.2)}.about-row{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid rgba(240,238,232,.2)}.about-row>span{color:var(--accent);font:9px ui-monospace,monospace}.about-row strong,.about-row small{display:block}.about-row strong{font-size:14px;font-weight:500}.about-row small{margin-top:8px;color:var(--muted);font-size:11px}.tool-cloud{display:flex;flex-wrap:wrap;gap:9px}.tool-cloud i{padding:7px 11px;border:1px solid #3c3935;border-radius:6px;font:normal 10px ui-monospace,monospace}
.contact{min-height:72vh;display:flex;flex-direction:column;justify-content:center}.contact-head{display:flex;justify-content:space-between;gap:30px}.contact-head>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.8;text-align:right}.contact-main{position:relative;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin:60px 0 0;padding:44px 0;border-top:1px solid rgba(240,238,232,.2);border-bottom:1px solid rgba(240,238,232,.2);background:none;color:inherit;text-align:left;overflow:hidden;transition:background .35s ease,padding .35s ease,border-color .35s ease}.contact-main::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(238,92,56,.10) 48%,transparent 70%);transform:translateX(-115%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.contact-main strong{position:relative;z-index:1;font-size:clamp(56px,9vw,130px);letter-spacing:-.07em;line-height:1;transition:color .32s,transform .42s cubic-bezier(.2,.8,.2,1)}.contact-toggle{position:relative;z-index:1;display:grid;place-items:center;justify-self:end;width:70px;height:70px;aspect-ratio:1;padding:0;border:1px solid #484541;border-radius:50%;background:none;color:var(--accent);font:25px/1 ui-monospace,Consolas,monospace;line-height:1;transition:transform .3s,background .3s,color .3s,border-color .3s}.contact-main:hover{background:var(--surface);border-color:rgba(238,92,56,.55);padding-left:18px;padding-right:18px}.contact-main:hover::after{transform:translateX(110%)}.contact-main:hover strong{color:var(--accent);transform:translateX(8px)}.contact-main:hover .contact-toggle,.contact-toggle[aria-expanded="true"]{background:var(--accent);color:#111;border-color:var(--accent);transform:translateY(3px)}.contact-panel{max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .48s cubic-bezier(.2,.8,.2,1),opacity .28s,transform .36s}.contact-panel.open{max-height:360px;opacity:1;transform:none}.contact-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:24px}.contact-meta>*{min-width:0;padding:16px 0;border:0;border-bottom:1px solid rgba(240,238,232,.2);background:none;color:inherit;text-align:left;font:11px ui-monospace,monospace;overflow-wrap:anywhere}.contact-meta span{display:block;margin-bottom:9px;color:var(--muted);font-size:9px}.contact-meta i{float:right;color:var(--accent);font-style:normal;transition:transform .25s}.contact-meta a:hover{border-color:var(--accent)}.contact-meta a:hover i{transform:translate(4px,-4px)}
.custom-section .custom-grid{display:grid;grid-template-columns:repeat(var(--columns,3),1fr);gap:var(--space)}.custom-card{min-height:200px;padding:26px;border:1px solid rgba(240,238,232,.2);background:var(--surface)}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(22px,5vw,72px);border-top:1px solid rgba(240,238,232,.18);color:#716d67;font:9px ui-monospace,monospace}.site-footer a:hover{color:var(--accent)}
.builder-launch{position:fixed;right:20px;bottom:20px;z-index:50;padding:12px 17px;background:var(--text);color:#111;border:1px solid rgba(17,17,17,.2);border-radius:8px;font-size:12px;font-weight:700}.builder-panel{position:fixed;z-index:51;right:18px;top:18px;bottom:18px;width:min(390px,calc(100vw - 36px));overflow:auto;padding:18px;background:rgba(23,23,23,.98);border:1px solid rgba(240,238,232,.22);border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.45);color:#f0eee8}.builder-panel[hidden]{display:none}.builder-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.builder-head h2{margin:0;font-size:16px}.builder-head p{margin:5px 0 0;color:#999;font-size:10px}.builder-close{border:0;background:none;color:#bbb;font-size:20px}.builder-tabs{display:flex;gap:4px;margin:18px 0;border-bottom:1px solid #393939;overflow-x:auto}.builder-tab{flex:0 0 auto;padding:8px 8px;color:#999;background:none;border:0;border-bottom:2px solid transparent;font-size:10px}.builder-tab.active{color:#fff;border-bottom-color:var(--accent)}.builder-page{display:none}.builder-page.active{display:block}.control-group{display:grid;gap:8px;margin:14px 0;padding-bottom:14px;border-bottom:1px solid #303030}.control-group label{display:grid;grid-template-columns:1fr minmax(0,190px);align-items:center;gap:10px;color:#c7c7c7;font-size:11px}.control-group input,.control-group select,.control-group textarea{width:100%;min-width:0;padding:8px;color:#eee;background:#242424;border:1px solid #414141;border-radius:5px;font-size:11px}.control-group input[type=color]{justify-self:end;width:38px;height:28px;padding:3px}.control-group textarea{min-height:65px;resize:vertical}.unit-input{display:grid;grid-template-columns:1fr auto;align-items:center;background:#242424;border:1px solid #414141;border-radius:5px}.unit-input input{border:0;background:transparent}.unit-input i{padding-right:8px;color:#858585;font:normal 9px ui-monospace,monospace}.builder-button{padding:8px 10px;background:#292929;color:#eee;border:1px solid #454545;border-radius:5px;font-size:11px}.builder-button.accent{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}.builder-button.danger{color:#ff987f}.list-row{display:grid;grid-template-columns:1fr auto auto auto;gap:5px;align-items:center;padding:8px 0;border-bottom:1px solid #303030;font-size:11px}.list-row button{padding:5px 7px;background:#262626;color:#ddd;border:1px solid #444;border-radius:4px}.list-row .selected{color:var(--accent)}.tiny{color:#969696;font-size:10px;line-height:1.6}.text-empty{padding:18px;border:1px dashed #4b4b4b;border-radius:7px;color:#aaa}.text-empty strong{display:block;color:#eee;font-size:13px}.text-empty p{margin:8px 0 0;font-size:10px;line-height:1.6}.text-selection{display:grid;gap:7px;padding:12px;background:#202020;border-left:3px solid var(--accent);border-radius:4px}.text-selection span{color:#929292;font-size:9px}.text-selection strong{max-height:58px;overflow:hidden;font-size:12px;line-height:1.5;word-break:break-all}.builder-status{min-height:18px;margin:10px 0 0;color:#8ed17d;font-size:10px}.builder-status.error{color:#ff947d}.editing [data-text-target]{cursor:text}.editing [data-text-target]:hover{outline:1px dashed rgba(238,92,56,.8);outline-offset:4px}.editing [data-edit-path]:focus,.editing .text-style-selected{outline:2px solid var(--accent)!important;outline-offset:4px;background:rgba(238,92,56,.08)}.toast{position:fixed;z-index:60;right:20px;bottom:78px;padding:10px 14px;background:var(--text);color:#111;border-radius:6px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
.motion-fade-up{opacity:0;transform:translateY(22px);transition:opacity var(--duration) ease,transform var(--duration) cubic-bezier(.2,.7,.2,1)}.motion-fade-up.in-view{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:110px}.hero-media{min-height:55vw}.section-head,.about-grid{grid-template-columns:1fr;gap:28px}.media-row{grid-template-columns:1.5fr 1fr 1fr}.media-row .media-slot{height:42vw;min-height:290px}.project-facts{grid-template-columns:repeat(3,1fr)}.project-facts div:nth-child(3){border-right:0;border-bottom:1px solid #bdb8af}.contact-main{margin-top:38px}.contact-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-section{padding:88px 20px}.hero{padding-top:100px}.hero h1{font-size:15vw}.hero-intro{padding-left:0}.hero-intro::before{display:none}.hero-actions{margin-left:0}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta div:last-child{display:none}.work-card,.work-card:first-child{width:100%}.works-list{gap:60px}.work-info{grid-template-columns:1fr auto}.work-tags{display:none}.site-section.surface{padding-left:20px;padding-right:20px}.project-breakdown{padding:65px 0}.project-head{grid-template-columns:54px 1fr;gap:12px}.project-head a{display:none}.project-head h3{font-size:19px}.media-row{display:flex;overflow-x:auto;margin-right:-20px;padding:0 20px 12px 0;scroll-snap-type:x mandatory}.media-row>div{flex:0 0 75vw;scroll-snap-align:start}.media-row>div:first-child{flex-basis:86vw}.media-row .media-slot{height:78vw;min-height:280px;max-height:420px;transform:none!important;width:100%!important}.editing .hero-media{width:100%;min-width:0}.editing .hero-media .media-slot,.editing .work-media .media-slot{width:100%!important;max-width:100%!important}.editing [data-text-target]{max-width:100%;overflow-wrap:anywhere}.project-facts{grid-template-columns:1fr 1fr}.project-facts div,.project-facts div:nth-child(3){border-right:1px solid #bdb8af;border-bottom:1px solid #bdb8af}.project-facts div:nth-child(2n){border-right:0}.project-facts div:last-child{border-bottom:0}.about-row{grid-template-columns:90px 1fr;gap:15px}.contact-head{display:block}.contact-head>p:last-child{text-align:left;margin-top:14px}.contact-main strong{font-size:16vw}.contact-meta{grid-template-columns:1fr}.site-footer{flex-direction:column}.custom-section .custom-grid{grid-template-columns:1fr!important}.builder-panel{top:10px;right:10px;bottom:10px;width:calc(100vw - 20px)}.builder-launch{right:12px;bottom:12px}}