:root{--main:#730d28;--main2:#4e071c;--light:#f4e2bd;--border:#d4ac67}
body{background:#f4e6d4 url('garden.webp') center top/100% auto repeat-y;color:#3e2416;font-family:Georgia,'Times New Roman',serif;padding-bottom:100px}
.wrapper{max-width:1450px;padding:12px 65px 35px}
.festive-header{display:flex;align-items:center;justify-content:center;gap:40px;min-height:148px}
.brand-panel{width:290px;padding:20px 35px;background:radial-gradient(ellipse,#850b2b,#410716);border:3px ridge #e4be6a;border-radius:45% 45% 28% 28%;box-shadow:0 0 0 3px #87531a,0 0 0 5px #f5d18a,0 8px 20px #60301150;position:relative}
.brand-logo{height:95px;background:linear-gradient(115deg,#9c6016 0%,#e5b653 20%,#fff0a7 38%,#b77a20 50%,#ffe7a0 68%,#b47821 90%);-webkit-mask:url('logo11.png') center/contain no-repeat;mask:url('logo11.png') center/contain no-repeat}
.brand-logo img{width:100%;height:100%;object-fit:contain;opacity:0}
@supports not (mask-image:url('logo11.png')){.brand-logo img{opacity:1}.brand-logo{background:none}}
.celebration{display:flex;align-items:center;gap:25px;text-align:center;text-shadow:0 1px 1px #fff}
.greeting{color:#780e29;font-style:italic;font-size:24px;line-height:1.3}.greeting strong{font-size:30px;font-weight:500}
.occasion{font-size:86px;font-style:italic;line-height:1;background:linear-gradient(#80521a,#fff0ad 45%,#b67b27 60%,#e7be64);color:#b88124;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #694110)}
.nav{display:block;background:none;text-align:center;padding:8px 0 20px}
.nav button{background:linear-gradient(#8a1834,#4b071b);color:#fff1cd;border:3px ridge #e9c47b;border-radius:30px;padding:10px 28px;box-shadow:0 2px 0 #8f5d1f,0 5px 12px #58221640;font:600 16px Georgia,serif;cursor:pointer}
.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:26px;margin-top:10px;align-items:start}
.card,.main-grid>.card:first-child,.side .card:nth-child(1),.side .card:nth-child(2){background:#fff6e7;border:0;border-radius:0;overflow:visible;position:relative;padding:48px 38px 42px;box-shadow:0 12px 25px #764e2430;min-width:0}
.card:before{content:'';position:absolute;inset:0;pointer-events:none;border-style:solid;border-width:65px 54px;border-image:url('frame.webp') 230 220 230 220 fill stretch;z-index:1}
.card>*{position:relative;z-index:2}
.card-title{background:none;color:#730d28;text-align:center;font:700 30px Georgia,serif;padding:6px 0 20px;text-shadow:0 1px #fff}
.gold-header{display:block}.update-box{font:14px Georgia,serif;color:#5e3024;text-shadow:none;margin-top:6px}
.side{gap:26px;min-width:0}table{table-layout:fixed}th{font:700 14px Georgia,serif;background:linear-gradient(90deg,#e9cea0,#f6e7c9);color:#512c16;border:1px solid #dbc7a5;padding:12px 5px}td{border:1px solid #e0cfb6;padding:14px 7px;background:#fffaf1;font-size:16px;overflow-wrap:anywhere}
th:first-child{width:36%}th:nth-child(2){width:18%}th:nth-child(3),th:nth-child(4){width:23%}
.name{color:#512323;font-family:Georgia,serif;font-size:16px}.unit{font:11px Arial,sans-serif;color:#6b5947}
.buy,.sell{font-family:Arial,sans-serif;font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap}.buy{color:#800c2c}.sell{color:#4b2a14}
.gold-special td{background:linear-gradient(100deg,#f9e7bc,#fff3d9)}.gold-special .buy{color:#800c2c!important}.gold-special .sell{color:#4b2a14!important}.gold-special .buy,.gold-special .sell{font-size:29px;text-shadow:none}.gold-special .name{font-size:17px;color:#512323}.gold-special .unit{font-size:11px}
.mobile-unit{display:none}.info-list{padding:0 5px}.info-list div{font-size:15px;line-height:1.6;margin:10px 0}.info-list span{color:#92651f}.note{background:#fff6e7e8;border:1px solid #cfa55c;color:#64472c;font-size:14px;line-height:1.5}
.gold-live-price{border:3px ridge #d4ac67;border-radius:10px;background:#fff7e8}.mobile-ticker{max-width:none;transform:none!important;margin:0!important}
.bottom-buttons{left:0;right:0;bottom:0;width:100%;border:0;border-top:2px solid #d6af60;border-radius:0;background:#fff2deed;backdrop-filter:blur(8px);padding:9px 16px max(9px,env(safe-area-inset-bottom));box-shadow:0 -4px 15px #56301920}
.bottom-inner{max-width:660px;gap:12px}.bottom-inner a{line-height:1.1;display:flex;align-items:center;justify-content:center;gap:7px;border:3px ridge #d8b36a;border-radius:22px;background:linear-gradient(#861530,#52091f);color:#fff0d0;text-decoration:none;min-height:44px;font-size:15px}.contact-icon{font:bold 22px Georgia,serif}
.history-box{background:#fff7e8;border:4px ridge #d6af60;box-shadow:0 12px 50px #0005}.history-table{table-layout:auto}.history-table td{white-space:normal}.history-time-title{background:#f5e5c7;color:#6b1230}.flash-sale-row td{animation:none;background:#f6dda0!important}.flash-sale-row .buy,.flash-sale-row .sell{font-size:26px;text-shadow:none}.flash-sale-row .name{font-size:17px}.flash-sale-count{font:11px Arial,sans-serif}
@media(min-width:769px) and (max-width:1150px){.wrapper{padding-left:35px;padding-right:35px}.main-grid{grid-template-columns:minmax(0,1fr)}.side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.side>.card:first-child{grid-column:1/-1}.buy,.sell{font-size:26px}}
@media(max-width:768px){body{background-size:100% 780px;padding-bottom:85px}.wrapper{padding:10px 15px 20px}.festive-header{min-height:0;display:block}.brand-panel{width:190px;margin:0 auto;padding:10px 24px;border-radius:30px}.brand-logo{height:63px}.celebration{gap:12px;justify-content:center;margin:12px 0 8px}.greeting{font-size:15px;line-height:1.3}.greeting strong{font-size:19px}.occasion{font-size:53px}.nav{padding:0 0 13px}.nav button{font-size:12px;padding:8px 15px}.main-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin:0}.side{gap:18px}.card,.main-grid>.card:first-child,.side .card:nth-child(1),.side .card:nth-child(2){padding:30px 19px 30px}.card:before{border-width:43px 30px}.card-title{font-size:25px;padding:6px 0 15px}.update-box{font-size:11px}.gold-header{display:block}th{font-size:12px;padding:9px 3px}td{padding:12px 5px}.card th.unit-column,.card td.unit{display:none}.card th:first-child{width:43%}.card th:nth-child(3),.card th:nth-child(4){width:28.5%}.mobile-unit{display:block;font:10px Arial,sans-serif;font-weight:400;color:#685641;margin-top:5px}.name,.gold-special .name{font-size:14px}.buy,.sell,.gold-special .buy,.gold-special .sell,.flash-sale-row .buy,.flash-sale-row .sell{font-size:clamp(16px,5vw,23px);letter-spacing:-.6px}.info-list div{font-size:14px}.bottom-buttons{padding-left:6px;padding-right:6px}.bottom-inner{gap:4px}.bottom-inner a{font-size:11px;border-width:2px;gap:4px;min-height:43px}.contact-icon{font-size:18px}.note{font-size:12px;margin-bottom:0}.history-table th,.history-table td{font-size:12px;padding:8px 3px}}
/* Mobile v2: ornaments retain their aspect ratio; content sizes independently. */
@media(max-width:768px){
 html,body{width:100%;min-width:0;margin:0}
 body{background-size:auto 850px;background-position:center top;background-repeat:repeat-y}
 .wrapper{width:100%;max-width:100%;padding:10px 10px 20px}
 .festive-header,.main-grid,.side{width:100%;min-width:0}
 .brand-panel{width:180px;max-width:80%;padding:9px 20px}
 .brand-logo{height:60px}
 .celebration{gap:8px;margin:10px 0;min-width:0}
 .greeting{font-size:14px;min-width:0}.greeting strong{font-size:17px}
 .occasion{font-size:48px;flex:none}
 .nav button{max-width:100%;font-size:11px;padding:9px 12px;white-space:normal}
 .card,.main-grid>.card:first-child,.side .card:nth-child(1),.side .card:nth-child(2){width:100%;min-width:0;padding:27px 13px 24px;border:3px ridge #d3a755;border-radius:10px;background:#fff7e9;box-shadow:0 5px 16px #5c341d35}
 .card:before{inset:-3px;border:0;border-image:none;border-radius:10px;background-image:url('frame.webp'),url('frame.webp'),url('frame.webp'),url('frame.webp');background-size:460px 307px;background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;clip-path:polygon(0 0,15% 0,15% 10%,85% 10%,85% 0,100% 0,100% 100%,85% 100%,85% 90%,15% 90%,15% 100%,0 100%);opacity:.98}
 .card-title{font-size:23px;line-height:1.15;padding:4px 12px 12px;overflow-wrap:anywhere}
 .update-box{font:11px Arial,sans-serif;white-space:normal;line-height:1.4}
 .card table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse}
 .card table th:first-child{width:42%}.card table th:nth-child(3),.card table th:nth-child(4){width:29%}
 .card table td{padding:11px 3px;min-width:0}
 .card table th{font-size:10px;padding:9px 2px;white-space:normal}
 .card table .name,.card table .gold-special .name,.card table .flash-sale-row .name{font:700 13px Georgia,'Times New Roman',serif;overflow-wrap:anywhere;white-space:normal}
 .card table .buy,.card table .sell,.card table .gold-special .buy,.card table .gold-special .sell,.card table .flash-sale-row .buy,.card table .flash-sale-row .sell{font:700 clamp(15px,4.6vw,23px) Arial,sans-serif;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere;text-shadow:none}
 .mobile-unit{font:10px Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
 .info-list{padding:0 2px}.info-list div{font-size:13px;overflow-wrap:anywhere}
 .gold-live-price{width:100%!important;min-width:0}.mobile-ticker{width:100%;max-width:100%}
 .bottom-buttons{width:100%;max-width:100%;left:0;right:0;padding:6px 4px max(6px,env(safe-area-inset-bottom))}
 .bottom-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%}
 .bottom-inner a{min-width:0;display:flex;flex-direction:column;gap:3px;border-radius:14px;min-height:48px;font:11px Georgia,serif;padding:4px 1px}
 .contact-icon{font-size:17px}
 .history-box{width:calc(100% - 20px);padding:12px;box-sizing:border-box}
}
@media(max-width:360px){.greeting strong{font-size:15px}.occasion{font-size:42px}.card-title{font-size:21px}.card table .name,.card table .gold-special .name{font-size:12px}.card table .buy,.card table .sell,.card table .gold-special .buy,.card table .gold-special .sell{font-size:15px}}

/* V3: dedicated portrait floral artwork for phones. */
@media(max-width:768px){
 body{background-image:url('garden-mobile.webp');background-size:100% auto;background-position:center top;background-repeat:repeat-y}
 .wrapper{padding-left:18px;padding-right:18px}
 .card,.main-grid>.card:first-child,.side .card:nth-child(1),.side .card:nth-child(2){padding:43px 13px 35px;background:#fff8ea;border:0;box-shadow:0 8px 18px #6a3c1e25}
 .card:before{inset:-9px;clip-path:none;border-radius:0;opacity:1;background:none;border-style:solid;border-width:46px 23px;border-image-source:url('frame-mobile.webp');border-image-slice:300 150;border-image-repeat:round;border-image-outset:0;z-index:3;pointer-events:none}
 .card-title{padding-left:8px;padding-right:8px}
}

/* V4: original gold logo directly on the garden, without backing plaque. */
.brand-panel{background:none;border:0;border-radius:0;box-shadow:none}