/*! 
 * 3dprint-home.css
 * https://www.jingranjia.com
 * 777
 * Date:2026/5/31
*/

/* 重定义 */
:root, [data-bs-theme=light] { --tblr-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
:host,
:root{ --tblr-primary:#919876; --tblr-primary-rgb:145,152,118;}

@media (min-width:992px) {
    :host,
	:root{ margin-left:0; margin-right:0;}
}
body{ background-color:rgb(245,245,240,.8); font-size:1rem; color:#222328;}

a{ transition:all 0.3s ease 0s;}
a:hover{ color:rgba(0,0,0,.95);}
.container-tight{ max-width:40rem;}
.tooltip{ opacity:1 !important;}
.tooltip-inner{ padding:1rem; background-color:var(--tblr-white); color:#000; box-shadow:0 3px 20px rgba(0,0,0,.1); opacity:1 !important;}
.tooltip-arrow{ display:none !important;}

.page-link{ min-width:2.5rem; line-height:1.8; font-size:1rem;}
.page-item:not(.active) .page-link:hover{ background-color:var(--tblr-primary); color:#222328;}
.active>.page-link,
.page-link.active{ background-color:var(--tblr-primary); border-color:var(--tblr-primary);}

.form-check-input{ background-size:1.0rem;}
.form-check-input-smaller{ width:1.2em !important; height:1.2em !important; margin-top:0.1em !important;}
.form-check-input:checked[type=radio]{--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='10' height='10'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");}

.w-20{ width:20% !important;}
.w-35{ width:35% !important;}
.w-120{ width:120px;}
.rounded{ border-radius:0.375rem !important;}
.text-price{ color:#ff5000 !important;}
.text-orange{ color:#fc8459;}
.input-disabled{ background-color:var(--tblr-bg-surface-tertiary); opacity:0.7; cursor:not-allowed;}
.input-disabled:focus,
.input-disabled:active{ outline:0; border-color:var(--tblr-border-color); background-color:var(--tblr-bg-surface-tertiary); box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .1);}

/* btns &input */
.btn{ --tblr-btn-font-size:1rem;}
.btn-grey{ background-color:var(--tblr-body-bg);}
.btn-tag{ border:none; background-color:var(--tblr-body-bg);}
.btn-tag.active{ background-color:var(--tblr-primary); color:var(--tblr-primary-fg);}

.btn-primary.active,
.btn-primary:first-child:active,
:not(.btn-check)+.btn-primary:active{ background-color:rgba(var(--tblr-primary-rgb),.9); border-color:rgba(var(--tblr-primary-rgb),.9); color:var(--tblr-primary-fg); box-shadow:inset 0 4px 10px rgba(0,0,0,.05);}

.form-control:focus{ border-color:rgba(var(--tblr-primary-rgb),.4);}

.form-select,
.form-control{ box-shadow:inset 0px 1px 2px rgba(0,0,0,.1); font-size:1rem;}
.input-group .form-input-price{ box-shadow:inset 0px 1px 3px rgba(0,0,0,.1);}

.jr-btn{ position:relative; color:var(--tblr-white); background:#fc8459; z-index:1; overflow:hidden;}
.jr-btn::after{ content:""; position:absolute; top:0; left:0; width:150%; height:102%; background:#222328; z-index:-1; -webkit-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0); transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transition:-webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition:transform 0.3s, opacity 0.3s, background-color 0.3s;}
.jr-btn:hover{ color:var(--tblr-white);}
.jr-btn:hover::after{ opacity:1; -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.jr-btn:active{ color:#fc8459;}

.orange-btn{ background:var(--tblr-primary);}
.white-btn{ background:var(--tblr-white); color:#222328;}

/* 弹出窗口 */
.modal-backdrop{ background-color:rgba(34, 30, 24,1);}
.modal-backdrop.show{ opacity:0.45;}
	.modal-content{ box-shadow:0 20px 60px rgba(0, 0, 0, 0.25);}

/* 确认弹出框 */
.dialog-header{ display:flex; align-items:center; margin-bottom:20px;}
.dialog-icon{ display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; margin-right:20px;}

/* slider */
.carousel-indicators{ margin-left:1rem; margin-right:1rem; right:auto; justify-content:start;}
.carousel-indicators [data-bs-target]{ margin-left:5px; margin-right:5px; width:10px; height:10px; border:none; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.1);}
.carousel-text{ margin-right:1rem; margin-bottom:1rem; margin-left:1rem; left:auto; right:0; bottom:0; justify-content:end; color:rgba(255,255,255,.6);}
	.carousel-text a{ color:rgba(255,255,255,.2);}

/* page main*/
@keyframes rotate{
  0% { transform:rotate(0deg);}
  100% { transform:rotate(360deg);}
}
@keyframes bgFlow{
  0% {background-position:200% 50%;}
  100% { background-position:0% 50%;}
}
@keyframes floatBubble{
    0% { transform:translateY(0);}
    100% { transform:translateY(10px);}
}
@media (min-width:992px){
    .modal-lg, .modal-xl{--tblr-modal-width:890px;}
}

.page,
.page-wrap{ margin:0 auto; width:100%;}

@media (min-width:992px){
	.page,
	.page-wrap{ width:96%;}
}
@media (min-width:1200px){
	.page,
	.page-wrap{ width:92%;}
}
@media (min-width:1630px){
	.page,
	.page-wrap{ width:82%; max-width:1630px;}
}

.page-wrapper{ margin-top:128px; margin-bottom:50px; margin-left:20px; margin-right:20px;}
.page-wrapper-bg{ border-radius:10px; background-color:var(--tblr-white);}

@media (min-width:992px) {
	.page-wrapper{ margin-left:1.5rem; margin-right:1.5rem;}
    .navbar-vertical.navbar-expand-lg{ width:12rem;}
    .navbar-expand-lg.navbar-vertical~.navbar, .navbar-expand-lg.navbar-vertical~.page-wrapper{ margin-right:1rem; margin-left:13rem;}
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:96%; max-width:none;}
}
@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:92%; max-width:none;}
}
@media (min-width:1630px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:82%; max-width:1630px;}
}

@font-face{ font-family:'din'; src:url('/webfonts/din-regular.ttf');}
.din{ font-family:'din'; font-weight:bold;}
.din-symbol{ margin-right:0.1875rem; font-style:normal;}
.fs-din{ font-size:18px !important;}

/* 顶部导航 */
@media (min-width:768px) {
    .navbar-expand-md .navbar-collapse{ justify-content:space-between;}
}
/* 下拉箭头 */
.arrow-slide-down{ content:""; display:inline-block; width:.36rem; height:.36rem; border:none; border-bottom:solid 2px var(--bs-gray-600); border-left:solid 2px var(--bs-gray-600); transform:rotate(-45deg); vertical-align:.306em; transition:all 0.2s ease-in-out;}

/* 顶部导航 */
.navbar{ --tblr-navbar-padding-y:18px; min-height:3.25rem;}
	.navbar-brand{ padding-top:.625rem; padding-bottom:.625rem;}
	.brand-jingran{ height:32px;}
	.navbar .navbar-nav{ margin-left:0px; min-height:3.25rem;}

	.navbar-expand-md{ position:fixed; right:0; left:0; top:0; border-bottom:solid 1px rgba(0,0,0,.06); background:linear-gradient(to right, #ECE9E0 0%, #F2EFE6 100%); box-shadow:0px 2px 10px rgba(0,0,0,0); z-index:99; transition:all 0.3s ease 0s;}
	.navbar-shadow{ border-bottom:solid 1px rgba(255,255,255,.8) !important; background:rgba(255, 255, 255, 0.7) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0px 2px 10px rgba(0,0,0,.1);}

	/* nav btns */
	.nav-btn{ padding:0 1rem !important; border:1px solid transparent; line-height:50px; background:transparent; box-shadow:0 0 0 transparent; transition:all 0.3s ease 0s; color:#333;}
	.nav-btn:hover{ border-color:rgba(0,0,0,.06); border-bottom-color:rgba(0,0,0,.13); background:linear-gradient(to bottom, #F6F1E5 0%, #f0e6d0 100%); box-shadow:inset 0 2px 1px rgba(255, 255, 255, 0.6), 0 6px 8px rgba(74, 58, 46, 0.12); text-decoration:none;}
	.nav-btn:active{ transform:translateY(1px); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 5px rgba(92, 74, 60, 0.05);}
	.nav-btn:focus{ transform:translateY(0); box-shadow:none; background:none;}
	.user-login-btn{ background-color:rgba(0,0,0,.05);}

	@media (min-width:768px) {
		.navbar-expand-md .nav-item.active:after{ left:50%; transform:translateX(-50%); width:26px; height:4px; bottom:.35rem; border:none; border-radius:3px; background:var(--tblr-primary); transition:all 0.3s ease 0s;}
		.navbar-expand-md .nav-item.active:hover:after{ background:transparent;}
	}

	/* 下拉菜单箭头 */
	.dropdown-toggle:after { transition:all 0.2s ease-in-out;}
	.nav-item:hover .dropdown-toggle:after { margin-top:5px; transform:rotate(-225deg);}

	/* nav user */
	.user-info-btn{ padding:10px 15px; border:1px solid rgba(0,0,0,0); transition:all 0.3s ease 0s; color:#333;}
	.user-info-btn.show,
	.user-info-btn:hover{ border-color:rgba(0,0,0,.06); border-bottom-color:rgba(0,0,0,.13); background:linear-gradient(to bottom, #F6F1E5 0%, #f0e6d0 100%); box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 4px 12px rgba(74, 58, 46, 0.12); text-decoration:none;}
	.user-info-li:hover .user-info-btn{ text-decoration:none;}
		.user-info-btn .user-name{ max-width:159px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		.dropdown-menu-user{ top:100%; left:0; right:auto; padding:20px; width:auto; border:none; background-color:#FFF; --tblr-dropdown-spacer:0;}
		.user-info-li:hover .dropdown-menu-user{ display:block;}
		.user-info-li:hover .user-info-btn{ background:linear-gradient(to bottom, #F6F1E5 0%, #f0e6d0 100%); box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 4px 12px rgba(74, 58, 46, 0.12); text-decoration:none;}
		.user-face{ width:30px; height:30px; margin-right:6px; border-radius:50%;}
		
		/* dropmenu-user */
		.menu-user-info{ display:flex; padding:0 2px 15px; flex-direction:row; justify-content:space-between; align-items:center;}
			.menu-user-info strong{ color:#333;}
			.menu-user-info span{ color:#797979;}

		.menu-user-item{ margin:0; padding:0;}
		.menu-user-item > li{ list-style:none;}
		.menu-user-item > li > a{ display:flex; padding:8px 5px; border-radius:5px; border-top:solid 1px transparent; border-bottom:solid 1px transparent; clear:both; font-weight:normal; line-height:1.42857143; color:#61666D; align-items:center; white-space:nowrap;}
		.menu-user-item > li > a:hover,
		.menu-user-item > li > a:focus{  border-top:solid 1px rgba(255, 255, 255, .9); border-bottom:solid 1px rgba(0, 0, 0, .08); color:#555; background-color:#e7e7e7; text-decoration:none;}
		.menu-user-item > li > a svg{ margin-right:.8rem;}
		.dropdown-menu .divider { height:1px; margin:10px 0; overflow:hidden; background-color:#e5e5e5;}

	@media (min-width:768px){
		.dropdown-menu-user.show,
		.dropdown-menu-user{ left:auto; right:0; width:235px;}
	}
	@media (min-width:1200px){
		.dropdown-menu-user.show,
		.dropdown-menu-user{ left:0; right:auto;}
	}

	/* 列表 */
	.markdown>table,
	.table{--tblr-table-hover-bg:none;}
	.table>:not(caption)>*>.td-valign-top{ vertical-align:top;}

	.model-list-top{ flex-wrap:wrap; justify-content:space-between;}
		.input-icon{ width:100%;}
		.model-list-by{ width:100%;}
		.model-list-top-search{ margin-top:15px; width:100%;}

	.markdown>table thead th,
	.table thead th{ font-size:.875rem; font-weight:normal;}
	.card-table tr.selected td{ background-color:#F0F1F3;}

	.img-fluid{ border-radius:var(--tblr-border-radius);}

	@media (min-width:768px){
		.model-list-top{ flex-wrap:nowrap;}
		.model-list-by{ width:35%;}
		.model-list-top-search{ margin-top:0; margin-left:30px; width:40%;}
	}
	@media (min-width:992px){
		.model-list-top-search{ width:44%;}
	}

	/* 模型信息 */
	.model-info-block{ align-items:center; background-color:rgba(190,170,140,.05);}
	.model-info-block:hover{ background-color:rgba(190,170,140,.1);}
		.model-info-pic{ width:152px; height:114px; background:rgba(0,0,0,.05);}
			.model-info-pic img{ width:152px; height:114px;}
			.model-info-pic .model-info-name{ background:linear-gradient(to bottom, rgba(0,0,0,0.2), transparent); color:#FFF;}
		.model-info-data{ min-width:150px; max-width:190px; flex-grow:1;}
	.model-print-block{ height:114px; background-color:rgba(190,170,140,.05);}
	.model-print-block:hover{ background-color:rgba(190,170,140,.1);}
		.model-print-data{ min-width:120px; flex-grow:1;}

		.input-num-set{ margin:0 auto; width:120px;}
			.input-group-sm>.btn,
			.input-group-sm>.form-control,
			.input-group-sm>.form-select,
			.input-group-sm>.input-group-text{font-size:1.2rem; border-radius:var(--tblr-border-radius);}
			.input-group-sm>.form-control{ font-size:1rem;}
		@media (min-width:769px){
			.input-num-set{ margin:0 0 0 auto;}
		}

		/* 项目对齐适用手机 */
		.model-align-item{ align-items:center;}

		@media (min-width:769px){
			.model-align-item{ align-items:end;}
		}

/* 前台首页 home */
/* 关于 */
.wrap-about{ background-color:#f5f4ef; background-position:center center; background-size:cover;}
	.wrap-about-frame{ width:118% !important;}
	.wrap-about-content{ height:100px;}
		.wrap-about-content-txt{ width:330px; top:-45vh;}
			.wrap-about-title{ font-size:2.125rem;}
		.btn-to-make{ left:1rem; bottom:3rem;}
		.tips-for-scroll{ right:1rem; bottom:3rem; -webkit-animation:floatBubble .8s infinite ease-in-out alternate;}
			.tips-scroll-ico{ width:36px; height:60px; border:solid 1px rgba(0,0,0,.2); border-radius:18px; color:rgba(0,0,0,.4); transition:all 0.3s ease 0s;}
			.tips-scroll-ico:hover{ background-color:rgba(255,255,255,.2); border-color:rgba(0,0,0,.4); color:rgba(0,0,0,.5);}

@media (min-width:769px){
	.wrap-about-title{ font-size:2.625rem;}
	.btn-to-make{ bottom:8rem;}
	.tips-for-scroll{ bottom:4rem;}
}

/* wrap header */
.wrap-header{ flex-direction:column; align-items:start;}
	.wrap-title{ font-size:2.25rem;}

@media (min-width:769px){
	.wrap-header{ flex-direction:row; justify-content:space-between;}
}

/* 场景 */
.wrap-fields{ padding-top:6rem; padding-bottom:6rem;}
	.fields-item{ position:relative; transition:all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); min-height:445px; overflow:hidden;}
	.fields-item:after{ position:absolute; content:''; box-shadow:inset 0px 32vh 150px -80px rgba(0,0,0,0.6); height:100%; width:100%;}
	.fields-item:hover{ transition:all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-box-shadow:0px 11px 22px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 11px 22px -2px rgba(0, 0, 0, 0.5); box-shadow:0px 11px 22px -2px rgba(0, 0, 0, 0.5); transform:translateY(-15px);}
		.fields-item-link{ display:flex; justify-content:flex-end; align-items:flex-end; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
		.fields-item-image{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background:#343434; opacity:0.8;}
			.fields-item-image img{ height:100%; object-fit:cover; border-radius:5px; width:100%;}
		.fields-item-content{ position:absolute; width:100%; height:100%; z-index:2; padding:2.5rem; color:var(--tblr-white);}
			.fields-item .fields-item-hover{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; transition:all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); background-color:rgba(190,170,140,.9); border-radius:5px;}
			.fields-item:hover .fields-item-hover{ opacity:1; transition:all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);}

		.fields-item .fields-item-profile{ opacity:0;}
		.fields-item .fields-item-more{ position:absolute; bottom:20px; opacity:0; transition:all 0.3s ease 0s;}

		.fields-item:hover .fields-item-profile{ opacity:1; transition:all 0.3s ease 0s; transform:translateY(-10px);}
		.fields-item:hover .fields-item-more{ bottom:30px; opacity:1;}
@media (min-width:769px){
	.wrap-fields{ padding-top:8rem; padding-bottom:8rem;}
}

/* 工艺 */
.wrap-material{ position:relative; z-index:1; padding-top:6rem;  padding-bottom:6rem;  background-color:#f5f4ef;}

	/* 统一配置两层背景图 */
	.wrap-material::before,
	.wrap-material::after{ content:"";  position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background-position:center center; background-size:cover; background-attachment:fixed; transition:opacity 1s ease-in-out;}

	/* JPG 路径 */
	.wrap-material::before{ background-image:url(../images/wrap-material-bg1.jpg); opacity:1;}
	.wrap-material::after{ background-image:url(../images/wrap-material-bg2.jpg); opacity:0;}

	/* AVIF 路径 */
	@supports (background-image:url('./images/test.avif')){ .wrap-material{ --is-avif-supported:1;}
		/* 如果支持 AVIF */
		.wrap-material::before{ background-image:url(../images/wrap-material-bg1.avif);}
		.wrap-material::after{ background-image:url(../images/wrap-material-bg2.avif);}
	}

	/* 当 JS 给父级加上 .bg-step2 类时，第二层淡入，第一层淡出 */
	.wrap-material.bg-step2::before{ opacity:0;}
	.wrap-material.bg-step2::after{ opacity:1;}

		/* 其余样式 */
		.material-blk{ margin-bottom:20px; padding:20px 10px; background-color:rgba(255,255,255,0); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:all 0.3s ease; position:relative; z-index:2;}
		.material-blk:hover{ background-color:rgba(255,255,255,.4);}
		.material-blk.active{ background-color:rgba(255, 255, 255, 0.6); box-shadow:0 4px 15px rgba(0,0,0,0.05);}

			.material-pic{ margin:0 auto; padding-bottom:10px; width:80px; text-align:center;}

@media (min-width:769px){
	.wrap-material{ padding-top:8rem; padding-bottom:8rem;}
		.material-pic{ width:auto; padding:0;}
}

/* 行动 */
.wrap-doitnow{ padding-top:6rem;  padding-bottom:6rem; background-color:#fc8459;}
	.wrap-doitnow-content{ border-radius:.5rem; flex-direction:column; justify-content:start;}
		.wrap-doitnow-bg{ width:100%; opacity:.05; -webkit-animation:floatBubble 1.8s infinite ease-in-out alternate;}
			.wrap-doitnow-bg img{ width:80%;}
		.wrap-doitnow-title{ font-size:2.25rem; color:#FFF;}
@media (min-width:769px){
	.wrap-doitnow{ padding-top:8rem;  padding-bottom:8rem;}
		.wrap-doitnow-content{ border-radius:.5rem; flex-direction:row; justify-content:space-between;}
}

/* 前台订单 */
.order-page{ /*padding:0 20px;*/ display:flex; flex-direction:column;}
	.order-main{ flex-grow:0;}
	.order-side{ margin-top:25px; width:100%;}
			.side-slide-block{}
			.side-slide-content{ position:relative; width:100%;}
	@media (min-width:1200px){
	.order-page{ display:flex; flex-direction:row; padding:0;}
		.order-main{ margin-right:25px; flex-grow:1;}
		.order-side{ margin-top:0; width:348px;}
			.side-slide-block{ position:relative;  width:348px;}
			.side-slide-content{ position:fixed; width:348px;}
	}

	/* 步骤 */
	.step-item:after,
	.step-item:before{ background:var(--tblr-primary);}

	/* 地址 */
	.list-address-item:has(.form-check-input:checked){ background-color:rgba(190,170,140,.1); border-color:rgba(190,170,140,.9);}
	.list-address-item { display:block; margin:0 0 15px 0; padding:12px 16px; width:100%; border:2px solid #ddd; border-radius:6px; cursor:pointer; transition:all 0.2s;}
	.list-address-item:nth-child(3n){ margin-right:0;}
	.list-address-item:hover{ background-color:#f8f9fa;}

	@media (min-width:992px) {
		.list-address-item { margin:0 2% 15px 0; width:32%;}
	}

	/* 发票 */
	.order-invoice{ background-color:#f7f7f7;}
	.order-invoice-label{ width:100px;}

	/* 付款详情 */
	.order-payment{ background-color:#f7f7f7;}

	/* 订单详情 */
	.step-item.active{ font-weight:normal; color:var(--tblr-primary);}
	.step-item:before{ font-size:0.875rem;}
	.step-item:after{ height:5px;}
	.step-item:not(:last-child):after{ margin:0 16px; width:calc(100% - 32px); border-radius:3px;}
	.order-state{ background-color:rgba(190,170,140,.1);}


/* 页面通用 */
	/* 页面标题 */
	.wrap-header-title{ font-size:1.75rem;}
	.wrap-header-title:after{ position:absolute; content:""; left:0; width:46px; height:4px; bottom:-.85rem; border-radius:3px; background:var(--tblr-primary); transition:all 0.3s ease 0s;}

	/* 左右边距 */
	.content-padding{ padding-left:1.5rem; padding-right:1.5rem;}
	@media (min-width:769px){
		.content-padding{ padding-left:3rem; padding-right:3rem;}
	}

/* 前台材质 */
.material-profile-category{ margin-bottom:1.5rem; padding-top:1.5rem; padding-bottom:1.5rem; border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);}
.material-profile-category:first-child{ padding-top:0; border:none;}
	.material-profile-item{ flex-direction:column; align-items:center; border:solid 2px #F3F5FA;}
		.material-profile-title{ text-align:center;}
		.material-profile-pic img{ width:100px; height:100px;}

	@media (min-width:769px){
		.material-profile-item{ flex-direction:row; align-items:start;}
		.material-profile-title{ text-align:left;}
	}

/* 客服 */
.side-customer-service{ opacity:0; pointer-events:none; position:fixed; right:-5px; top:55%; transform:translateY(-50%); z-index:9999; display:flex; flex-direction:column; gap:10px; transition:opacity 0.35s ease,transform 0.35s ease;}
.side-customer-service.is-hidden{ opacity:0 !important; pointer-events:none !important; transform:translateY(-50%) translateX(30px);}

@media (min-width:769px){
	.side-customer-service{ opacity:1; pointer-events:auto;}
}

	.service-btn{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:80px; height:72px; background:linear-gradient(to bottom,#FFFDF9 0%,#F5EFE2 100%); border:1px solid #DBD0BA; border-right:none; border-radius:8px 0 0 8px; color:#4A3A2E; text-decoration:none; box-shadow:-2px 2px 8px rgba(74,58,46,0.1); transition:all 0.25s ease; cursor:pointer;}
		.service-btn span{ font-size:13px; font-weight:500; margin-top:4px;}
		.service-btn svg{ stroke:#5C4A3C; transition:stroke 0.25s ease;}
	.service-btn:hover{ transform:translateX(-5px); background:linear-gradient(to bottom,#FFFDF9 0%,#E6DCC8 100%); color:#1a130e; box-shadow:-4px 4px 12px rgba(74,58,46,0.18);}
	.service-btn:active{ transform:translateX(-2px);}

/* 联系方式 */
.page-service-btn{ width:118px; height:118px; border:solid 1px rgba(var(--tblr-primary-rgb),.2); background:linear-gradient(to bottom,#FFFDF9 0%,#F5EFE2 100%); color:#4A3A2E; text-decoration:none; transition:all 0.25s ease;}
.page-service-btn:hover{ border:solid 1px rgba(var(--tblr-primary-rgb),.5); background:linear-gradient(to bottom,#FFFDF9 0%,#E6DCC8 100%); color:#1a130e;}

/* 登录注册 */
.login-wrapper{ background:#F2EFE6; background:linear-gradient(to bottom, #ECE9E0 0%, #F2EFE6 100%);}
	.login-wrapper-content{ margin:0 2rem; width:100%; flex-direction:column; box-shadow:0 -5px 45px rgba(0, 0, 0, 0.1);}
		.login-wrapper-slider{ display:none; width:400px; height:600px;}

		.card-login-reg{ width:100%; height:600px;}
			.title-tag-wrapper{ flex-direction:column; gap:1rem;}
			.title-tag-btn{ padding:0 20px; background-color:rgba(0,0,0,.05); cursor:default;}
			.title-tag-btn.active{ background-color:var(--tblr-primary); color:#FFF;}

@media (min-width:769px){
	.login-wrapper-content{ width:auto;}
}
@media (min-width:992px){
	.login-wrapper-content{ flex-direction:row; box-shadow:0 -5px 45px rgba(0, 0, 0, 0.1);}
		.login-wrapper-slider{ display:block;}
		.card-login-reg{ width:580px;}
			.title-tag-wrapper{ flex-direction:row;}
}

/* 底部 */
.wrap-footer{ background-color:#0a4c48; color:rgba(255,255,255,.6);}
	.btm-title{ text-align:center;}
	.btm-links{ line-height:2; justify-content:center;}
		.btm-links a{ color:rgba(255,255,255,.5);}
		.btm-links a:hover{ color:rgba(255,255,255,.8);}
		.btm-links ul{ margin:0;}
		.btm-links ul:last-child{ margin-left:3rem;}
	.btm-manufacturing{ justify-content:center;}
		.btm-manufacturing a{ width:118px; height:118px; background:rgba(0,0,0,.04); color:rgba(255,255,255,.5);}
		.btm-manufacturing a:hover{ background:rgba(0,0,0,.08); color:rgba(255,255,255,.8);}
		.btm-manufacturing svg{ fill:rgba(255,255,255,.5);}
		.btm-manufacturing a:hover svg{ fill:rgba(255,255,255,.8);}
	.btm-service{ justify-content:center;}
	.btm-copyright{ text-align:center;}
		.btm-copyright a{ color:rgba(255,255,255,.8);}

@media (min-width:992px){
	.btm-title{ text-align:left;}
	.btm-links{ justify-content:start;}
		.btm-links ul:last-child{ margin-left:5rem;}
	.btm-manufacturing{ justify-content:start;}
	.btm-service{ justify-content:end;}
	.btm-copyright{ text-align:left;}
}