.fake-image{height:625.8px;background-color:grey}.on-day{color:green;font-size:15px}.edit{color:blue}.mr-2{margin-right:0.5rem !important}.cursor{cursor:pointer}.text-wcenter{text-align:-webkit-center}.pfake-image{max-width:300px;max-height:400px;width:300px;height:400px;background-color:grey}.post-main-container{margin-bottom:2rem}.post-container{background-color:#f4f4f4;padding:40px 20px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.product-title{font-size:32px;color:#333;margin-bottom:20px}.product-detail{font-size:18px;color:#555;line-height:1.6}.img-display{margin-top:30px}.related-products .subtitle{font-size:28px;color:#555;margin-bottom:40px}.related-product-card{background-color:white;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease}.related-product-card:hover{transform:translateY(-10px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.related-product-title{font-size:22px;color:#333}.related-product-description{font-size:16px;color:#666}.fake-image{width:100%;height:200px;background-color:#eee;border-radius:8px}.btn-primary{background-color:#007BFF;border:none;padding:10px 20px;border-radius:8px;font-size:16px;transition:background-color 0.3s ease}.btn-primary:hover{background-color:#0056b3}.reading-progress-container{position:fixed;top:calc(var(--header-height));left:0;width:100%;height:5px;background-color:#f0f0f0;z-index:1000}.reading-progress-bar{height:5px;background-color:#007BFF;width:0;transition:width 0.25s ease}@media (min-width: 1024px){.post-main-container{margin-bottom:2rem;padding-left:10rem;padding-right:10rem}}@media (min-width: 768px) and (max-width: 1024px){.reading-progress-container{top:175px !important}}@media (max-width: 768px){.reading-progress-container{top:196px !important}}.rino-blog{--rino-rose: rgba(214, 40, 40, 0.08);font-family:var(--font-body);color:var(--ink);background:var(--paper)}.rino-blog .wrap{max-width:var(--rino-container);margin:0 auto;padding:0 var(--rino-gutter)}.rino-blog .block{padding:clamp(48px, 6vw, 88px) 0}.rino-blog .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px}.rino-blog .eyebrow::before{content:"";width:28px;height:1px;background:var(--accent);display:inline-block}.rino-blog .h2{font-family:var(--font-display);font-weight:600;font-size:clamp(30px, 4.4vw, 56px);line-height:1.05;margin-top:16px}.rino-blog .link-arrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.rino-blog .link-arrow .arw{transition:transform .3s}.rino-blog .link-arrow:hover .arw{transform:translateX(5px)}.rino-blog .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s, color .2s, border-color .2s;text-decoration:none}.rino-blog .btn-ghost{border:1px solid var(--hairline-strong);color:var(--ink);background:transparent}.rino-blog .btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.rino-blog .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px;flex-wrap:wrap}.rino-blog .sec-head .sh-left{max-width:60%}.rino-blog .page-banner{position:relative;overflow:hidden;background:var(--navy-900);color:#fff;padding:clamp(58px, 7vw, 76px) 0;display:flex;align-items:center;min-height:32vh}.rino-blog .page-banner .wrap{position:relative;z-index:2}.rino-blog .page-banner .crumb{font-family:var(--font-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:24px;display:flex;gap:11px;align-items:center}.rino-blog .page-banner .crumb b{color:#fff;font-weight:600;background:var(--accent);padding:5px 12px;border-radius:5px;letter-spacing:.14em}.rino-blog .page-banner .crumb a{color:rgba(255,255,255,0.6);text-decoration:none}.rino-blog .page-banner .crumb a:hover{color:#fff}.rino-blog .page-banner h1{font-family:var(--font-display);font-weight:600;font-size:clamp(32px, 4.4vw, 58px);line-height:1.04;color:#fff;margin:0;max-width:20ch}.rino-blog .page-banner h1 em{font-style:normal;color:var(--accent)}.rino-blog .page-banner .pb-sub{margin-top:18px;max-width:62ch;color:rgba(255,255,255,0.74);font-size:clamp(15px, 1.3vw, 18px);line-height:1.62}.rino-blog section.blog-cat{background:var(--paper);padding-top:clamp(36px, 4vw, 52px)}.rino-blog .blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid var(--hairline)}.rino-blog .blog-filters{display:flex;gap:10px;flex-wrap:wrap}.rino-blog .blog-filters button{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-700);background:transparent;border:1px solid var(--hairline-strong);border-radius:999px;padding:10px 18px;cursor:pointer;transition:background .25s, color .25s, border-color .25s}.rino-blog .blog-filters button:hover{border-color:var(--accent);color:var(--accent)}.rino-blog .blog-filters button.active{background:var(--accent);border-color:var(--accent);color:#fff}.rino-blog .blog-cat-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.rino-blog .blog-empty{text-align:center;padding:60px 0;font-family:var(--font-display);font-size:22px;color:var(--steel-500);display:none}.rino-blog .blog-empty.show{display:block}.rino-blog .post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 32px rgba(14,15,26,0.05);transition:transform .3s, box-shadow .3s, border-color .3s}.rino-blog .post:hover{transform:translateY(-4px);border-color:rgba(214,40,40,0.4);box-shadow:0 18px 44px rgba(14,15,26,0.1)}.rino-blog .post .p-img{aspect-ratio:3/2;overflow:hidden;margin-bottom:16px;position:relative}.rino-blog .post .p-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bone);background-image:repeating-linear-gradient(135deg, transparent, transparent 11px, rgba(14,15,26,0.04) 11px, rgba(14,15,26,0.04) 12px)}.rino-blog .post .p-img .ph-lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500);border:1px solid var(--steel-200);background:rgba(255,255,255,0.6);padding:6px 12px;border-radius:6px;max-width:80%;text-align:center}.rino-blog .post .p-cat{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 20px 10px}.rino-blog .post h3{font-family:var(--font-display);font-size:21px;line-height:1.16;margin:0 20px 10px;transition:color .2s}.rino-blog .post:hover h3{color:var(--accent)}.rino-blog .post p{font-size:14px;color:var(--steel-700);line-height:1.55;margin:0 20px 16px;flex:1}.rino-blog .post .link-arrow{margin:0 20px 22px}.rino-blog .pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.rino-blog .pagination.pagination-bottom{margin-top:56px}.rino-blog .pagination:empty{display:none}.rino-blog .pagination button{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--hairline-strong);background:transparent;font-family:var(--font-mono);font-size:13px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s, color .25s, border-color .25s, opacity .25s}.rino-blog .pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.rino-blog .pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.rino-blog .pagination button:disabled{opacity:.32;cursor:default}.rino-blog .read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:400;transition:width .08s linear}.rino-blog .article{background:var(--paper);padding-top:clamp(40px, 5vw, 64px)}.rino-blog .article-head{max-width:760px;margin:0 auto;text-align:center}.rino-blog .article-head .crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel-500);margin-bottom:24px;display:flex;gap:10px;align-items:center;justify-content:center}.rino-blog .article-head .crumb a{color:var(--steel-700);text-decoration:none}.rino-blog .article-head .crumb a:hover{color:var(--accent)}.rino-blog .article-head .a-cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:inline-block}.rino-blog .article-head h1{font-family:var(--font-display);font-weight:600;font-size:clamp(32px, 4.6vw, 56px);line-height:1.06;letter-spacing:-.01em}.rino-blog .article-dek{font-size:clamp(17px, 1.5vw, 20px);color:var(--steel-700);line-height:1.6;margin:22px auto 0;max-width:60ch}.rino-blog .article-meta{display:flex;align-items:center;justify-content:center;gap:16px;margin:32px 0 0;flex-wrap:wrap}.rino-blog .article-meta .av{width:46px;height:46px;border-radius:50%;background:var(--rino-rose);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px;font-weight:600}.rino-blog .article-meta .who{text-align:left}.rino-blog .article-meta .who b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}.rino-blog .article-meta .who span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500)}.rino-blog .article-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--steel-300)}.rino-blog .article-figure{max-width:1040px;margin:48px auto 0}.rino-blog .article-figure img{width:100%;height:auto;max-height:82vh;object-fit:contain;border-radius:12px;display:block;background:var(--bone)}.rino-blog .article-figure figcaption{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-500);text-align:center;margin-top:14px}.rino-blog .article-layout{display:flex;gap:clamp(24px, 4vw, 56px);max-width:840px;margin:56px auto 0;align-items:flex-start}.rino-blog .share-rail{position:sticky;top:104px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;align-items:center}.rino-blog .share-rail .sr-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-500);writing-mode:vertical-rl;margin-bottom:6px}.rino-blog .share-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--hairline-strong);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s, color .2s, border-color .2s}.rino-blog .share-btn svg{width:18px;height:18px}.rino-blog .share-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.rino-blog .share-btn.copied{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.rino-blog .article-body{max-width:720px;flex:1;min-width:0}.rino-blog .article-body h2{font-family:var(--font-display);font-size:clamp(24px, 2.6vw, 32px);font-weight:600;margin:40px 0 14px;line-height:1.1}.rino-blog .article-body h3{position:relative;font-family:var(--font-display);font-size:clamp(19px, 2vw, 24px);font-weight:600;color:var(--ink);line-height:1.25;margin:38px 0 12px;padding-left:18px}.rino-blog .article-body h3::before{content:"";position:absolute;left:0;top:.14em;bottom:.14em;width:4px;border-radius:4px;background:linear-gradient(180deg, var(--accent), var(--navy-700))}.rino-blog .article-body h3+p{margin-top:0}.rino-blog .article-body p{font-size:17.5px;line-height:1.78;color:var(--steel-700);margin-bottom:20px}.rino-blog .article-body strong{color:var(--ink);font-weight:600}.rino-blog .article-body a{color:var(--accent);text-decoration:underline}.rino-blog .article-body ul,.rino-blog .article-body ol{margin:0 0 20px;padding-left:22px}.rino-blog .article-body li{font-size:17.5px;line-height:1.7;color:var(--steel-700);margin-bottom:10px}.rino-blog .article-body img{max-width:100%;height:auto;border-radius:10px;margin:12px 0}.rino-blog .article-body blockquote{margin:32px 0;padding:8px 0 8px 28px;border-left:3px solid var(--accent);font-family:var(--font-display);font-style:italic;font-size:clamp(20px, 2.2vw, 26px);line-height:1.35;color:var(--ink)}.rino-blog .reactions{max-width:720px;margin:56px auto 0;padding:38px 0 0;border-top:1px solid var(--hairline);text-align:center}.rino-blog .reactions .rx-h{font-family:var(--font-display);font-size:24px;font-weight:600;margin-bottom:22px}.rino-blog .reactions .rx-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.rino-blog .rx-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border:1px solid var(--hairline-strong);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .25s, transform .25s, background .25s;min-width:96px}.rino-blog .rx-btn:hover{border-color:var(--accent);transform:translateY(-3px)}.rino-blog .rx-btn.active{border-color:var(--accent);background:var(--rino-rose)}.rino-blog .rx-btn svg{width:30px;height:30px;color:var(--accent)}.rino-blog .rx-btn .rx-name{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-700)}.rino-blog .rx-btn .rx-count{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink)}.rino-blog .article-back{max-width:720px;margin:48px auto 0;text-align:center;padding-bottom:clamp(40px, 6vw, 72px)}.rino-blog .related-notes{padding-top:clamp(24px, 3vw, 40px)}@media (max-width: 880px){.rino-blog .blog-cat-grid{grid-template-columns:repeat(2, 1fr)}.rino-blog .sec-head .sh-left{max-width:none}}@media (max-width: 720px){.rino-blog .article-layout{flex-direction:column;gap:24px}.rino-blog .share-rail{position:static;flex-direction:row;align-self:center}.rino-blog .share-rail .sr-label{writing-mode:horizontal-tb;margin:0 6px 0 0}}@media (max-width: 560px){.rino-blog .blog-cat-grid{grid-template-columns:1fr}}