.dv-loban-classic{color:#2f302e;max-width:1102px;margin:0 auto 60px;font-family:Montserrat,Arial,sans-serif}.dv-loban-classic *{box-sizing:border-box}.dv-loban-classic-head{background:#e8ded2;border-left:4px solid #a9825f;margin:0 0 22px;padding:22px 24px}.dv-loban-classic-head h2{margin:0 0 7px;font-size:23px}.dv-loban-classic-head p{color:#55514c;margin:0;line-height:1.65}.dv-loban-steps{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.dv-loban-step{background:#fffaf3;border:1px solid #ddd1c2;flex:220px;padding:12px 14px;font-size:13px;line-height:1.55}.dv-loban-step strong{color:#8b694d}.dv-ruler-tool{background:#fff;border:1px solid #d9cbbb;padding:28px 18px 20px;position:relative;overflow:hidden;box-shadow:0 10px 28px #2f302e12}.dv-ruler-control{justify-content:center;align-items:center;gap:14px;margin:0 0 22px;display:flex}.dv-ruler-control input{color:#a52d28;text-align:center;background:#fffaf3;border:2px solid #a9825f;outline:none;width:125px;height:50px;font-size:20px;font-weight:700}.dv-ruler-control span{font-size:15px}.dv-rulers{position:relative}.dv-pointer{z-index:6;pointer-events:none;background:#a9825f;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff80}.dv-pointer:before{content:"";border-top:8px solid #a9825f;border-left:6px solid #fff0;border-right:6px solid #fff0;position:absolute;top:-5px;left:-5px}.dv-ruler-row{margin:0 0 11px}.dv-ruler-title{margin:0 0 5px;font-size:15px;line-height:1.35}.dv-ruler-scroll{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid #d5cec5;border-bottom:1px solid #8c847b;height:94px;overflow:auto hidden}.dv-ruler-scroll::-webkit-scrollbar{display:none}.dv-ruler-scroll.dragging{cursor:grabbing}.dv-ruler-track{background-color:#fff;background-image:repeating-linear-gradient(90deg,#3434346b 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#343434b8 0 1px,#0000 1px 20px);height:92px;position:relative}.dv-ruler-seg{text-align:center;border-left:1px solid #fffc;height:62px;position:absolute;top:28px;overflow:hidden}.dv-ruler-seg.good{color:#a52d28;background:#b23a3529;border-bottom:7px solid #b23a35}.dv-ruler-seg.bad{color:#343434;background:#34343414;border-bottom:7px solid #4a4a48}.dv-ruler-seg b{white-space:nowrap;padding:7px 2px 2px;font-size:12px;display:block}.dv-ruler-seg small{opacity:.78;white-space:nowrap;font-size:9px;display:block}.dv-ruler-seg:after{content:"";background:linear-gradient(90deg,#0000 0 24.4%,#46413c66 24.4% 25%,#0000 25% 49.4%,#46413c66 49.4% 50%,#0000 50% 74.4%,#46413c66 74.4% 75%,#0000 75%);border-top:1px solid #46413c4d;height:15px;position:absolute;bottom:7px;left:0;right:0}.dv-mark{color:#625e59;border-left:1px solid #5b5853;height:25px;padding-left:2px;font-size:8px;position:absolute;top:1px}.dv-ruler-hint{text-align:right;color:#6c655e;margin-top:5px;font-size:12px}.dv-ruler-result{background:#f4eee6;border-left:3px solid #a9825f;margin:14px 0 0;padding:12px 15px;font-size:14px;line-height:1.55}.dv-loban-legend{flex-wrap:wrap;gap:12px;margin:16px 0 0;display:flex}.dv-loban-key{background:#fff;border:1px solid #ddd1c2;align-items:center;gap:8px;padding:10px 13px;font-size:13px;display:flex}.dv-loban-swatch{width:20px;height:8px}.dv-loban-swatch.good{background:#b23a35}.dv-loban-swatch.bad{background:#434343}.dv-loban-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.dv-loban-guide article{background:#f1e9df;border-top:3px solid #a9825f;padding:17px}.dv-loban-guide h3{margin:0 0 7px;font-size:16px}.dv-loban-guide p{color:#5c5751;margin:0;font-size:13px;line-height:1.6}.dv-loban-note{background:#e8ded2;border-left:4px solid #a9825f;padding:16px 18px;font-size:13px;line-height:1.6}.dv-ruler-track{background-image:repeating-linear-gradient(90deg,#34343480 0 1px,#0000 1px 20px)!important;background-repeat:repeat-x!important;background-size:auto 24px!important}.dv-cung-meanings{margin:22px 0}.dv-cung-meanings>h2{margin:0 0 8px;font-size:22px}.dv-cung-intro{color:#625c55;margin:0 0 15px;font-size:13px;line-height:1.6}.dv-cung-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dv-cung-group{background:#fff;border:1px solid #ddd1c2;border-top:3px solid #a9825f;padding:17px}.dv-cung-group h3{margin:0 0 11px;font-size:16px}.dv-cung-list{margin:0!important;padding:0!important;list-style:none!important}.dv-cung-list li{border-bottom:1px solid #eee5da;font-size:12.5px;line-height:1.48;margin:0!important;padding:7px 0!important}.dv-cung-list li:last-child{border-bottom:0}.dv-cung-list strong{color:#2f302e}.dv-cung-list .good{color:#a52d28}.dv-cung-list .bad{color:#343434}@media (width<=800px){.dv-cung-groups{grid-template-columns:1fr}}@media (width<=700px){.dv-loban-classic{margin-bottom:40px}.dv-loban-classic-head{padding:18px}.dv-ruler-tool{padding:22px 10px 16px}.dv-ruler-control{gap:9px}.dv-ruler-control input{width:88px}.dv-ruler-title{font-size:13px}.dv-loban-guide{grid-template-columns:1fr}.dv-ruler-scroll{height:88px}.dv-ruler-track{height:86px}.dv-ruler-seg{height:56px}}.dv-loban-steps{display:none!important}.dv-ruler-tool{box-shadow:none;background:#fff0;border:0;padding:22px 0 14px}.dv-ruler-control{margin-bottom:8px}.dv-viva-hint{text-align:right;color:#6b645d;margin:0 0 12px;padding:0 2px;font-size:13px}.dv-viva-hint:before{content:"↔";color:#a9825f;margin-right:6px;font-weight:700}.dv-ruler-row{margin-bottom:13px}.dv-ruler-title{margin-bottom:6px}.dv-ruler-scroll{background:#fff;height:100px}.dv-ruler-result{margin-top:13px}.dv-loban-classic-head{margin-bottom:18px}@media (width<=700px){.dv-ruler-tool{padding-left:0;padding-right:0}.dv-viva-hint{text-align:center}.dv-ruler-scroll{height:94px}.dv-ruler-track{height:92px}.dv-ruler-seg{height:62px}}.dv-ruler-scroll{height:122px}.dv-ruler-track{height:120px}.dv-ruler-seg{height:90px}.dv-ruler-seg.has-sub:after{display:none}.dv-ruler-seg.has-sub b{padding-top:5px;font-size:13px}.dv-ruler-seg.has-sub small{font-size:8px}.dv-subrow{border-top:1px solid #46413c59;height:25px;display:grid;position:absolute;bottom:7px;left:0;right:0}.dv-subrow em{white-space:normal;border-right:1px solid #46413c61;justify-content:center;align-items:center;padding:1px 2px;font-size:8px;font-style:normal;line-height:1.1;display:flex}.dv-subrow em:last-child{border-right:0}.dv-sub-detail{margin:24px 0}.dv-sub-detail>h2{margin:0 0 8px;font-size:22px}.dv-sub-detail>p{color:#625c55;margin:0 0 15px;font-size:13px;line-height:1.6}.dv-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dv-sub-card{background:#fff;border:1px solid #ddd1c2;border-top:3px solid #a9825f;padding:17px}.dv-sub-card h3{margin:0 0 9px;font-size:16px}.dv-sub-card ul{margin:0!important;padding:0!important;list-style:none!important}.dv-sub-card li{border-bottom:1px solid #eee5da;font-size:12.5px;line-height:1.45;margin:0!important;padding:6px 0!important}.dv-sub-card li:last-child{border-bottom:0}.dv-sub-card strong{color:#a52d28}@media (width<=700px){.dv-ruler-scroll{height:116px}.dv-ruler-track{height:114px}.dv-ruler-seg{height:84px}.dv-subrow em{font-size:7px}.dv-sub-grid{grid-template-columns:1fr}}.dv-subrow em{font-size:9px}@media (width<=700px){.dv-subrow em{font-size:8px}}.dv-ruler-track{background-size:auto 9px!important}.dv-mark{color:#343434!important;border-left:0!important;height:24px!important;padding:11px 0 0 3px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;top:0!important}.dv-mark:before{content:""!important;border-left:1px solid #5b5853!important;height:8px!important;position:absolute!important;top:0!important;left:0!important}.dv-ruler-seg.has-sub b{color:inherit;font-size:14px!important;font-weight:800!important}.dv-ruler-seg.has-sub small{opacity:.9!important;font-size:9px!important;font-weight:700!important}.dv-subrow{height:27px!important}.dv-subrow em{color:inherit!important;font-size:9px!important;font-weight:650!important;line-height:1.05!important}.dv-ruler-title{font-weight:500}.dv-ruler-title strong{font-weight:800!important}@media (width<=700px){.dv-mark{font-size:10px!important}.dv-ruler-seg.has-sub b{font-size:12px!important}.dv-subrow em{font-size:7.5px!important}}.dv-loban-classic{width:calc(100% - 40px);padding-top:30px;font-family:Arial,sans-serif;line-height:1.6}.dv-loban-classic h1{color:#6a352e;margin:0 0 24px;font-size:30px}.dv-ruler-title{color:#2f302e}.dv-ruler-track{background-position-x:var(--ruler-padding)}.dv-mark{font-style:normal}.dv-ruler-scroll:focus-visible{outline-offset:3px;outline:2px solid #b7802f}.dv-loban-classic-head{border-left-color:#b7802f}.dv-pointer{background:#b7802f}.dv-pointer:before{border-top-color:#b7802f}